Add to your Store
Home Why us? Documentation Privacy Policy Refund Policy Get in Touch

Shopify Footer Section

Learn how to create a Footer section with Sections Pro in Shopify

Description of the Section

This Footer section, created using the Sections Pro app for Shopify, provides a versatile and customizable footer area for Shopify stores. It includes various elements such as content blocks, rich text, images, videos, buttons, icons, social media links, menus, and contact forms to design an engaging and informational footer for customers.

Demo of the Section

Installation Instructions

  1. Download the Sections Pro app on the Shopify App Store
  2. Open the app and navigate to Premium Sections
  3. Search for "Footer"
  4. Click to Publish or Purchase

Sample Use Cases for a Shopify E-commerce Store

  1. General Store Footer:

    • Include links to important pages such as Home, Products, Catalog, and Contact.
    • Display the store's mission statement to connect with customers.
    • Add social media icons to integrate with Instagram, Facebook, Twitter, and more.

  2. Newsletter Signup Section:

    • Encourage visitors to subscribe to the newsletter with a clear call-to-action and form.
    • Use icons and rich text to guide users and make the footer more engaging.

  3. Customer Support Area:

    • Provide contact information and quick links for customer support.
    • Highlight FAQs, shipping policies, and return policies using icons and text blocks.

  4. Promotional Content:

    • Utilize the video and image blocks to showcase promotional content or advertisements.
    • Add buttons for special offers and discounts to enhance conversions.

Overview of the Configuration Settings

  1. Font Settings:

    • Override theme fonts: Allow the footer to use custom fonts.
    • Headline Font: Choose a custom font for headlines.
    • Text Font: Choose a custom font for regular text.

  2. Text Settings:

    • Text Size: Adjust the size of the text.
    • Text Line Height: Set the line height for text.
    • Headline Size: Adjust the size of headline text.
    • Headline Line Height: Set the line height for headline text.

  3. Color Settings:

    • Text Color: Set the color of the text.
    • Link Color: Set the color of links.
    • Background Color: Define the background color or gradient for the footer.

  4. Dimensions:

    • Max Width of Section: Define the maximum width of the footer section.
    • Gap Between Columns: Set the spacing between columns.
    • Gap Between Content Elements: Define the gap between individual content elements.
    • Spacing Between List Elements: Set the spacing between list items.
    • Padding (Top, Bottom, Left, Right): Customize the padding around the footer.

  5. Advanced Settings:

    • Underline link: Choose whether to underline links.
    • Round Borders on Media: Adjust the border radius for media elements.
    • Subtle Shadow on Media: Apply a shadow effect to media elements.
    • Vertical Alignment: Align content vertically within the footer (Center, Top, Bottom).