How To Remove Payment Icons From the Shopify Footer Section
Last updated: November 01 2024
Payment icons in the Shopify footer section are automatically added in most Shopify themes and help build customer trust by showing that your store supports widely used and secure payment methods. However, some store owners may want to remove them for a cleaner footer or design purposes.
You can remove these payment icons from the footer section using the Shopify theme editor or by editing the code. This article will show you how.
Remove Payment Icons From the Shopify Footer Section: Step-by-step
Using The Theme Editor
This is the easiest and most user-friendly method for removing payment icons.
Step 1: Go to your Shopify Admin dashboard and click Online Store > Themes.
Step 2: Next to your active theme, click Customize.
Step 3: In the Theme Editor, scroll down and click on the Footer section.
Step 4: Look for a checkbox or option labeled Payment icons and uncheck it.
Step 5: After making the change, click Save to apply the update to your store.
This method works for most modern Shopify themes and offers a quick, non-technical way to customize your store's footer.
Editing The Theme Code
If your theme doesn’t provide an option to remove payment icons through the theme editor, you can manually edit the theme code.
This method requires some knowledge of HTML, CSS, and Liquid, Shopify's templating language. It's best suited for those comfortable with code editing or who have access to a developer.
Follow these steps:
Step 1: From your Shopify admin, go to Online Store > Themes, click the … icon next to your active theme, and select Edit Code.
Step 2: In the theme code editor, go to the Sections directory and click footer.liquid. If your theme doesn't have that file, click on theme.liquid in the Layout directory instead.
Step 3: Inside the footer.liquid file, search for the code related to payment icons
{% for type in shop.enabled_payment_types %}
Step 4: Replace that code with this code
{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}
The code you pasted includes a list of payment providers separated by commas.
This list determines which payment icons appear on your online store. You can edit this list to match the payment methods you accept.
To do this, check the full list of available payment icon values and copy the ones you need without the ".svg" extension. Some common options include Visa, Mastercard, American Express, PayPal, Apple Pay, and more.
Step 5: After modifying the code, click Save to apply the changes.
Using Third-party Hide Paypal Button Apps
Some third-party apps offer more granular control over your store's footer, including the ability to hide specific payment icons or customize their appearance.
Here are the 7 best options to hide PayPal button you should check out:
App Name |
Vendor |
Pricing |
Key Features |
Ratings |
Action |
Hide PayPal in Cart |
Hide PayPal in Cart |
- Free trial: 5 days - From $0.99 per month |
Effortless PayPal button hiding; Prompt cart page button removal; Cart customization. |
4.5/5 |
|
Proveway PayPal Tracking Sync |
Proveway |
- Free trial: 7 days - From $9.99 to $19.99 per month |
Automatic PayPal tracking sync; Automated task handling; Multi-store sync; Automated alerts & email notifications. |
5.0/5 |
|
TrackiPal PayPal Tracking Sync |
TrackiPal Inc |
- Free to install - From $9.99 to $39.99 per month |
Automatic Paypal tracking sync; Rolling account reserve reduction; Real-time tracking; Email & Real-time order sync. |
4.7/5 |
|
HidePay: Hide Payment Methods |
Nextools |
- Free trial: 7 days - From $3.99 to 7.99 per month |
Payment method hiding, sorting, and renaming; Express checkout button hiding; Multichannel support (email, chat, website, social media). |
4.8/5 |
|
Payfy: Hide Payment Rules |
Cirkle Studio LLC |
- Free trial: 7 days - From $3.99 to $9.99 per month |
Payment method hiding, sorting; conditional hiding (country, discount, products; weight); Multichannel support; COD availability customization. |
5.0/5 |
|
PayRules: Hide Payment Methods |
KlinKode |
- Free plan - From $3.49 per month |
Payment method hiding (COD, PayPal, Stripe); Multiple condition-based hiding; Shipping fee reduction; Cart customization capabilities. |
4.9/5 |
|
HideOut ‑ Hide PayPal Button |
Anglerfox |
- Free trial: 3 days - From $0.99 to $4.99 per month |
PayPal express checkout button removal; Conversion rate boost; Cart abandonment tracking enablement; Cart customization capabilities. |
4.1/5 |
Bottom Line
By following these steps, you can easily remove payment icons from your Shopify footer, giving you more control over your store's aesthetic and branding. Remember to test your changes thoroughly and choose the method that best suits your technical skills and comfort level.
Related Posts: