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.

1. Navigate to WordPress Dashboard > Booster > Plugins and click on the Payment Gateways category.
2. Scroll down to the Gateways Icons plugin and select Enable for it.
3. 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.

1. Go to the General Options tab.
2. Navigate to the payment gateway for which you want to add an icon or remove the default icon.
3. Enter the URL of the icon that you want to display for this payment gateway.
4. If you want to remove the default icon for this gateway, check the Remove Icon box for the same.
5. Repeat the above-listed steps for the payment gateways that must have custom icons in your eCommerce shop.
6. 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.