Home > Shopify Tutorials > Shopify Payment Icons

Shopify Payment Icons: How to show, change or remove?

Last updated: September 01, 2024
Written and researched by experts at AvadaLearn more about our methodology

By Sam Nguyen

CEO Avada Commerce

When running an online store, ensuring customers can easily see and recognize payment options is crucial for building trust and encouraging purchases. Shopify makes it simple to display various payment icons, such as Visa, Mastercard, PayPal, and more, directly on your store.

Whether you want to show, change, or remove these payment icons, understanding how to customize them can enhance your store’s appearance and improve the shopping experience. In this guide, we’ll walk you through the steps to manage Shopify Payment Icons, helping you optimize your checkout process.

What and where are payment icons?

Shopify Payment Icons are designed to give customers a quick overview of the payment methods your online store accepts. In most free Shopify themes, these icons are typically displayed in the footer, creating a visually harmonious while still providing essential payment information. 

You can easily show, change, or remove Shopify Payment Icons without altering your payment settings. You can also make these adjustments by editing your theme code if necessary. However, if you are not using a free Shopify theme and your theme does not include an option to enable payment icons in the footer, then this customization will not be available.

What and where are payment icons

How To Show Shopify Payment Icons

This section will guide you through enabling and displaying payment icons on your Shopify store.

  • Step 1: To begin with, visit your Shopify store and sign in. Locate the "Online Store" section on the left-hand screen and select "Themes."
How To Show Shopify Payment Icons 1
  • Step 2: Once you've selected the theme, click the "Customize" button next to its title.
How To Show Shopify Payment Icons 2
  • Step 3: In the Homepage section, click the “Footer” button.  
How To Show Shopify Payment Icons 3
  • Step 4: On the right side of the page, locate the "Show payment icons" option and click on it.
How To Show Shopify Payment Icons 4
  • Step 5: Save your modifications by clicking "Save."
How To Show Shopify Payment Icons 5

How To Edit or Change the Shopify Payment Icons

Typically, your theme displays icons based on your enabled payment gateways and the customer's location and currency. Now, you can manually choose which icons to show or hide, providing a more tailored experience.

  • Step 1: Log into your Shopify dashboard, and go to the Online Store > Themes.
How To Edit or Change the Shopify Payment Icons 1
  • Step 2: Once you've located the theme,  click the button to open the actions menu, then select “Edit code” to begin modifying these icons' codes.
How To Edit or Change the Shopify Payment Icons 2
  • Step 3: Find the “footer.liquid” file by two options:
  • Use the search bar: Type "Sections" in the "Search files" field on the left. This will filter the files and make it easier to locate the footer.liquid file.
  • Manual search: Scroll down the list of files on the left and locate the "Sections" folder. Open the folder and click on the `footer.liquid` file.
How To Edit or Change the Shopify Payment Icons 3
  • Step 4: Find the following code in the file ``` {% for type in shop.enabled_payment_types %} ``` by pressing Ctrl + F. 
How To Edit or Change the Shopify Payment Icons 4

After you’ve found the code, let's replace it with the code below:



{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}

{% for type in enabled_payment_types %}

How To Edit or Change the Shopify Payment Icons 5
  • Step 5: View the code that you just pasted. To inform clients about the payment methods that your online store accepts, these payment providers will be shown in the footer of your website. 
How To Edit or Change the Shopify Payment Icons 6

You can use the values listed below:

  • american_express
  • apple_pay
  • bitcoin
  • dankort
  • diners_club
  • discover
  • dogecoin
  • dwolla
  • forbrugsforeningen
  • google_pay
  • ideal
  • jcb
  • klarna
  • klarna-pay-later
  • litecoin
  • maestro
  • master
  • paypal
  • shopify_pay
  • sofort
  • visa

Then, click “Save.”

How To Edit or Change the Shopify Payment Icons 7

How To Remove the Payment Icons Shopify

Want to remove the unwanted icons from your Homepage? You are totally able to do so only by adjusting your theme’s code.

  • Step 1: Log into your Shopify dashboard, choose the “Online Store” option, and click the “Themes” button to open the Themes page. 
How To Remove the Payment Icons Shopify 1
  • Step 2: After choosing your theme to delete, click the “Customize” button next to the theme’s name. 
How To Remove the Payment Icons Shopify 2
  • Step 3: In the Home page section, click “Footer” to proceed to the next steps.
How To Remove the Payment Icons Shopify 3
  • Step 4: Uncheck the checkbox "Show payment icons."
How To Remove the Payment Icons Shopify 4
  • Step 5: Click the “Save” button in the top right corner of the page to complete removing the Shopify payment symbols from the footer.
How To Remove the Payment Icons Shopify 5

 Why Should You Add the Shopify Payment Icons?

Although Shopify payment icons are small, they can make a BIG difference in your Shopify store’s success. Here is why:

  • Build trust: Recognizable payment logos assure customers of security, increasing their confidence in your store.
  • Smooth checkout: Clear payment options make the process easier, leading to less cart abandonment.
  • Increased conversion rates: Customers are significantly more inclined to finish their purchase when they feel confident in your shop and have an easy checkout process. 
  • Professional look: Payment icons enhance your store's appearance, signaling trustworthiness.

In Conclusion

You now have all the information required to display, modify, or remove the Shopify Payment Icons from your online business. Try it out today to see how it goes, and don't hesitate to contact us with any questions.

Shopify Payment Icons: FAQs

No, you don't need to display icons for every payment method you have activated. Focus on showing the most popular and relevant options for your target audience. Cluttering your footer or checkout page with too many icons can be overwhelming and visually unappealing.

For unique payment methods, you can manually upload custom icons as images and add them to your footer via theme customization or editing your theme's HTML/CSS files.

Mobile responsiveness is crucial! Ensure the icons are appropriately sized and spaced for smaller screens. Avoid using overly large icons that could disrupt the layout. Test your store on various mobile devices and screen sizes to ensure optimal display.

While there's no one-size-fits-all answer, displaying icons for familiar and trusted payment methods like PayPal, Visa, Mastercard, Apple Pay, and Google Pay can boost customer confidence and potentially lead to higher conversion rates. Consider A/B testing different icon arrangements and selections to see what resonates best with your audience.

Related Posts:


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.