Shopify Payment Icons: How to show, change or remove?
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.
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."
- Step 2: Once you've selected the theme, click the "Customize" button next to its title.
- Step 3: In the Homepage section, click the “Footer” button.
- Step 4: On the right side of the page, locate the "Show payment icons" option and click on it.
- Step 5: Save your modifications by clicking "Save."
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.
- 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.
- 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.
- Step 4: Find the following code in the file ``` {% for type in shop.enabled_payment_types %} ``` by pressing Ctrl + F.
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 %}
- 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.
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 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.
- Step 2: After choosing your theme to delete, click the “Customize” button next to the theme’s name.
- Step 3: In the Home page section, click “Footer” to proceed to the next steps.
- Step 4: Uncheck the checkbox "Show payment icons."
- Step 5: Click the “Save” button in the top right corner of the page to complete removing the Shopify payment symbols from the footer.
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
Related Posts: