Minimog Theme
Pages Global Sections

Footer

7 min read

The footer is the section of content at the bottom of a web page. The footer menu typically contains quick links to your homepage, about us page, blogs page, contact page, policy page, etc.

A great website footer will help visitors navigate your site, leading to a greater eCommerce experience.

You can freely customize the footer section to suit your business needs, such as adding a footer menu, a newsletter, and other blocks.

Steps

  1. In the theme editor (Customize), click Footer
  2. Locate and add suitable blocks
  3. Save

Section settings

General

Select the Color scheme for the section.

image
Set up your Color schemes anytime in the Theme settings > Colors.

Set the Layout for your footer:

image
image
image
image

You can choose your Container type for the collection list as:

  • Default
  • Full width
  • Use container box
image

Enable or disable Block bordered to add borders around footer blocks.

image
image

Enter your Copyright text. Example: © MINIMOG [year]

image
A copyright notice informs the public that the work is protected by copyright. To know more about copyright, see Copyright.

Note: The [year] variable automatically displays the current year.

Addons

Similar to the header section, this element provides extra information for the footer such as social media icons, language selector, etc. by ticking/unticking the corresponding checkboxes.

image
  • Social media icons: To display icons for any social media platforms that you've entered a profile link for in your Theme settings > Store contact.
  • Country/region selector: Display a country selector for stores using Shopify Markets.
  • Currency selector: Allow customers to switch currencies. Watch tutorial
  • Language selector: Allow customers to switch languages. Watch tutorial

Follow on Shop

Follow on Shop allows customers to follow your store on the Shop app.

Customers who follow your store can receive personalized recommendations and notifications about your products, creating a more personalized shopping experience for your customers.

Follow on Shop button is available on Minimog version 3.5.0 and above (see Changelog).
image
To enable the Follow on Shop button, you must have the Shop channel installed, and Shop Pay activated on your store.

Payment methods

Providing various purchasing methods makes checkout easier for your customers and enhances your brand perception.

image

Enable Show payment icons to display accepted payment methods.

image

You can also upload a custom Payment icons by image instead of using Shopify payment icons.

Adjust the Image width (px) to control the display size of the payment image.

The payment methods here reflect the settings configured in Payments. Only payment options accepted through Shopify Payments will automatically display their icons when enabled.
image

Select the Color scheme for the footer bottom area.

Choose a Menu to display at the bottom of the footer.

image

Enable Show menu item divider to display separators between footer menu items.

image

Block settings

The Footer section supports the following block types (You can add up to 5 blocks):

You can combine multiple block types to build a flexible footer layout.

image

Common block settings

The following settings are available for most Footer blocks.

Container width

image

Adjust the width occupied by the block within the footer layout.

This helps balance spacing and alignment between footer columns.

Mobile settings

image
  • Order first: Display the block before other footer blocks on mobile devices.
  • Enable accordion: Collapse the block into an accordion on mobile devices to save space and improve usability.
  • Open by default: Keep the accordion expanded when the page loads.

The Menu block displays navigation links inside the footer.

image
  • Display the existing menu you created in Shopify admin > Content > Menus. To create menus, see Menu.
  • Only the 1st-level menu items are displayed.

Select the Footer menu you want to display.

image

Enter a custom Heading or leave it blank to automatically use the selected menu title.

Choose the Heading size:

  • Heading xs
  • Heading sm
  • Heading md
  • Heading lg
  • Heading xl
  • Heading 2xl

Choose the Heading font:

  • Heading font
  • Body font

Select the Heading font weight.

image

About

The About block helps customers learn more about your business.

image

Content settings

Enter a Title for the block.

Choose the Heading size:

  • Heading xs
  • Heading sm
  • Heading md
  • Heading lg
  • Heading xl
  • Heading 2xl

Choose the Heading font:

  • Heading font
  • Body font

Select the Heading font weight.

image

Add content using the Description rich text editor. This area can be used to describe your business, share your story, or provide helpful information for customers.

Choose the description Text size:

  • Small
  • Base size
  • Large
  • Extra large
  • Default
image

Contact information

Enable or disable the following options:

  • Show email: Display your store email address.
  • Show phone number: Display your store phone number.
  • Show social icons: Display social media icons configured in your store contact settings.
image

This makes it easy for customers to connect with your brand across different platforms.

To add or update store contact information, go to Theme settings > Store contact.

Newsletter

The Newsletter block helps you collect email subscribers directly from the footer, making it easier to grow your audience and stay connected with customers.

image

Enter a Title and optional Description to encourage visitors to subscribe.

Choose the Heading size:

  • Heading xs
  • Heading sm
  • Heading md
  • Heading lg
  • Heading xl
  • Heading 2xl

Choose the Heading font:

  • Heading font
  • Body font

Select the Heading font weight.

Customize the Email placeholder text displayed inside the email input field.

image image

Enable Show icon input to display an email icon inside the input field.

image image

Customize the Button label. Leave the button label blank to display an icon-only submit button.

image
image
image

Button position: Choose where the subscribe button appears:

  • Same line input field
  • Under input field
image
image
image

Button position option only works with bordered form style.

Choose the Button style of the subscribe button:

  • Primary button
  • Secondary button
  • Plain button
image

Form style: Choose the newsletter form appearance:

  • Bordered
  • Minimal
image
image
image

Show social link: Enable this option to display your store's social media icons below the newsletter form.

image image
Social media links are managed in: Theme settings > Store contact.

Show "Terms & conditions" checkbox: Enable this option to require customers to accept your terms and conditions before subscribing.

image image
"Terms & conditions" checkbox are managed in: Theme settings > GDPR settings.

Custom content

The Custom content block allows you to display additional content alongside other footer blocks.

image

Image settings

Upload an Image for the content block.

Adjust the Image max-width (px) to control the display size of the image.

image

Content settings

Enter a Title.

Choose the Heading size:

  • Heading xs
  • Heading sm
  • Heading md
  • Heading lg
  • Heading xl
  • Heading 2xl

Choose the Heading font:

  • Heading font
  • Body font

Select the Heading font weight.

image

Add Content using the rich text editor and choose the suitable Text size:

  • Small
  • Base size
  • Large
  • Extra large
  • Default
image

Spacing

The Spacing block adds empty space between footer columns.

image

Container width: Adjust the amount of spacing added between neighboring blocks.

Larger values create wider gaps between footer columns and help distribute content more evenly across the footer.

Custom HTML

The Custom HTML block allows you to add custom code and third-party integrations directly inside the footer.

Enter a Title.

Choose the Heading size:

  • Heading xs
  • Heading sm
  • Heading md
  • Heading lg
  • Heading xl
  • Heading 2xl

Choose the Heading font:

  • Heading font
  • Body font

Select the Heading font weight.

image

Add your custom code inside the HTML field.

image

Liquid code is supported.

Last updated