The Payment Icons element lets you dynamically display the available payment methods on your store with just one click.
Adding Payment Icons
Open the Insert Panel.
Under Elements → Product, select the Payment Icons element.
Drag the element onto the canvas (for example, beneath the purchase button).
Once added, you’ll see placeholder payment icons on the canvas. These are illustrative only. Your actual active payment methods from Shopify will automatically appear once the layout is published.
Customizing Payment Icons
When the Payment Icons layer is selected, you can:
Limit the number of icons (e.g., show only 4).
Adjust size, width, height, spacing, and other style properties in the Style Panel.
Manual Payment Icons
In addition to the dynamic element, you can also add manual payment icons:
Go to Insert Panel → Images → Payment Method.
Drag the payment icon onto the canvas.
Unlike the dynamic version, these icons are not linked to Shopify. Instead, you can choose which icons to display manually. This is useful for:
A/B testing (e.g., testing which payment icons increase conversions).
Highlighting specific payment methods.
To change a manual icon:
Click on the icon in the canvas.
Browse through the available payment icons.
Select the one you’d like to showcase.