There are several places you may want to showcase the accepted payment methods to your shoppers:
- On the product detail page
- On the footer of your store
- On the cart page
- On the checkout page
- ... and anywhere else you think it'll boost conversion.
For payment methods with their own On-Site Messaging (OSM) apps, you can simply install and leverage their elements directly. Examples of such payment methods are:
However, not all pages are supported by the OSM apps (or you prefer a custom implementation), in which case please follow these steps:
- Find the corresponding placement snippets from the official payment method documentation.
- Identify the required credential from the snippet. This can be
client_idorpublic_api_key, and will vary between payment methods. For example, Klarna usesclient_id. - Reach out to Airwallex for the required credentials, or for some payment methods, inspect the payment URL. To do the latter, simulate a mock transaction in your Shopify store connected to Airwallex, select the payment method, and click "Pay".
- In your Shopify admin, go to Online Store > Themes. For more details you can check out the Shopify Guide.
- Go to your product detail page template by clicking into any product or by selecting the default product page from the top bar. You should now see your product detail page.
- From the left-side panel click Add Block > Custom Liquid.
- Paste the relevant code snippet into the custom liquid block. This should be on the right panel of your screen.
- Save your changes.
We have attached some code snippets based on what logos you wish to display. If there are logos which you wish to display but these are not showcased here, please reach out to your account manager and we will send a relevant code snippet to you.
| File to use | Preview of logos |
| shopify_payment_logos_all.txt | |
| shopify_payment_logos_allcards.txt | |
| shopify_payment_logos_basic_cards.txt | |
| shopify_payment_logos_basic_klarna.txt | |
| shopify_affirm_messaging.txt |