by trangnq
July 27, 2021

Shopify payment icons: How to enable/ edit them in your footer

Shopify payment is one of the most essential parts of any online website and they are frequently illustrated as Shopify payment icons in the website’s footer. However, in fact, there may be a lot of Shopify users who don’t know how to enable as well as edit them quickly. With this reason, in this blog, Arrowtheme will instruct you the simple way to implement them. So, let’s explore them right now! 

What are Shopify payment icons?

Simply speaking, the Shopify Payment icons are designed with the goal of giving customers a quick overview of the payment methods your online store accepts. In particular, payment icons are frequently included in your footer on your website, as it is an indispensable part of FREE Shopify themes, to provide a friendly perspective while ensuring endless data. 

Shopify payment icons
Shopify payment icons

What’s more, they’re set up to be determined by your store’s payment settings, and they’re also enabled in the topic manager. As a result, you will have the ability to display, update, or remove Shopify Payment Icons without changing your payment settings, or by altering your topic code. Nevertheless, in case your Shopify theme you’re using is not a free one and it doesn’t have the option to enable payment icons in the footer, this payment icon customisation won’t run.

How to display Shopify payment icons?

As you probably know, Shopify Payment icons may be readily shown or modified without having to change the original payment settings. In particular, it can even be done by just updating your theme code. As simple as it is, having a thorough understanding of this useful feature will allow you to get the most out of Shopify Payments.

how to display Shopify payment icons
Display Shopify payment icons

How to enable Shopify payment icons in your footer?

In order to customize the footer, the first step you have to do is enable the payment icons in your footer:

#1. Firstly, move to the theme editor.

#2. Then, press Footer

#3. Check the option that says “Show payment icons“.

#4. Finally, click Save is finished. 

Simple way to edit Payment icons

First and foremost, this step will allow you to alter the way that Shopify payment icons are assigned to your footer. By default, your theme displays the payment icons linked with the payment gateway you enabled in your admin’s payment settings area. Not only that, you can also manually add or remove the payment icons that you want to display thanks to this customization. So, in order to edit the Shopify payment icons, you should follow the instructions below. 

Edit with Desktops

#1. To begin, go to Online Store > Themes in your Shopify admin.

#2. After you’ve found the theme you wish to change, visit Actions > Edit code.

#3. Then, click footer.liquid in the Sections directory. However, in case your theme doesn’t have this file, you have to go to the Layout directory and look for theme.liquid.

#4. After that, you must search for the following code in the file:

{% for type in shop.enabled_payment_types %}

Then, let’s replace it with codes below:

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

{% for type in enabled_payment_types %}

#5. Moreover, there is a list of payment providers separated by commas in the code you just pasted. They are: visa,master,american express,paypal. In fact, which payment icons appear on your online store will be determined by the payment providers you add in this list. Best of all, this allows you to customize the list of payment providers to meet your specific requirements. Below are the values that you can use:

  • afterpay
  • 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

#6. The final step is click Save.

payment icons
Payment icons

Edit Payment icons via iPhone

#1. Firstly, tap Store on the Shopify app.

#2. Click Online Store from the Sales channels section.

#3. Then, you have to select Manage themes

#4. As soon as you find the theme that you expect to edit, let’s go to Actions > Edit code.

#5. After that, click footer.liquid in the Sections directory. If your theme doesn’t have this file, go to the Layout directory and look for theme.liquid.

#6. In the file, you must look for the following code:

{% for type in shop.enabled_payment_types %}

And, replace it by the following lines of code:

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

{% for type in enabled_payment_types %}

#7. There is a list of payment providers separated by commas in the code you just pasted: visa, mastercard, American Express, and PayPal. Which payment icons appear on your online store depends on the payment providers you include in this list. You can customize the payment providers list to meet your demands. 

In fact, these values you can use in this case are the same as in the previous section of using Desktop.

#8. Finally, click Save to complete. 

How to edit Shopify payments icons through Android?

#1. First of all, let’s tap Store on the Shopify app

#2. Then, click the Online Store under the Sales channels section.

#3. The next step is pressing Manage themes.

#4. After that, go to Actions > Edit code when you find the theme you wish to change.

#5. Then, you must click footer.liquid in the Sections directory. Besides, if your theme doesn’t have this file, go to the Layout directory and look for theme.liquid.

The next steps are exactly the same as editing payments icons using desktop as well as iOS

In conclusion

All in all, this blog above is a summary of numerous helpful information about Shopify payment icons, especially the simple way to enable and edit them in the footer. Then, Arrowtheme hopes you will implement successfully according to our instructions. In addition to this topic, you should refer to our many other parts of Shopify such as: Shopify themes, Shopify apps, Shopify developments and so on. 

0 comments

Related Posts