Payment Icons on a Shopify Product Page: What to Show
Payment icons are a promise about your checkout. Which to show under Add to cart, which to leave off, and how to keep them matching what you accept.
Two questions nobody asks out loud
A shopper on a product page, from a store they have never bought from, has two quiet questions before they press Add to cart: can I pay the way I want to, and is it safe to pay here? Almost nobody writes in to ask either one. They look for the answer on the page, and if they cannot find it, they leave and you never hear why.
The row of payment logos under the buy button answers the first question in about a second. That is all it does, and it is worth doing well, because a wrong answer is worse than no answer at all.
What a payment icon actually promises
An icon is not decoration. It is a small promise about your checkout: you can pay with this here.
If a shopper sees PayPal under Add to cart, fills the cart, and then finds no PayPal at checkout, the icon did not just fail to help. It broke a promise at the exact moment they were deciding whether to trust you. Some will switch to a card. Others will take it as a sign that the rest of the page might not be true either.
So there is one rule that sits above every other choice in this post: show only what your checkout accepts today. Not what your payment provider could support if you switched it on, not what you accepted last year, and not a generic strip of logos copied from a template.
Check what your checkout really takes
Before choosing icons, write down the real list. In your Shopify admin, go to Settings → Payments and note every provider and method that is switched on. Then check it from the shopper’s side:
- Open your own checkout on a phone and on a laptop. Some wallets only appear on devices and browsers that support them, so what you see on one device is not the whole picture.
- If you sell in more than one market, look at checkout as a buyer from each. Local methods are often tied to a country or currency, and a method that shows for one market may not show for another.
- Note anything that is not a button at checkout, such as cash on delivery or a bank transfer you confirm by hand. Those are real ways to pay, but they are better said in words than shown as a logo (more on that below).
That list is your ceiling. Every icon on the product page has to come from it.
Which icons to show
From that list, pick the ones that answer the question for most of your buyers:
- The card brands your buyers carry. For most stores this is a short set: the two or three cards that cover nearly everyone in your main market. A shopper scanning for “my card” finds it faster in four logos than in twelve.
- The wallet or local method your buyers rely on. If your customers mostly pay with a phone wallet, or with a local method such as bKash or Nagad, that icon matters more than another card brand, because it is the one they are actually looking for. Show it only if your checkout takes it.
- Pay-later, only on purpose. A pay-later logo changes how a price reads: it suggests instalments. That suits some products and not others. Decide whether you want that message under the button rather than letting it appear because it happens to be switched on.
If you are unsure whether an icon earns its place, ask what a buyer would do without it. If they would assume it anyway, as most people do with the biggest card brands, it is fine either way. If its absence would make someone leave, it belongs.
Which icons to leave off
The things that go wrong with payment icons are mostly additions:
- Methods you do not take. The most common cause is a logo strip that came with a theme or an old setup and never got updated after you changed providers.
- Every method you could take. A wrapped row of fifteen logos on a phone pushes the rest of the page down and makes the one the buyer wants harder to find.
- Seals and badges you did not earn. “100% secure”, “guaranteed safe checkout” or a padlock-shaped graphic with a certification name on it are claims about your store. If you cannot point to what backs them, leave them off. The honest version is usually stronger anyway: on Shopify, the checkout is Shopify’s, and card details are handled there rather than passing through you. Say that, in your own words, if it helps your buyers.
- Icons that do not match each other. Mixed sizes, mixed colours and stretched logos make the row look pasted together. One consistent style, even all monochrome, reads as deliberate.
Say the rest in words
Some of the most important payment answers are not logos at all. Cash on delivery, a delivery fee for it, or a minimum order for a local method are things a buyer needs to know before checkout, and an icon cannot carry the condition. One short line under the icons does: “Cash on delivery available inside Dhaka” or “Pay by card, wallet or bank transfer”.
The same goes for the second question, whether it is safe to pay here. That is rarely answered by a logo. It is answered by a short, true line about checkout, next to equally short lines about shipping and returns, sitting right under the button where the doubt comes up. These are the same doubts buyers have when they do write in before purchasing, and answering them on the product page saves both of you a message.
Where the icons go
Many themes can show payment icons in the footer, and that is a reasonable place for a complete list. But the footer is the bottom of a long page, and plenty of shoppers decide without ever scrolling there.
The decision happens at the buy button, so that is where the short version belongs: directly under Add to cart, small enough not to compete with the button, and before any long description. Then check it on a phone. The row should sit on one or two clean lines, and the buy button should still be the first thing the eye lands on.
Keep them in sync
Payment icons go stale quietly. Nobody gets an alert when a logo on a product page stops matching checkout. The fix is a habit: every time you change anything under Settings → Payments, open a product page and compare. If the icons are typed in by hand, update them the same day. If they are read from your store’s settings, check that the change came through.
Where we come in, briefly. Trust Badge is one of three blocks in Store Essentials, the free app we build at ShopAppsLab. It adds the payment methods your store actually accepts, and up to four short promises, under Add to cart — from the theme editor, with no code. There are no paid plans, and the app asks for no access to your store’s data. Everything above works without it — that is the honest version.
If you do one thing this week
Open your best-selling product on your phone. Look at the payment icons, then go all the way to checkout and compare the two lists. Remove anything that is on the page but not at checkout, and add one line of text for any way to pay that a logo cannot explain. It takes ten minutes, and it turns a row of logos back into a promise you keep.