Payment Icons is a Shopify theme section in the Section Star library. Quickly add payment icons to build trust
About the Payment Icons section
The Payment Icons section enables you to display various payment method icons on your e-commerce store. These icons reassure customers about the available secure payment options and improve the overall credibility of your store. This section is versatile, including widely recognized payment methods such as Visa, Mastercard, American Express, Discover, PayPal, Apple Pay, Google Pay, and Shop Pay. It is fully customizable to fit your store's design, offering options for background colors, dimensions, padding, and icon styles.
Live demo
Use cases
-
Footer Display: Include the Payment Icons section in your store’s footer to provide consistent visibility of available payment methods, reassuring customers at every scroll.
-
Checkout Page Banner: Highlight the trusted payment options directly on your checkout page to boost customer confidence during the critical purchasing phase.
-
Homepage Highlight: Showcase the payment icons on your homepage to immediately inform visitors about secure and diverse payment options, potentially increasing conversion rates.
-
Product Page Assurance: Add the Payment Icons section on product pages to emphasize secure transactions, giving customers peace of mind and potentially reducing cart abandonment.
Settings
Every setting below appears in the Shopify theme customizer once the section is published.
Icons
Set the icons you want displayed.
| Setting | Type | Default |
|---|---|---|
| Height of Icon | Number | 50 |
| Gap between Icons | Number | 5 |
| Show VISA | Checkbox | On |
| Show Mastercard | Checkbox | On |
| Show American Express | Checkbox | On |
| Show Discover | Checkbox | On |
| Show Paypal | Checkbox | On |
| Show Apple Pay | Checkbox | On |
| Show Google Pay | Checkbox | On |
| Show Shop Pay | Checkbox | On |
Headline
Set text for the headline
| Setting | Type | Default |
|---|---|---|
| Text Alignment | Text alignment | center |
| Mobile Text Alignment | Text alignment | center |
| Headline | Inline rich text | <b>Sample Headline</b> |
| Text | Inline rich text | Use this block to add a description. … |
| Spacing between Headline and Features | Number | 15 |
Image block settings
| Setting | Type | Default |
|---|---|---|
| Image | Image | — |
| Alt Text | Text | — |
How to add this section to a Shopify store
- Install Section Star from the Shopify App Store.
- Open the app and search the library for “Payment Icons”.
- Click Publish, then choose a name and the theme to publish into.
- Follow the deep link into the Shopify theme customizer.
- Add the section to any page and customize it with the native theme settings.
No code is required, and the section lives in your theme as ordinary Liquid — see the full install guide.