How to Create a Simple Wix Footer for Free?

by Category: Design

Creating a great footer for your Wix website is easier than you might think. This guide will walk you through the process, showing you how to add essential elements and customize them to match your brand. A well-designed footer can make your site look more professional and help visitors find important information.

First things first, you need to have a Wix website set up. If you don’t have one yet, head over to Wix.com, create an account, and open your site in the Wix editor. Once your editor is open, you’ll see the header at the top, the main content in the middle, and the footer at the bottom. We’ll be focusing on this bottom section to build our footer.

If you find the default footer area a bit cramped, you can easily resize it. Just click and drag the bottom edge of the footer section downwards to give yourself more space to work with. This extra room will make it much easier to add and arrange elements.

You might want to read about: How to Migrate from WordPress to Shopify in 2026

Let’s start by adding a logo. Click on the ‘Add Element’ button in the top left corner, then go to ‘Upload’ and upload your logo. Place it within the footer area. It’s okay if it’s slightly outside the main grid lines, about 10-20%.

Next, we’ll add some text. Click ‘Add Element’ again, select ‘Text’, and drag a text box into your footer. If there’s already text in the footer, you can grab that and move it down. Once you have your text box, you might notice the text is too large. Double-click the text to open the text editor and adjust the font size. For example, changing it from 22 to 15 can make a big difference.

Now, let’s add some headings for different sections of your footer, like ‘Company’, ‘Support’, and ‘Links’. Click ‘Add Element’, choose ‘Text’, and select a text header. Drag it into place. You can adjust the font size, perhaps to 22, and then type in your heading. To quickly create more headings, you can right-click on an existing heading, copy it, and then paste it into the footer. Rename the pasted text to ‘Support’ and then again for ‘Links’.

Key Takeaways

  • Resize your footer: Drag the bottom edge down to create more working space.
  • Add a logo: Use the ‘Add Element’ > ‘Upload’ option.
  • Use text elements: Add headings and body text for information.
  • Duplicate elements: Right-click and copy/paste to quickly add more text boxes or headings.
  • Link text: Turn text into clickable links to other pages on your site.

Below your headings, you’ll want to add links to different pages on your website. You can do this by adding more text elements. Copy and paste the text you used for your headings, but change the font size to be smaller, matching the body text size.

For example, under ‘Company’, you might add links like ‘About Us’. To make this text a clickable link, double-click it, click the ‘Link’ icon, and choose the page you want it to lead to. Repeat this process for all your desired links, such as ‘Services’, ‘Community’, and ‘Testimonials’.

To speed things up, you can group elements. Select multiple text boxes that form a set of links, right-click, and choose ‘Group’. Then, you can copy and paste this entire group to create duplicates for other sections, like ‘Support’ or ‘Links’. You’ll just need to rename the text within the new group.

Adding Contact Information and Icons

For the contact section, you can add text for a phone number or email address. If you want to add icons next to your contact details, go to ‘Add Element’, then ‘Decorative’, and select ‘Vector Art’. Search for ‘phone’ or ’email’ and choose an icon you like. Resize it and place it next to your text.

Incorporating Decorative Lines and Social Media

To add a dividing line, go to ‘Add Element’, then ‘Decorative’, and choose a ‘Themed Line’. Drag it into your footer. You can then stretch it to span the width of your footer. To change its color, click on ‘Design’, then ‘Custom Design’, and select a color, like a shade of gray. You can also adjust the thickness.

For copyright information, you can add a text box below the line. Type ‘Copyright 2024’ followed by your name or company name. You can stretch the text box if the text becomes too long.

To add social media icons, click ‘Add Element’, go to ‘Social’, and choose a social bar. You can then customize the icons, their colors, and their spacing. You can also choose which social media platforms to display.

Sometimes, you might want to add a distinct section within your footer, like a subscription box. You can achieve this by adding a box element (‘Add Element’ > ‘Box’). Resize and position it. Then, go to ‘Design’ > ‘Custom Design’ and adjust the corner rounding to give it a softer look. Inside this box, you can add text like ‘Subscribe’ and a contact form.

To add a contact form, go to ‘Add Element’, select ‘Contact’, and choose a contact form template. You can then customize the form fields using the ‘Edit Form’ option in the Form Builder. For example, you might only want users to submit their email address.

Related: WordPress SEO Title Mistakes and How to Fix Them

Final Touches and Tips

Remember to ensure your footer’s background color complements the rest of your website. If your footer looks too blended with a white background, consider adjusting the main body background color or adding a subtle background to the footer itself.

By following these steps, you can create a functional and attractive footer that enhances your Wix website’s overall appearance and user experience. Experiment with different elements and designs to find what works best for your site.