Footer
The Footer appears at the bottom of every page and helps you organize important content such as navigation, branding, newsletter signup, and trust elements — improving both store design and conversions.
💡 A well-designed footer improves SEO, internal navigation, and user trust.
Section settings
🎨 Styling
| Setting | What it does |
|---|---|
| Color scheme | Controls background, text, button and heading colors. |
| Show bottom separator | Adds a thin divider line under the footer. |
| Heading fonts | Choose between heading font or body font for footer titles. |
| Heading size | Adjust the size of all footer headings. |
📐 Layout (Grid system)
| Setting | What it does |
|---|---|
| Columns per row — Desktop | Set 2–6 footer columns. |
| Columns per row — Tablet | Set 2–4 footer columns. |
| Mobile layout | Automatically becomes one column for readability. |
👍 Tip: Fewer columns = clearer content and better mobile UX.
🛍 Follow on Shop
| Setting | What it does |
|---|---|
| Enable Follow on Shop | Lets customers follow your store inside the Shop app (requires Shop Pay). |
⬆⬇ Section padding
| Setting | What it does |
|---|---|
| Padding top / bottom | Adds spacing above and below the footer. |
Footer blocks
The footer supports multiple block types so you can build flexible layouts.
1️⃣ Text block (Brand / About section)
Use this block for brand introduction, short text, or description.
| Setting | What it does |
|---|---|
| Image | Add a logo or image. |
| Image width | Control logo size. |
| Heading | Title for the text block. |
| Description | Body text or brand message. |
| Show social media | Shows icons if configured in theme settings. |
| Desktop width | Choose how many columns the block spans (1–6). |
| Tablet width | Column width on tablets. |
2️⃣ Menu block (Navigation)
Perfect for store links, policies, or collections.
| Setting | What it does |
|---|---|
| Heading | Title above the menu. |
| Menu | Select a navigation menu from your Shopify admin. |
| Collapse on mobile | Makes the menu collapsible on mobile. |
3️⃣ Newsletter block
Collect emails to grow your list.
| Setting | What it does |
|---|---|
| Heading | Newsletter title. |
| Input placeholder | Example: “Enter your email”. |
| Show social media | Display social icons below the form. |
| Desktop width | Block width on desktop. |
| Tablet width | Block width on tablet. |
4️⃣ Image block
Great for certificates, badges, or promotional images.
| Setting | What it does |
|---|---|
| Image | Upload the image. |
| Desktop width | Column width on desktop. |
| Tablet width | Column width on tablet. |
| Block padding | Add spacing above and below the image. |
5️⃣ Custom HTML block
Add embeds, scripts, or custom content.
| Setting | What it does |
|---|---|
| Heading | Optional title. |
| Custom HTML | Add your code snippet. |
| Desktop width | Column width on desktop. |
| Tablet width | Column width on tablet. |
🚀 SEO note
Use internal links, newsletter signup, About links, and policy links in the footer — Google uses them to better understand your store structure.