Home > Shopify Development > How to Get a Payment Type Image URL in Shopifys

How to Get a Payment Type Image URL in Shopifyy

Sam Nguyen
Sam Updated: May 13, 2024


Drive 20-40% of your revenue with Avada
avada email marketing

Shopify is known as one of the most lucrative marketplaces in the world because of its functionalities as well as their 24/7 support. In addition, Liquid is used in as one of the best tools to customize their websites. Because of the Shopify’s popularity, there are millions of Shopify sellers coming to this market to find their favourite products. That is the reason why the Shopify store owners should choose the best payments for ther customers. In Shopify, there are many ways that the Shopify buyers can choose such as by cash, by credit or debit card.

Moreover, the Shopify store owners can choose the best ways to show their accepted payment logos. Along with of their multiple options in Shopify, online sellers have more choices in their payments so that the Shopify store owners can maximize their sales. To display these images of the payments, this article How to Get a Payment Type Image URL in Shopify will bring the users with simple steps to have professional payment displaying in stores.

How to Get a Payment Type Image URL in Shopify

About Shopify payment types {#about-liquid-tag}

There are multiple payment wasy in Shopify that allows the Shopify store owners to improve their sales and increase the customer’s shopping experiences. By this payment_type_img_url filters, it possible for online sellers to display the payments methods in these shops. Showing an inline SVG or showing the logos od methods that the users provides for their shoppers such as credit cards, cryptocurrencies, and other payment methods. This conjunction with the shop.enabled_payment_types variable will help online merchants to increase their sales effectively.

The way to Get a Payment Type Image URL

Step 1: Input


{% for type in shop.enabled_payment_types %}
  <img src="{{ type | payment_type_img_url }}" />
{% endfor %}

Step 2: Output

After entering the input, the output will be like this:


<!-- If shop accepts American Express, Mastercard and Visa -->
<img src="//cdn.shopify.com/s/global/payment_types/creditcards_american_express.svg?3cdcd185ab8e442b12edc11c2cd13655f56b0bb1">
<img src="//cdn.shopify.com/s/global/payment_types/creditcards_master.svg?3cdcd185ab8e442b12edc11c2cd13655f56b0bb1">
<img src="//cdn.shopify.com/s/global/payment_types/creditcards_visa.svg?3cdcd185ab8e442b12edc11c2cd13655f56b0bb1">


This article How to Get a Tag Link in Shopify which includes simple steps for even the beginners in Shopify to displaying their payment method logos. In addition, we hope that online sellers can have more understanding of Shopify as well as Liquid through our chain of articles like the following list:
Besides, the following list about the Shopify URL filters will support online merchants:

Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.

Stay in the know

Get special offers on the latest news from AVADA.