The footer closes every page of the store. Its top part is built from blocks: menus, brand text, a newsletter signup, social media icons, images and your contact details. A layout setting arranges them. Below the blocks, one bar holds the country and language selectors, the Follow on Shop button, the copyright line, policy links and payment icons. Your store name can be set across the footer in large type, as a wordmark.
Where to find it
In the theme editor, the footer is in the Footer group at the bottom of the left sidebar. Select Footer to open its settings. It is shared by every page.
Wordmark
The wordmark is your store name set large across the footer. Three settings control it:
- Show wordmark turns it on or off.
- Wordmark text replaces your store name with other words, for example a shorter version of the name. Leave it empty to use your store name.
- Size sets how large it is: Small, Medium, Large or Fill the width, which stretches the name from one edge of the page to the other.
Whatever the size, the wordmark always scales down to fit the screen, so a long name is never cut off. It is decoration: your store name is also in the copyright line, where screen readers and search engines read it.
On mobile
On phones, each Menu block becomes an accordion: customers see the menu's heading and tap it to open its links. This keeps a footer with several menus short. The other blocks are stacked in full, in the order you set.
Footer and newsletter
To collect email addresses in the footer, add a Newsletter block. Customers who sign up are added to your customer list in Shopify as email subscribers, tagged newsletter.
The footer signup hides itself on any page that already has a Newsletter section, so customers only ever see one signup form on a page. If your footer signup seems to be missing on the home page, this is why.
Social media icons
Social icons are a block. Click Add block under Footer and choose Social media icons, then drag it to where you want it. The block shows an icon for each profile link filled in under Social media in theme settings. With no links filled in, it shows nothing.
Looking for "Show social icons"? That footer setting has been removed. Use the Social media icons block instead, which lets you place the icons anywhere among the other blocks.
Bottom bar
The bar at the bottom of the footer always shows the copyright line with your store name and the year. The rest is up to you:
- Country and language selectors. The country selector lists each country with its currency, and appears when your store sells to more than one market. The language selector appears when your store has more than one published language. Both are managed in your Shopify admin, under Settings > Markets and Settings > Languages.
- Follow on Shop is Shopify's own button. It only appears when Shop Pay is turned on for your store, and its colors are set by Shopify.
- Policy links are your store policies from Settings > Policies in your Shopify admin. Only policies you have written are listed.
- Payment icons show the payment methods turned on in your store's payment settings.
Layout options
Layout arranges the same blocks in four ways. You can switch between them at any time without losing anything.
- Editorial columns: the blocks sit side by side, each as wide as its content needs. This is the default.
- Newsletter first: the Newsletter block runs across the top, with the other blocks in columns beneath it. Choose this when growing your email list matters most.
- Centered: everything is stacked in the middle of the page, and each menu becomes a row of links. Suits a short, simple footer.
- Masthead wordmark: the footer opens with your store name in large type, like the nameplate of a magazine, with the blocks in columns under it.
Column gap sets the space between columns on desktop.
Section settings
Select the section in the theme editor to see these settings, in this order.
| Setting | Options | What it does |
|---|---|---|
| Layout | Editorial columns, Newsletter first, Centered or Masthead wordmark. Default: Editorial columns. | How the blocks are arranged. See Layout options above. |
| Color scheme | Color scheme. | Which of your color schemes the section uses. Schemes are edited in theme settings under Colors. |
| Top spacing | Small, Medium or Large. Default: Medium. | The space above the footer's content. |
| Bottom spacing | Small, Medium or Large. Default: Small. | The space below the footer's content. |
| Column gap | 16 px to 80 px. Default: 40 px. | The space between columns on desktop. |
| Wordmark | ||
| Show wordmark | On or off. Default: on. | Sets your store name in large type across the footer. It always scales down to fit the screen. |
| Wordmark text | Text. | Words to show in place of your store name. Leave empty to use your store name. |
| Size | Small, Medium, Large or Fill the width. Default: Fill the width. | How large the wordmark is. Fill the width stretches it from edge to edge. |
| Bottom bar | ||
| Show country/region selector | On or off. Default: on. | Shown when your store sells to more than one market. |
| Show language selector | On or off. Default: on. | Shown when your store has more than one published language. |
| Show Follow on Shop button | On or off. Default: on. | Lets customers follow your store on the Shop app. Shop Pay must be turned on. |
| Show policy links | On or off. Default: on. | Lists your store policies beside the copyright line. |
| Show payment icons | On or off. Default: on. | Shows the payment methods your store accepts. |
Blocks
This section is built from 6 kinds of block. Click Add block under the section to add one, and drag blocks to reorder them. The section holds up to 8 blocks.
These blocks can be added once each: Newsletter, Social media icons, Contact info. The others can be added more than once.
Menu
A column of links from one of your menus. Only the menu's top-level items are listed. On phones it becomes an accordion.
| Setting | Options | What it does |
|---|---|---|
| Heading | Text. | The column's heading. Leave empty to use the menu's name. |
| Menu | Menu. | The menu whose links are listed. |
Brand text
A few lines about your brand, under a heading or under your logo.
The section takes up to 2 of these.
| Setting | Options | What it does |
|---|---|---|
| Show logo | On or off. Default: off. | Shows the logo from theme settings in place of the heading. |
| Heading | Text. | The column's heading. Leave empty for none. |
| Text | Formatted text. | The column's text. Links and basic formatting are supported. |
Newsletter
An email signup form with a heading and a line of text.
| Setting | Options | What it does |
|---|---|---|
| Heading | Text. | The heading above the signup form. |
| Text | Formatted text. | A line or two on what subscribers will receive. |
Social media icons
An icon for each profile link filled in under Social media in theme settings.
| Setting | Options | What it does |
|---|---|---|
| Heading | Text. | The heading above the icons. Leave empty for none. |
Image
An image of your own, such as a certification mark, a stamp or a second logo, with an optional link.
The section takes up to 2 of these.
| Setting | Options | What it does |
|---|---|---|
| Image | Image. | The image to show. A PNG with a transparent background sits cleanly on any color scheme. |
| Image width | 80 px to 400 px. Default: 200 px. | How wide the image is shown. It never grows wider than its column. |
| Link | Link. | Optional. Where the image links to. |
Contact info
Your address, email, phone number and opening hours in one column. Fields you leave empty are left out.
| Setting | Options | What it does |
|---|---|---|
| Heading | Text. | The column's heading. Leave empty for none. |
| Address | Formatted text. | Your studio or store address. |
| Text. | An email address customers can write to. Shown as a link that opens their email app. | |
| Phone | Text. | A phone number. Shown as a link that starts a call on phones. |
| Opening hours | Formatted text. | When you are open. |
App blocks
Apps that offer app blocks can be added here too. They appear under Apps when you click Add block.
Image sizes
| Image | Recommended | Notes |
|---|---|---|
| Footer image | Twice the Image width you set | For example 400 px wide for an image shown at 200 px, so it stays sharp on high-density screens. |
Upload JPG or PNG files. Shopify resizes and compresses each image for the customer's screen, so there is no need to make smaller copies yourself.
Tips
- Two or three menu blocks and one newsletter or brand text block is a comfortable footer. The footer holds up to eight blocks, but that many gets crowded on tablets.
- Create a short menu just for the footer, for example Help, with links to shipping, returns, sizing and contact.
- With Fill the width, a short store name is set very large and a long one smaller. Check the wordmark on a phone, and try Wordmark text with a shorter version of the name if it no longer reads well.