Add payment icons to the cart drawer

The Payment icons block shows card and wallet logos in the cart footer. New carts use your store's real payment methods. You can pick your own instead.

This is the Payment icons block inside the cart drawer. It isn't the payment icons conversion block for product pages.

Set it up

1. In Shopify admin, open Apps → Section Store → Cart Drawer.
2. Click Edit on your cart.
3. Under Footer, find the Payment icons card. If it isn't there, click Add block and pick Payment icons.
4. Turn on the card's switch if it is off. New carts and a block you just added are already on.
5. Click the card to open it.
6. Tick Use store's payment icons to show your real payment methods.
7. To add icons by hand, tick them in the grid.
8. To upload your own, click the + tile.
9. Set Icon size.
10. Click Save.

Built-in icons

There are 14: Afterpay, American Express, Apple Pay, Diners Club, Discover, Google Pay, JCB, Klarna, Maestro, Mastercard, PayPal, Shop Pay, UnionPay and Visa.

Good to know

• With Use store's payment icons, the editor preview may show gray placeholders. Shoppers always see the real icons.
• Icons you tick by hand show next to your store's icons. To show only your picks, untick Use store's payment icons.
• Icons are pictures. They don't take payment. For working buttons, use the Express checkout block.

If it doesn't work

• No icons show: the block is off, or no icon is chosen.
• An icon shows that you don't accept: untick Use store's payment icons or check your payment settings in Shopify.

Related

• Add express checkout buttons to the cart drawer
• Add trust badges to the cart drawer

Also searched as: payment logos, card icons, visa mastercard icons, credit card logos, payment badges, payment method icons, accepted payments icons, klarna icon, afterpay icon, custom payment icon, gray placeholder icons, paymnet icons