How to Add Payment Icons to Your Shopify Footer

How to Add Payment Icons to a Shopify Footer

Shopify gives you two routes to payment icons in the footer. The fast one: open the theme editor, find the footer section, and switch on "Show payment icons", and Shopify displays icons for the methods your store has enabled. The flexible one: generate your own set with a tool like the free Payment Icons Generator and add it as an image, which lets you control exactly which logos show, in what order, and in what style. This guide covers both, and when to choose each.

At a Glance

• Most Shopify themes have a built-in "Show payment icons" toggle in the footer section, with no code needed

• The built-in toggle only shows methods Shopify recognises from your enabled providers; you cannot reorder or restyle them

• For full control, generate a custom icon image and add it through Content > Files

• A custom set is the only way to show methods the toggle misses or to match a dark or minimal theme

• Always download and host the icons yourself; never hotlink logo files

Method 1: The Built-In Toggle (No Code)

Most modern Shopify themes, including Dawn and the other free Shopify themes, show payment icons without any code.

1. From your Shopify admin, go to Online Store > Themes

2. Click Customize on your live theme

3. In the left panel, select the Footer section

4. Tick Show payment icons (the exact wording varies by theme)

5. Click Save

Shopify then displays icons for the payment methods your store has activated: the cards accepted through Shopify Payments, plus PayPal and any other providers you have switched on. It is the quickest option, and it stays accurate on its own when you change providers.

The limitation is control. You get the methods Shopify decides to show, in Shopify's order and style. You cannot add a method Shopify does not recognise, drop one you would rather not feature, or switch the set to monochrome for a dark footer. If the toggle gives you what you need, stop here. If not, use Method 2.

Method 2: Add a Custom Payment Icon Image

This method works on every theme and gives you complete control. You create one image containing exactly the icons you want, then place it in the footer.

Step 1: Generate the icon set

Open the Payment Icons Generator, tick the methods you accept, choose a style (full colour, or a Mono set for dark themes), set the size, and download a single PNG. PNG is the safest choice for a Shopify image upload. Keep it modest in height, around 30 to 40 pixels per icon.

Step 2: Upload it to Shopify

1. In your Shopify admin, go to Content > Files

2. Click Upload files and select your downloaded PNG

3. When the upload finishes, copy the file URL

Step 3: Place it in the footer

The no-code way: in the theme editor, add an Image block to the footer section and select your uploaded file. Many themes allow an image block directly in the footer.

If your theme has no footer image block, edit the code. Go to Online Store > Themes, click the ... menu, and choose Edit code. Open the footer section file, usually sections/footer.liquid, find the area near the copyright text, add an image tag pointing to your file URL, and click Save.

Step 4: Adjust the size

If the icons look too large or small, add a little CSS in the theme's custom CSS box to set the image height. Aim for the icons to sit at roughly the height of your footer text.

Method 3: A Payment Icons App

If you would rather not touch code or files, the Shopify App Store has apps dedicated to footer payment icons that let you add, remove, reorder and resize icons from a settings panel. Apps are the least technical route, though most charge a small monthly fee for what Method 2 does once for free.

Which Method Should You Use?

For most stores the built-in toggle is fine. Reach for the custom image when you need a method the toggle will not show, a specific order, or a monochrome set for a dark theme.

Common Mistakes

Leaving the built-in toggle on and adding a custom set too. You end up with two rows of icons. Pick one method.

Uploading a huge image. A 2000-pixel-wide PNG slows the footer and looks blurry when scaled down. Export at roughly the display size, or twice it for sharpness, not ten times.

Showing methods you have not enabled. If the image shows Amex but your Shopify Payments setup rejects Amex, you have set a false expectation. Match the image to what checkout actually accepts.

Frequently Asked Questions

Does Shopify show payment icons automatically?

Most themes can, through the "Show payment icons" toggle in the footer section of the theme editor. It displays icons for the providers your store has enabled. If your theme lacks the toggle, add a custom image instead.

Why are my Shopify payment icons not showing?

The usual causes are the footer toggle being switched off, the theme not supporting it, or no payment providers being fully activated. Check the Footer section in the theme editor first, then Settings > Payments.

Can I change the order of payment icons in Shopify?

Not with the built-in toggle, as Shopify sets the order. To control the order, generate a custom icon image with the methods arranged how you want and add it as an image.

Do I need an app to add payment icons to Shopify?

No. The built-in toggle and the custom-image method both work without an app. Apps are a convenience for managing icons from a settings panel, usually for a monthly fee.

Final Thoughts

For a Shopify store, start with the built-in toggle, as it is one checkbox and it stays accurate on its own. Move to a custom image when you need control the toggle does not give you: a specific set, a specific order, or a monochrome style for a dark footer.

Build your custom set in two minutes with the free Payment Icons Generator. For the wider guide to footer payment icons on any platform, see how to add free payment icons to your website footer, and browse the full set of free online tools.