In the theme editor: Customize›Theme settings›Express payment buttons
Express payment buttons
The payment logos and express payment buttons: Shopify’s wallets, and up to three extra methods with your own name and icon.
Apple Pay, Google Pay, Shop Pay and PayPal appear on their own once they are turned on in your store’s payment settings.
Settings
General
Shortcut buttons that take the buyer straight to checkout, where they choose the method: credit card, and up to three local methods you add here (for example Swish, iDEAL, MB Way). Methods like these connect to Shopify through your payment provider, inside checkout. Apple Pay, Google Pay, Shop Pay and PayPal are Shopify's real buttons: they appear by themselves when the wallet is enabled in your store's payment settings. Each page decides whether to show the buttons: the product page in the buy block, and the cart in the cart section.
Payment logos
- Payment icons in the cart and product page
- Choice: Still row, Deck of cards (fans out on touch or hover)Default: Deck of cards (fans out on touch or hover)In the cart, the product page and quick view. The footer has its own choice.
- Visa
- On or offDefault: On
- Mastercard
- On or offDefault: On
- American Express
- On or offDefault: On
- PayPal
- On or offDefault: On
- Apple Pay
- On or offDefault: On
- Google Pay
- On or offDefault: On
- Shop Pay
- On or offDefault: On
- Diners Club
- On or offDefault: On
- Discover
- On or offDefault: On
- JCB
- On or offDefault: On
- Maestro
- On or offDefault: On
- UnionPay
- On or offDefault: On
- Klarna
- On or offDefault: On
Which payment icons to show. Only methods turned on in your Shopify payment settings can appear; a turned-on method without a box here is always shown.
Credit card
- Credit card button
- Choice: Off, Hebrew only, All languagesDefault: Off
- Button text
- TextThe Visa and Mastercard logos follow it. Empty: "Pay by card".
Extra method 1
- Show the button
- On or offDefault: Off
- Method name
- TextShown on the button when there is no logo, and as the logo's alt text.
- Logo
- ImageA transparent image up to three times as wide as it is tall works best.
- Button text
- TextEmpty: "Pay with".
- Languages
- TextLanguage codes separated by commas, for example: sv, nl. Empty: all languages.
Extra method 2
- Show the button
- On or offDefault: Off
- Method name
- TextShown on the button when there is no logo, and as the logo's alt text.
- Logo
- ImageA transparent image up to three times as wide as it is tall works best.
- Button text
- TextEmpty: "Pay with".
- Languages
- TextLanguage codes separated by commas, for example: sv, nl. Empty: all languages.
Extra method 3
- Show the button
- On or offDefault: Off
- Method name
- TextShown on the button when there is no logo, and as the logo's alt text.
- Logo
- ImageA transparent image up to three times as wide as it is tall works best.
- Button text
- TextEmpty: "Pay with".
- Languages
- TextLanguage codes separated by commas, for example: sv, nl. Empty: all languages.
Something here doesn’t match what you see in your editor? Tell us and we will fix the guide.