This guide describes setting up the Footer section to provide visitors with information and a secondary menu for navigating your store’s pages. The footer is typically displayed across the bottom of store pages.
The following image shows a footer section on a store’s homepage, and includes the following settings:
- To display a border (horizontal) line above the section, the Show border checkbox option is enabled.
- A custom logo is uploaded (bottom left).
- The footer menu is set to use the main navigation menu. Refer to Set a footer menu.
- The checkbox Show newsletter field is set to show a newsletter subscription form inside the footer section.
- To display links to the store’s social media, inside the section, the checkbox Show social media icons is enabled.
For general guidance with modifying sections, refer to Sections overview.
# Set up the footer section
To set up your store’s footer section:
Go to Customize theme. At the top of the page, use the dropdown to select the Home page template.
The footer section is accessible from all page templates, excluding the Checkout, Password and Gift card page templates.
From the side menu, select Footer.
Select a section setting described in the following table.
|Section setting name||Description|
|Custom logo||Use the Custom logo menu options to set up an image to use as a logo inside the section.|
|Footer menu||Select a menu to display inside the section. Refer to Set a footer menu.|
|Show border||Select the Show border checkbox to show/ hide a horizontal line above the section.|
|Show newsletter field||Select the checkbox Show newsletter field to show/ hide a newsletter subscription form inside the section. The form allows visitors to subscribe to your store’s newsletter. Refer to Shopify help: Add a newsletter signup (opens new window).|
|Show social media icons||Select the checkbox Show social media icons to show/ hide links to your store’s social media, inside the section. Refer to Social media.|
|Show payment icons||Select the Show payment icons checkbox to show/ hide icons that represent your store’s acceptable payment methods, inside the section.|
|Language selector > Language settings||To add a language, follow the language settings link to the Store languages area of your store’s admin page. Refer to Shopify help: Selling in multiple languages (opens new window).|
|Language selector > Show language selector||For stores that support multiple languages, use the Show language selector checkbox to show/ hide a language selector inside the section. The language selector allows visitors to switch between different language versions of your store.|
|Currency selector > Currency settings||To add a currency, follow the currency settings link to the Payments area of your store’s admin page. Refer to Shopify help: Payments (opens new window).|
|Show currency selector||For stores that support multiple currencies, use the Show currency selector checkbox to show/ hide the currency selector inside the section. The currency selector allows visitors to switch between currencies supported by your store.|
|Colors > Color scheme||Use the Color scheme dropdown to set the section’s color scheme to Primary, Secondary or Tertiary. Refer to Colors.|
# Set a footer menu
To select a menu to display inside the footer section, apply the following settings in Footer > Menu.
To use an existing menu, choose Select menu. Enter the name of the menu into the Search box, or pick a menu from the list, and then choose Select.
To create a new menu, choose Select menu, and then follow the Create menu link. The link opens the Navigation > Add menu editor on your store’s admin page. Use the editor to create a new menu. Refer to Shopify help: Add, remove, or edit menu items in your online store (opens new window).
To edit the current menu, select the Edit menu link. The link opens the Navigation menu editor on your store’s admin page. Use the editor to modify the menu. Refer to Shopify help: Add, remove, or edit menu items in your online store (opens new window).
To replace the current menu, use the Change dropdown to select Change menu. Enter the name of the replacement menu into the Search box, or pick a replacement menu from the list, and then choose Select.
To delete the current menu, use the Change dropdown to select Remove menu.
Note that this footer menu is only displayed on desktop devices. To change navigation for the mobile/ drawer menu, refer to Sidebar menu.