Wix Configuration

How to Add Footer to Wix Website

The footer is a crucial part of your website. It often contains important information like contact details, copyright notices, and navigation links. This tutorial will guide you through the process of adding and editing footers on your Wix website.

A well-designed footer enhances user experience. It provides a consistent area for key information. Think of it as the final touch on each page of your website. It helps visitors find what they need quickly. A good footer can include:

  • Contact information
  • Social media links
  • Navigation links
  • Copyright notices
✅ A well-organized footer can significantly improve user navigation and overall website usability.

Every new Wix website comes with a default footer. However, if you've accidentally deleted it or are starting with a blank template, adding a footer is straightforward.

  • Navigate to the Wix Editor.
  • On the left-hand side, click the "+" (Add) button.
  • In the "Add Elements" panel, select "Strip."
  • Scroll down to the "Classic" section and choose a footer layout that suits your needs. You can select a blank strip or one with pre-designed elements.
  • Drag and drop the chosen strip to the bottom of your website page. This will automatically become your footer.
💡 Ensure the footer strip spans the entire width of your website for a consistent look.

Once you have a footer, you'll want to customize its content. Wix provides intuitive tools for editing.

How to Customize Footer in Wix: Layout and Design

  • Click on the footer strip itself.
  • Click the "Design" icon (paintbrush).
  • Here, you can change the background color, add a border, and adjust the opacity.
  • Explore the pre-set footer template customization options for quick design changes.

How to Change Footer Layout in Wix

  • Click on the footer strip.
  • You can drag and drop existing elements to new positions within the footer.
  • Alternatively, you can delete the current footer and add a new "Strip" with a different layout from the "Add Elements" panel.

How to Make Footer Smaller in Wix and Resize Footer in Wix Website

  • Click on the top border of the footer strip.
  • A double-arrow cursor will appear.
  • Click and drag the border upwards to reduce the height of the footer.
⚡ Ensure all your footer content remains visible and easily accessible after resizing. A too-small footer can affect usability.

Integrating social media links in your footer is a great way to connect with your audience on other platforms.

  • Click the "+" (Add) button on the left.
  • Select "Social."
  • Choose a social media bar style you like and drag it into your footer.
  • Click on the social media bar and then click "Set Social Links" to add your specific profile URLs.

Protecting your website content is essential. Adding a copyright notice in your footer is a standard practice.

  • Click the "+" (Add) button on the left.
  • Select "Text."
  • Choose a text style and drag it into your footer.
  • Edit the text to include your copyright information, typically in the format: © [Year] [Your Website Name].

Wix offers some additional settings to fine-tune your footer, including:

  • Show on All Pages: By default, your footer will appear on all pages of your website. You can manage this in the Wix Editor settings if needed for specific scenarios.
  • Pin to Screen: While Wix allows pinning elements, it's generally not recommended for footers as it can obstruct content.

Best Footer Practices for Wix Websites

Keep it concise: Include only essential information in your footer. Avoid clutter and focus on the key details visitors need.

Maintain consistency: Ensure the footer design aligns with your overall website style. Consistency in fonts, colors, and layout improves user experience.

Provide useful links: Include links to your privacy policy, terms of service, contact page, and sitemap. These links help users easily navigate important areas of your website.

Ensure readability: Use clear and legible text in your footer. Make sure the font size is large enough to read, even on mobile devices.

Check for mobile responsiveness: Make sure your footer looks good on all devices. Test it on different screen sizes to ensure the content is properly displayed.

Wix Editor: Customizing Your Site Footer – Official guide on modifying footer design, resizing, and freezing the footer position in Wix Editor.

Wix Editor: About Your Site's Footer – Overview of footer customization options, including design adjustments and layout changes in Wix Editor.

Website Footer Design: 12 Examples and Best Practices – Explore various footer designs and best practices to enhance user experience on your Wix website.

Wix Editor: Customizing the Header and Footer on Your Mobile Site – Learn how to adjust header and footer visibility and design for mobile views in Wix Editor.

Enhance Your Wix with Powerful Apps!

Elfsight created dozens of useful apps to make your website more attractive and boost its performance in so many ways. Try these no-code solutions for free on Wix!

Conclusion

By following these steps and best practices, you can effectively add and edit footers on your Wix website, enhancing its functionality and user experience. Customizing the footer ensures that key information is accessible while keeping your design clean and professional.