Overview #
The WooCommerce Shipping Icons plugin allows you to add customized icons for various shipping methods. The icons that are added using the plugin will be displayed on the cart and checkout pages.
You can add inline CSS (custom) for your shipping icons to make them appealing and assign them to your store’s UI.
Enabling Shipping Icons #
To enable and use the Shipping Icons plugin, you should first download and install Booster for WooCommerce.
- Navigate to WordPress Dashboard > Booster > Plugins > Shipping & Orders
- Search for the Shipping Icons plugins in this category page and select Enable for it.
- Click Save Changes.
The WooCommerce Shipping Icons plugin will be enabled for your site.
Configuring Shipping Icons Settings for WooCommerce #
You can add customized icons for various shipping methods (default as well as custom) that will be displayed on the cart and checkout pages using the Shipping Icons plugin that comes with your Booster for WooCommerce bundle.
General Options #
You can set the position, visibility, and style (CSS) for your shipping icons from the General Options tab. This setting will work the same for all your shipping icons configured through this plugin.
Shipping Method Icons #
- If you want to set icons for all shipping instances (shipping zone and method combinations) instead of shipping methods, enable the Use Shipping Instances option. Make sure to click Save Changes if you enable this option.
- Enter the URLs of the shipping icons that you want to display for your shop’s shipping methods (e.g., Flat rate, Free shipping, Local pickup, and so on) or shipping instances.
- Click Save Changes.
The WooCommerce shipping icons will be set for the shipping methods.
Output #
