Skip to main content

Edit footer content, contact details, and logos

Learn how to customize your online store's footer with text, images, contact details, social media icons, and payment methods.

Help visitors find contact details, important links, and the right payment information at the bottom of the store.

This guide applies to Diversity themes in Go, Plus, and Pro. Go to Appearance → Themes → edit the active theme → Content → Footer. TPL has a different theme editor. Check the active theme if you don't see the fields described here.

1. Select content for the right part of the footer

The footer is displayed at the bottom of the store's pages. The theme has several content fields, such as left, center, and right, and may also have an area for brand logos. The available options depend on the theme and the field. Choose what a field should contain before editing its settings.

Distinguish between a regular custom content field, social icons, the address block, brand logos, and a special payment component. They have different functions and cannot always be selected in the same place.

2. Add custom text, links, and images

Select Custom HTML or Custom content in the field you want to edit. There you can write text, add links, and insert images, such as your own informational or payment images. Select the correct language tab for the text.

Use the image icon Insert/edit image to select or insert an image using the editor's image function. Check the image's size, alt text, and any link before saving.

3. Change address and contact details

Select Address in the left field when using the pre-made contact block. Fill in the address lines, email, and phone number for the correct language. The phone number displayed to the customer and the number dialed when clicked are separate fields; the clickable number should have a country code and no spaces.

If the address in the store doesn't change, it might be entered in a custom HTML field or in another theme copy instead. Check the location that is actually displayed. The footer's free contact text is not the same setting as the company details on order documents and in the admin.

4. Add social media

In the footer fields that support Social media icons, usually the right-hand fields in these themes, select an icon and enter the full link to your company's profile. An icon without the correct link won't help the customer find your account. Check each link after saving.

Social icons footer

5. Select brand and payment information

Under Brand logos you can add, arrange, and remove the logos to be displayed. Choose light logos for dark backgrounds and dark logos for light backgrounds. The preview in the admin list itself may show black logos even when white is selected; check the color in the store's preview.

Only display logos for payment and shipping solutions that the store actually offers. Changing a logo does not activate a new payment method. Kustom's logo and Klarna On-Site Messaging are different things; do not swap one payment component for another just because the names are similar.

If the theme offers Payment method information for Klarna Checkout in the right-hand field, it is a specific older payment component, not a general logo selector. Klarna On-Site Messaging, where available for the store's payment and theme configuration, has its own terms and appearance settings. Select the component that corresponds to the store's actual setup.

6. Save and check the store

Save the theme and preview the footer on both mobile and desktop, in every language you have changed. Check that the contact details are correct, links work, logos are visible against the background, and that the correct active theme is displayed.

Quick start

  1. Edit the active Diversity theme and open Content → Footer.

  2. Select the correct field and content type.

  3. Change text, contact details, links, or logos in the correct language.

  4. Save and check the store's footer on mobile and desktop.

Subscription and theme

Diversity themes and footer editing are available in Go, Plus, and Pro. Some external payment, review, or newsletter features require the corresponding service and feature to be available. The guide describes Diversity, not TPL.

Example of a footer with contact details and brand logos
Did this answer your question?