{% embed url="" %}
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.
## How to create a Footer
{% hint style="success" %}
Steps
1. In the theme editor **(Customize)**, click **Footer**
2. Locate and add suitable blocks
3. **Save**
{% endhint %}
## General settings
### 1. Design
You can change the layout and container type for your footer section. **Minimog** provides 3 layouts for the footer section that shuffle the position of addons, payment icons, and copyright text.
Enable/disable borders between blocks by ticking/unticking the box.
### 2. Copyright
A copyright notice informs the public that the work is protected by copyright. To know more about copyright, see [Copyright](https://help.shopify.com/en/manual/your-account/copyright-and-trademark#about-copyright).
### 3. Add-ons
Like the header, this element provides extra information for the store footer such as social icons, language selector, etc. by ticking/unticking the corresponding checkboxes.
### 4. Follow on Shop
Follow on Shop allows customers to follow your store on the [Shop app](https://help.shopify.com/en/manual/online-sales-channels/shop).
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](https://help.foxecom.com/changelog/minimog?utm_source=foxecom\&utm_medium=help_center_minimog_footer\&utm_campaign=anchor_text\&utm_term=changelog#version-3.5.0)).
To enable the Follow on Shop button, you must have the [Shop channel](https://help.shopify.com/en/manual/online-sales-channels/shop/setup) installed, and [Shop Pay activated](https://help.shopify.com/en/manual/payments/shop-pay#activate-shop-pay) on your store.
### 5. Payment methods
Providing various purchasing methods makes checkout easier for your customers and enhances your brand perception. To see how to set up alternative payment methods for your store, see [Payments](https://help.shopify.com/en/manual/payments).
Enable/disable showing payment icons by ticking/unticking the checkbox. You can use payment icons by image or leave the option blank to show the original payment icons.
## Block settings
Add suitable blocks to your store footer as per your requirements. You can add up to 5 blocks.
### 1. Menu
Display the existing menu you created in **Shopify admin** > **Navigation.** To create menus, see [Menu](https://docs.minimog.co/getting-started/mega-menu#create-menu).
### 2. About
Use this block to display your store contact: store email address, phone number, and social icons.
To add or update store contact information, go to **Theme settings** > **Store contact**.
### 3. Newsletter
Use the newsletter signup form to collect your customers' email addresses for email marketing campaign purposes.
* Change the title, description, and email placeholder and show icon input if you wish to.
* The submit button can also be changed with the **Button label** (text/icon - leave the field blank), **Button position** (Same line input field/Under input field - Only with bordered form style), and **Button style** (Plain button/Secondary button/Primary button).
* There are 2 different **Form style**s (Bordered/Minimal), you can choose the one that is suitable for your website. Moreover, you can also enable/disable the **social link** and **"Terms & conditions" checkbox. Container width** also can be adjusted to fit the footer.
For example:
{% tabs %}
{% tab title="Bordered style" %}
{% endtab %}
{% tab title="Minimal style" %}
{% endtab %}
{% endtabs %}
* The block can be enabled/disabled the **Order first** and **Open by default** options on the mobile.
### 4. Custom content
Display additional info or needed material using the blank fields.
### 5. Spacing
You can use this block to adjust the space between existing columns
.png?alt=media&token=9168d917-bd02-4cd6-a7af-eb9896c7a5ef)
