For the complete documentation index, see llms.txt. This page is also available as Markdown.

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.

Social media icons in the footer can use Icon, Border, Wrapped, or Brand colors styles. Choose Brand colors when you want social links to be more noticeable, or choose the simpler styles for a softer footer design.


💡 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