Footer and mobile bar

Three tabs shape the edges of every storefront page: Footer (the block at the bottom of each page), Mobile tab bar (the app-style shortcuts fixed to the bottom of phone and tablet screens) and Social Links (your social profile addresses). All three use the shared Save Changes button, and shoppers see changes within about 5 minutes.

Before you start

• Create the menus you want in the footer under Appearance›Menus (for example “Company”, “Services” and “Customer care”).
• Upload any logos, payment-card strips or icons to the Media Library.
• Have your social profile addresses to hand.

The footer

StoreFront›Settings›Footer

The footer builder has four parts, from top to bottom: an optional prefooter line, up to six columns, a copyright row and a few behaviour switches. A live Preview at the top of the tab shows the result, with Desktop and Mobile modes (the preview mode isn’t saved).

There are no fixed column types. A “store info”, “links”, “newsletter” or “social” column is simply a column built from the right items.

Note

The storefront uses your footer as soon as it has at least one column. With no columns at all, the storefront shows its own built-in footer, which uses your Social Links.

Switch the footer on or off

Setting	What it does	Default
Footer switch (“Footer is on” / “Footer is off”)	“When off, the storefront renders no footer at all.”	On

Prefooter

Setting	What it does	Default
Prefooter text (optional)	“A full-width line of text shown above the footer columns.” For example “Free shipping on orders over $50 — 30-day returns, always.” Simple links and bold text are kept.	Empty (no line)

Columns

“Arrange up to 6 columns left-to-right — exactly how they appear in the footer. Each holds up to 12 content items.” A counter shows how many columns you have, out of 6.

1. Click Add column (hidden once you have six).

2. Optional: type a Heading (optional), for example “Customer care”.

3. Choose an item type in the Add item list and click the button next to it. Fill in the item’s fields. The button reads Max 12 when the column is full.

4. Add more items as needed. Drag items to reorder them; collapse or expand them to keep the screen tidy.

5. Drag columns by their handle to reorder them; remove a column with its bin icon.

6. Click Save Changes.

Empty columns are removed

When you save, any column with no usable items is removed, and so is any item missing what it needs (see “Kept only if” below). A Menu item with no menu picked counts as empty.

Item types:

Item	Fields	Shows on the storefront	Kept only if
Images / logos	One or more rows. Each row: Row source (Uploaded image or Built-in icon), Select image / Replace image or a Built-in icon, Label (e.g. Instagram) (also the tooltip and alt text), Link URL (optional) and Remove image. Plus Add image and Width px (0 = natural size). Up to 10 rows.	One row: a logo or banner at the given width. Several rows: a row of small, round, linked icons, which is how social icons and payment strips are built.	At least one row has an image or icon
Text	Icon / image in front (None, Built-in icon or Custom image, with Clear), Text, Font Style (Normal or Bold)	A paragraph with an optional icon in front	The text isn’t empty
Link / icon + text	Icon / image in front, Text (for example a phone number), URL (“https:, tel:, mailto: — empty = static row”)	A line such as an address, phone number or email, with an optional icon and link	The text isn’t empty. Links must start with https://, http://, tel: or mailto:, or be a path on your storefront; anything else is removed.
Menu	Menu (“— Select a menu —” plus your WordPress menus)	The menu’s links, including nested items	A menu is picked
Input field (newsletter)	Field type (Email or Text), Button icon, Placeholder (for example “Email address”), Button label (“empty = icon only”), Submissions go to (This site (StoreFront → Subscribers) or External service URL with an Action URL), and under Messages & consent: Success message, Error message, Consent checkbox label (optional)	A newsletter sign-up box. “This site” stores the sign-up and sends it to the provider chosen on the Newsletter tab. “External service URL” posts straight to another service’s form address.	It has a placeholder or a button label
Theme switch (light / dark)	None: “Renders the storefront’s light / dark toggle. Nothing to configure — the storefront owns how it looks.”	The light/dark mode toggle	Always

Built-in icons (for icons in front of text, image rows and button icons): Map pin, Phone, Mail, Clock, Send, Arrow right, Globe, Chat, Heart, Truck, Shield, Gift, Facebook, Instagram, Twitter / X, YouTube, LinkedIn, Pinterest, TikTok, WhatsApp, Telegram. A Custom image can be any image in your Media Library.

The default footer

A fresh install comes with five columns:

1. No heading: the text “Thoughtfully made goods for everyday rituals.” and three contact lines (a map pin with “Your street address, city”, a phone with “+00 000 000 000” and an email with “hello@example.com”).
2. Company: a menu.
3. Services: a menu.
4. Customer Care: a menu.
5. Newsletter: a short text, an email sign-up box with a send-icon button, the bold text “Follow us on” and Facebook, X, LinkedIn and Pinterest icons.

Pick menus for the three menu columns

The Company, Services and Customer Care columns ship without a menu selected, so they don’t appear on the storefront, and they’re removed the first time you save. Before your first save, choose a menu in each of them (create the menus under Appearance › Menus first). Then replace the placeholder address, phone number and email in the first column with your own, and point the social icons at your real profiles.

Copyright row

“The strip below the columns. Three fixed positions — build each one from the same items as the footer columns.” Each position takes up to 12 items of the same six types, with no heading.

Setting	What it does	Default
Show the copyright row	Shows or hides the strip. The three positions fold away while it’s off.	On
Left (aligned to the start)	Items at the start of the strip	Text © {year} {Site Title}. All rights reserved.
Center (centred)	Items in the middle	Theme switch (light / dark)
Right (aligned to the end)	Items at the end	Empty, ready for a payment-methods strip

Adding payment icons

There’s no separate payment-icons setting. Add an Images / logos item to the Right position and upload a single payment-methods image, or add one row per card logo.

Behaviour

Setting	What it does	Default
Collapse columns on mobile	“Columns become tappable accordions on small screens.”	On
Scroll-to-top button	“Floating button to jump back to the top.”	On

The mobile tab bar

StoreFront›Settings›Mobile tab bar

“An app-style bar of tabs fixed to the bottom of the screen on phones and tablets.” It isn’t shown on desktop, and it steps aside on the checkout.

1. Make sure the switch in the Mobile tab bar card’s header is on.

2. Switch off any tab you don’t want.

3. Drag tabs by their grip to change the order (or focus a grip and use the Up and Down arrow keys). The order runs left to right on the storefront.

4. Click Save Changes.

Setting	What it does	Default
Card switch	Shows or hides the whole bar.	On
Home	“A tab that opens the home page.”	On
Shop	“A tab that opens the shop page with every product.”	On
Categories	“A tab that opens the mobile menu on its Categories list. Without the mobile menu in the header it opens the categories page.”	On
Wishlist	“A tab that opens the wishlist, with a count of saved products. It only shows when the Wishlist feature is switched on too (Wishlist tab).” The wishlist is for signed-in shoppers; guests are asked to sign in.	On
Cart	“A tab that opens the cart, with a count of the items in it.”	On
Account	“A tab that opens the customer’s account, or the sign-in page for guests.”	On
Order	The left-to-right order of the tabs. A switched-off tab keeps its place.	Home, Shop, Categories, Wishlist, Cart, Account

Social links

StoreFront›Settings›Social Links

The Social profiles card holds your store’s official profile addresses: “Where the storefront links its social icons. Leave a channel empty to hide its icon.” It shows Connected once at least one is filled in.

Setting	What it does	Default
Facebook	Your Facebook page address	Empty
Instagram	Your Instagram profile	Empty
X (Twitter)	Your X profile	Empty
YouTube	Your YouTube channel	Empty
TikTok	Your TikTok profile	Empty
LinkedIn	Your LinkedIn page	Empty

Type full addresses starting with https://. An address that isn’t a valid web address is saved empty. Icons appear in the order listed above.

Where these links are used:

• The promo popup shows them as icons.
• The storefront’s built-in footer (shown only while your footer has no columns) shows them.
• Search engines are told about them, as your store’s official profiles, through the structured data the storefront adds to its pages.

Footer icons are set separately

Social icons you add to a footer column are Images / logos rows with their own Link URL. They don’t read the Social Links tab, so when an address changes, update it in both places.

Troubleshooting

Symptom	Likely cause	What to do
A footer column disappeared after saving	It had no usable items, such as a Menu item with no menu picked	Add the column again and pick a menu before saving.
The storefront shows a different footer from the builder	Your footer has no columns, so the built-in footer is used	Add at least one column.
No footer at all	The footer switch is off	Switch it on and save.
A link line has no link	The URL didn’t start with https://, tel: or mailto:, or a path	Re-enter it.
The Wishlist tab is missing from the mobile bar	The Wishlist feature is off	Switch it on in the Wishlist tab.

Next steps

Header builderThe top of every page, for desktop and mobile.

Colors and dark modeThe colours the footer and tab bar follow.

Customers and engagementNewsletter provider, wishlist and compare.

Scripts and promo popupThe popup that also shows your social links.