How To Add The Payment Method List To Any Page In Shopify

Displaying accepted payment methods on your product page can help build trust with customers and increase conversion rates. Shopify doesn’t include a built-in option for this on product pages, but you can easily add a custom Liquid block to show a list of available payment methods.

Step 1: Add A Custom Liquid Block

You can add the Shopify payment icons to any page in your Shopify Theme as long as you can add a Custom Liquid block there. Let’s say you want to add them to the Product Page.

Inside your Shopify Theme Editor, navigate to the Product Page template. Click Add block inside the Product Information section and select Custom Liquid.

Now, paste the following Liquid code into the Custom Liquid block:

<style>
  .list-payment svg { /* change icon size and spacing here */
    width: 3.5em !important;
    height: 2.5em !important;
    padding: 0.1em;
  }
  .payment-block {
    /* add stylization for the whole block here*/
  }
</style>

<div class="payment-block">
  <ul style="justify-content: flex-start;" class="list-payment">
    {%- for type in shop.enabled_payment_types -%}
      <li style="list-style-type: none; justify-content: flex; padding: 0.1em;">
        {{ type | payment_type_svg_tag: class: 'payment-icon' }}
      </li>
    {%- endfor -%}
  </ul>
</div>

Step 2: Style the Payment Icons with CSS

The code you just pasted includes a <style> tag where you can add, remove, or modify the appearance of the payment icons or other aspects of the block. For example, you might want to change the icon size or add a margin at the top and bottom of the block. You can easily add CSS rules to achieve your desired result.

Now, your product pages will dynamically display all available payment methods with clean, professional-looking icons.

Adding a payment method list to your Shopify product pages is an easy way to boost trust and improve conversions. Using Shopify’s built-in shop.enabled_payment_types ensures that the correct payment icons are always displayed based on your store’s settings.

Need more help? Feel free to reach out!