Payment Badges
Configure which payment method icons to display.
Custom Payment Icons Field
Location: Theme Settings → Appearance → "Custom payment icons SVG"
Enter a comma‑separated list of payment methods to explicitly control which icons render.
Example: apple_pay, google_pay, affirm, american_express
Leave blank to show all methods enabled in Shopify Payments.
Exact Names
Names must match the supported identifiers exactly (snake_case). Separate with commas.
Quick Start Examples
| Scenario | Value |
|---|---|
| Minimal trust | visa, mastercard, paypal |
| Modern wallets | apple_pay, google_pay, shopify_pay, paypal |
| BNPL focus | visa, mastercard, klarna, afterpay, affirm, paypal |
Supported Payment Icons
Copy any of these names:
Popular
apple_pay, google_pay, paypal, shopify_pay, visa, mastercard, american_express, discover, klarna, afterpay, affirm, sezzle, zip
Full List (click to expand)
Quick Find
Click & drag to highlight, or use browser find (Cmd+F) to locate a method quickly.
How to Use
- Theme Settings → Appearance
- Locate the custom payment icons field
- Enter comma‑separated identifiers
- Save & preview
Tips
- Use only relevant regional methods
- Keep the list concise to reduce visual clutter
- Prefer wallets & methods with highest conversion impact
Regional Examples
US
text
visa, mastercard, american_express, discover, paypal, apple_pay, google_pay, shopify_pay, klarna, afterpay, affirmEurope
text
visa, mastercard, paypal, apple_pay, google_pay, klarna, ideal, bancontact, sofort, giropayAsia
text
visa, mastercard, alipay, wechat_pay, grabpay, gcash, maya, shopify_payAustralia / NZ
text
visa, mastercard, paypal, apple_pay, google_pay, afterpay, zip, hummFocus on trust + clarity—avoid overwhelming customers with rarely used icons.