Website Building » Shopify » How Do I Edit or Change Payment Icons Shopify?

How Do I Edit or Change Payment Icons Shopify?

Last updated on October 1, 2022 @ 5:17 pm

If you need to change the payment icons that are displayed on your Shopify store, there are a few different ways to do so. One way is to simply edit the code in your theme’s settings. Another way is to use a Shopify plugin or app. And finally, you can also change the payment icons by using CSS.

Method 1: Editing Code in Your Theme’s Settings

If you want to change the payment icons that are displayed on your Shopify store, one way to do so is by editing the code in your theme’s settings. To do this, go to “Online Store > Themes > Edit code.” In the “Assets” folder, open up the “Theme.scss.liquid” file. Then, scroll down to the “Payment icons” section and find the code for the payment icons you want to change. For example, if you want to change the Shopify Payments icon, you would find the following code:

.shopify-payment-icon {
background-image: url(”);
}

All you need to do is replace the URL in the background-image property with the URL of the new icon. For example, if you wanted to use a different Shopify Payments icon, you would replace the URL with this one:

PRO TIP: If you are planning to edit or change the payment icons on your Shopify store, it is important to be aware that this could potentially have a negative impact on your sales. This is because customers may not be able to easily recognise the payment methods that you accept, which could lead to them abandoning their purchase. Therefore, we would advise against making any changes to the payment icons unless absolutely necessary.

.shopify-payment-icon {
background-image: url(‘https://new-icon-url’);
}

Once you’ve replaced the URL, save your changes and check your store to see if the new icon is displaying correctly.

Method 2: Using a Shopify Plugin or App

Another way to change the payment icons on your Shopify store is by using a Shopify plugin or app. There are a few different plugins and apps that allow you to do this, but one of our favorites is called “Custom Icons for Checkout.”

This app allows you to easily upload new icons and change them from your shop’s admin panel. To get started, install the app and then go to “Apps > Custom Icons for Checkout.” Then, click on “Add New Icon” and upload the icon you want to use.

,

How Do I Edit or Change Payment Icons Shopify? – Conclusion

.

To sum it up, there are three different ways that you can edit or change payment icons on Shopify – by editing code in your theme’s settings; by using a Shopify plugin or app; or by using CSS.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.