Footer

The footer is the bottom section of your website, designed to display brand information, navigation menus, social media links, and utility tools such as currency/language selectors and payment methods. A well-structured footer enhances user experience and strengthens brand identity.


🎨 Color Scheme

  • Select or edit the color scheme to define the visual style of all footer elements.

  • Includes background color, text color, and border color.

  • Align with your brand’s visual style for consistency.


🖼️ Background & Border Settings

  • Show top border: Toggle to add or remove a dividing line between the footer and the main page.

  • Background image: Upload a background image and adjust its transparency.

  • Image behavior options:

    • Fixed: Keeps the background image fixed while scrolling.

    • Zoom in: Adds a zoom effect when scrolling.

    • Parallax: Creates a dynamic scrolling effect where the background moves at a different speed than the content.


🔧 Functional Display Options

  • Shopify trust badge: Display the official trust badge to enhance customer confidence.

  • Country & currency selector: Allow customers to switch regions and currencies.

  • Language selector: Enable multi-language options for global users.

  • Payment icons: Showcase accepted payment methods (Visa, Mastercard, PayPal, etc.).

  • Back-to-top button:

    • Position: Choose to display on the bottom left or right corner.

    • Optionally show scroll progress path, helping users track page scrolling progress.


The footer supports the following customizable blocks:

  • Menu: Add navigation menus such as “About Us,” “Contact,” “Privacy Policy,” etc.

  • Social Media: Display links to brand social media accounts with icons.

  • Brand Information: Show company address, contact details, or a short brand description.

  • Text: Add copyright notices, legal disclaimers, or custom messages.

  • Image: Upload a brand logo or decorative image.

  • Newsletter: Collect customer emails for newsletters or promotional updates.

  • Spacer: Adjust spacing between blocks for better layout flexibility.


💡 Best Practices

  1. Keep it simple: Highlight key features such as navigation, payments, and subscriptions without overloading information.

  2. Strengthen brand recognition: Showcase your logo, brand story, and social links.

  3. Encourage conversions: Use subscription forms and promotions to engage customers.

  4. Build trust: Display payment icons, trust badges, and security notes to reduce hesitation.

  5. Mobile optimization: Ensure the footer is clear and user-friendly on mobile devices.

Last updated