How to add Payment Icons
How to add Payment Icons
Payment Icons help reassure customers by clearly displaying the payment methods accepted on your store.
They reduce hesitation at the buying moment and are especially effective near the Add to Cart button.
How Payment Icons work
Payment Icons are a visual trust element.
They display logos of supported payment methods
They do not affect checkout logic
They only improve clarity and confidence
Payment Icons are purely visual and fully safe to use.
Payment Icons editor overview
The Payment Icons editor is split into two main areas:
Left panel
Tabs:
Design
Conditions
Right panel
Live preview of the icons on a product page
All changes are instantly reflected in the preview.
Choose payment icons
In the Personalization section, click Choose payment icons.
This opens a popup where you can:
Search for payment methods
Select one or multiple icons
Choose from common providers like Visa, Mastercard, PayPal, Apple Pay, Klarna, and more
Icons are displayed in the exact order you select them.
Design & personalization
You can customize how payment icons appear on your product page.
Available options include:
Icons alignment
Black & white mode
Header title visibility
Header text
Text alignment
Icon size
Spacing between icons
Title typography (size, weight, color)
Use simple layouts and readable spacing for a clean, professional look.
Conditions tab
The Conditions tab allows you to control when Payment Icons are displayed.
Depending on your plan, you may have access to:
Device targeting
Other display conditions
Some conditions require an upgraded plan.
Publish Payment Icons
Once ready, click Publish.
After publishing:
The Payment Icons module is saved
It is not automatically displayed on product pages
Add Payment Icons to your product page
Payment Icons must be added manually using an App Block.
Open the Theme Editor
Go to Online Store → Themes → Customize.
Add the App Block
On the product page:
Click Add block
Select ConvertX – Payment Icons
Place the block
Place the Payment Icons below the Add to Cart button.
Save changes
Click Save.
The recommended placement is directly below the Add to Cart button.
Show only payment methods you actually support
Keep icon size moderate
Place icons close to the Add to Cart button
Avoid cluttering the page with too many icons
Common issues
Make sure:
The module is published
The App Block is added to the product page
Theme changes are saved
Icons follow the selection order.
Reopen the selection popup and reselect them in the desired order.