How to Add Payment Icons on Shopify Product Page, Footer, and Cart Drawer

Displaying payment method icons on your Shopify store builds customer trust and can increase conversion rates. In this step-by-step guide, you’ll learn how to add payment icons to your product page, footer, cart page, and cart drawer using a reusable Shopify snippet.

Let’s get started!

✅ Why Add Payment Icons to Your Shopify Store?

• Boosts buyer confidence

• Clearly shows accepted payment methods

• Enhances store credibility and professionalism

🛠️ Step-by-Step: Add Payment Icons to All Pages in Shopify

Step 1: Create a Snippet for Payment Icons

• In your Shopify admin, go to Online Store > Themes.
• Click Actions > Edit code on your active theme.
• Under the Snippets folder, click Add a new snippet.
• Name it something like: payment-icons.
• In the new payment-icons.liquid file, paste the custom code from the link below

Get the source code

Step 2: Render the Payment Icons Snippet Across Pages

Now, let’s add the snippet to the pages where you want to show the icons:

✅ Product Page

In main-product.liquid or product.liquid (depending on your theme):

{% render 'payment-icons' %}

Place it below the "Add to Cart" button or wherever it best fits your design.

✅ Footer

In footer.liquid or main-footer.liquid:

{% render 'payment-icons' %}

Ideal location: near copyright.

✅ Cart Page

In cart.liquid or main-cart-items.liquid:

{% render 'payment-icons' %}

Place it below the cart total or above the checkout button.

✅ Cart Drawer

In cart-drawer.liquid or drawer-cart.liquid:

{% render 'payment-icons' %}

Add this near the checkout area inside the cart drawer layout.

 

🧠 Final Thoughts

That’s it! You’ve successfully added payment icons to your Shopify product page, footer, cart page, and cart drawer using a reusable snippet.

This not only saves development time but ensures a consistent look across your store.

 

• Add payment icons Shopify
• Shopify payment icons on product page
• Payment icons in footer Shopify
• How to show payment methods on Shopify
• Display accepted payment icons Shopify cart drawer

 

📌 Need Help?

If you want this feature added professionally, or you're working with a custom theme, feel free to contact us.