Table of Contents
Overview #
The WooCommerce Payment Gateways Icons plugin allows you to set customized icons for payment gateways or remove the default icons. It also lets you customize your WooCommerce store in a better way. Use it to –
- Create a uniform look on your website by changing or removing payment gateway icons.
- Change/remove icons for all payment gateways, including default WooCommerce gateways – Direct bank transfer, Cash on Delivery, Check payments, and PayPal, custom gateways, and gateways added using other plugins.
Enabling Payment Gateways Icons for WooCommerce #
To enable and use the WooCommerce Gateways Icons plugin, you should first download and install Booster for WooCommerce.
- Navigate to WordPress Dashboard > Booster > Plugins and click on the Payment Gateways category.
- Scroll down to the Gateways Icons plugin and select Enable for it.
- Click Save Changes.
The WooCommerce Gateways Icons plugin will be enabled for your site.
Configuring Payment Gateways Icons in WooCommerce #
You can set customized icons for payment gateways or remove the default icons using this option.
- Go to the General Options tab.
- Navigate to the payment gateway for which you want to add an icon or remove the default icon.
- Enter the URL of the icon that you want to display for this payment gateway.
- If you want to remove the default icon for this gateway, check the Remove Icon box for the same.
- Repeat the above-listed steps for the payment gateways that must have custom icons in your eCommerce shop.
- Click Save Changes.
The payment gateway icons for WooCommerce will be customized.
Output #
A sample checkout page where a customized icon is displayed for the payment gateway Direct bank transfer.
