Tested

Shipping Icons and Descriptions for WooCommerce

(3 customer reviews)

From: $19.99 / year

Plugin lets you add icons and/or descriptions to WooCommerce shipping methods on frontend.

Clear

Description

Shipping Icons and Descriptions for WooCommerce plugin lets you add icons (i.e. images) and/or descriptions (simple text or HTML) to WooCommerce shipping methods on frontend.

Main Features

  • Icons and descriptions can be added to both default and custom WooCommerce shipping methods.
  • Set descriptions and icons positions on frontend (before or after label).
  • For shipping icons you can also set icon HTML style and class etc.
  • Plugin is WPML compatible (i.e. you can set different descriptions and/or icons for different languages).
  • Option to use shipping methods instances instead of shipping methods.
  • Set descriptions and/or icons site visibility.

Plugin settings are located in “WooCommerce > Settings > Shipping Icons and Descriptions”.

Shipping Icons

Here you can add icons for shipping methods on cart and checkout pages.

Shipping Icons and Descriptions for WooCommerce - Shipping Icons Options

Shipping icons
Enables/disables “WooCommerce shipping icons” section.
Default: no
Icon position
Possible values: After label; Before label.
Default: After label
Icon visibility
Possible values: On both cart and checkout pages; Only on cart page; Only on checkout page.
Default: On both cart and checkout pages
Icon HTML style
For the img tag. You can also style icons with CSS by ID: alg_wc_shipping_icon_{shipping_method}_{instance_id}.
Default: display:inline;
Icon HTML class
For styling the img tag with CSS.
Default: alg_wc_shipping_icon
Separator
Inserted between the text label and icon. Space symbol by default.
Default:
Apply shortcodes
Check this if you want shortcodes to be enabled in icons. E.g. for [alg_wc_sid_translate] shortcode.
Default: no
Use shipping instances
Enable this if you want to use shipping methods instances instead of shipping methods. For example if you need to set different icons for different instances of Flat rate (or any other) shipping method (either in different or in same shipping zone). Save changes after enabling this option.
Default: no
Shipping Method X
Image URL.
Default: None

Shipping Descriptions

Here you can add any text (i.e. description) for shipping methods on cart and checkout pages.

Shipping Icons and Descriptions for WooCommerce - Shipping Descriptions Options

Shipping descriptions
Enable/disable the “WooCommerce shipping descriptions” section.
Default: no
Description position
Possible values: After label; Before label.
Default: After label
Description visibility
Possible values: On both cart and checkout pages; Only on cart page; Only on checkout page.
Default: On both cart and checkout pages
Order details
Enable this if you want shipping descriptions to be added to order details (“Order received” page, emails etc.).
Default: no
Apply shortcodes
Check this if you want shortcodes to be enabled in icons. E.g. for [alg_wc_sid_translate] shortcode.
Default: no
Use shipping instances
Enable this if you want to use shipping methods instances instead of shipping methods. For example if you need to set different descriptions for different instances of Flat rate (or any other) shipping method (either in different or in same shipping zone). Save changes after enabling this option.
Default: no
Shipping Method X
Shipping method description.
Default: None

You can add HTML tags in shipping method descriptions, e.g.:

<br><small>Your shipping description.</small>
<p style="color:gray;font-style:italic;">Your shipping description.</p>
<span class="alg_wc_shipping_description">Your shipping description.</span>

Using Shipping Instances

Enable Use shipping instances option if you want to use shipping methods instances instead of shipping methods. For example if you need to set different descriptions for different instances of Flat rate (or any other) shipping method (either in different or in same shipping zone). Save changes after enabling this option.

Shipping Icons and Descriptions for WooCommerce - Shipping Instances

If you disable the Use shipping instances checkbox, you will be able to set icons and/or descriptions for all instances of the shipping method at once:

Shipping Icons and Descriptions for WooCommerce - Shipping Methods

WPML

To output different descriptions and/or icons for different languages, use [alg_wc_sid_translate] shortcode. I.e. set description and/or icon option directly to:

Simpler form
[alg_wc_sid_translate lang="EN,DE" lang_text="Description for EN & DE" not_lang_text="Description for other languages"]
Complex form
[alg_wc_sid_translate lang="EN,DE"]URL for EN & DE[/alg_wc_sid_translate][alg_wc_sid_translate lang="FR"]URL for FR[/alg_wc_sid_translate][alg_wc_sid_translate not_lang="EN,DE,FR"]URL for other languages[/alg_wc_sid_translate]

3 reviews for Shipping Icons and Descriptions for WooCommerce

  1. Awesome

    Awesome!!!

  2. Tobias

    I have the same use case like “steve” mentioned. Do you have a soultion for this?

    • Tom Anbinder

      Hi Tobias,

      Sorry for a late reply. If I understood it correctly, what you need is options to set icons and descriptions for each shipping instance separately, correct? I’m already working on this – will release new plugin version in next couple of days.

      Best regards,
      Tom

    • Tom Anbinder

      Hi again Tobias,

      As promised – we’ve released new plugin version 2.0.0 today. Now there is new option “Use shipping instances” in plugin settings. After you enable this checkbox and save the settings, you will be able to set different icons and/or descriptions for each shipping method’s instance. Unfortunately this option is available in Pro version only.

      Please let me know if something is not working as expected.

  3. steve

    Very good plugin only the problem is I have post office and courier delivery listed on flat rate (2 separate delivery methods with different icons) so one icon shows for both post office and courier. Need options to include separate icons for flat rate not one icon only. If you can do that 5 stars.

    • Tom Anbinder

      Hi,

      If anyone else has similar question – this option was added in plugin version 2.0.0.

Add a review

Your email address will not be published. Required fields are marked *

14 thoughts on "Shipping Icons and Descriptions for WooCommerce"

  1. Hi,

    I just purchased the Pro Version of this plugin in order to be able to use the ‘shipping instances’ option to show different shipping descriptions. However, when I select this option the text for the ‘Advanced Flate Rate Shipping’ method is no longer displayed. This shipping method doesn’t rely on zones, and it therefore doesn’t show up in the shipping instances even though it is still active.

    I hope there is a way to have the shipping description text defined individually by instance, while also displaying shipping description for the Advanced Flat Rate Shipping Method?

  2. Hello,

    The plugin under the pro version does not work (Shipping Icon).

    Watch: https://savon-likas.com/commander/bienvenue/

    Thank you for your help

  3. I have a custom ‘No shipping’ shipping method as a little plugin I cobbled together myself (not a PHP programmer). As long as I don’t check the shipping instances option, my shipping method appears and I can set a description text.

    But when I activate the shipping instances option, my method is no longer shown. What do I have to add to my shipping plugin to have it show up here too?

    Thanks!

    1. Alright, I figured it out on my own. The problem was that I used an out-of-date example of a shipping plugin. Although it still worked on the frontend, it didn’t use the instance mechanic. Adding those elements to the code solved the problem.

  4. Hello,

    Does the description of the office arrive with the mail of the purchase or does it only appear on the website?

    1. Hi Andres,

      Sorry for a late reply.

      No, currently descriptions are only visible on the site. However, if you need it, I’ve already added an option for this to the plugin’s development version – planning to release it tomorrow.

    2. Hi Andres,

      As promised, we’ve released new plugin v2.0.4 today, where I’ve added new “Order details” option to “WooCommerce > Settings > Shipping Icons and Descriptions > Descriptions”. This will add shipping descriptions to all order details displays, including emails.

      Please take a look and let me know if it’s working as expected.

  5. I have a small store and for shipping we have 2 shipping zones.
    For both zones there are 2 shipping methods (free and flat).

    The shipping methods can be selected as radiobuttons. I would like to show the shipping methods text as a table, text and price in the second column.
    Is your plugin that I need? Can I do it with it?

    Thanks in advance

  6. How can I have different text on different flat shippings?

    1. Hi Stefan,

      Since plugin version 2.0.0 there is “Use shipping instances” option in plugin settings. After you enable this checkbox and save the settings, you will be able to set different icons and/or descriptions for each shipping method’s instance (e.g. different flat shipping methods). Unfortunately this option is available in Pro version only.

      Hope that helps.

    2. Does WPML work with the pro version? I am building a multilingual webshop with WooCommerce.

    3. Yes, for example you can use [alg_wc_sid_translate] shortcode. Please see Description section for examples.

  7. The shortcode in free version is translatable, but how do you translate the shipping instances in pro?

    1. Hi,

      Not sure if I understood you correctly, but if you mean [alg_wc_sid_translate] shortcode – it can be used exactly the same for shipping instances as it used in in free version.

      Hope that helps.

Leave a Reply

Your email address will not be published. Required fields are marked *

Changelog

2.0.4 - 25/07/2019

  • Dev - Descriptions - "Order details" option added.
  • Dev - Code refactoring.

2.0.3 - 20/06/2019

  • WC tested up to: 3.6.
  • Tested up to: 5.2

2.0.2 - 04/02/2019

  • Dev - alg_wc_shipping_icons_descs_get_value filter added.
  • Dev - alg_wc_shipping_icons_descs_shipping_methods filter added.

2.0.1 - 29/01/2019

  • Dev - Admin settings descriptions updated.

2.0.0 - 28/10/2018

  • Dev - "Apply shortcodes" options added (and [alg_wc_sid_translate] shortcode added).
  • Dev - "Use shipping instances" options added.
  • Fix - Icons - ID attribute in <img> tag now includes shipping method's instance ID.
  • Dev - Icons - "Icon HTML class" option added.
  • Dev - Icons - "Separator" option added.
  • Dev - Descriptions - "Description position" option added.
  • Dev - Major admin settings restyling (split into separate "Icons" and "Descriptions" sections; "General" section removed; settings descriptions updated etc.).
  • Dev - Major code refactoring (version_updated() function added; settings array saved as main class property; is_visible() function refactored etc.).
  • Dev - Plugin URI updated.

1.1.1 - 17/11/2017

  • Dev - WooCommerce v3.2.0 compatibility - Admin settings - select type options display fixed (by adding wc-enhanced-select class).
  • Dev - Admin settings - Minor restyling.

1.1.0 - 18/06/2017

  • Dev - Autoloading plugin's options.
  • Dev - Minor code refactoring.
  • Dev - Using custom_textarea instead of textarea in plugin's settings.
  • Dev - Plugin settings descriptions updated.
  • Dev - Plugin header ("Text Domain" etc.) updated.
  • Dev - Plugin link updated from http://coder.fm to https://wpcodefactory.com.

1.0.0 - 20/02/2017

  • Initial Release.

Frequently Asked Questions

Q. I need to set different descriptions for same methods in different shipping zones, for example "Canada > Flat rate", "US > Flat rate 1", "US > Flat rate 2". How could I do that?

A. What you need to do is enable "Use shipping instances" checkbox in plugin settings and save the settings. After that you will be able to set icons and/or descriptions for each shipping instance separately.

Free vs Pro

This plugin is a premium version of free "Shipping Icons and Descriptions for WooCommerce" plugin.

Free VersionPro Version
Shipping Icons: Icon Positionyesyes
Shipping Icons: Icon VisibilityOnly "On both cart and checkout pages"yes
Shipping Icons: Icon HTML Styleyesyes
Shipping Icons: Icon HTML Classyesyes
Shipping Icons: Separatoryesyes
Shipping Icons: Apply shortcodesyesyes
Shipping Icons: Image URLyesyes
Shipping Icons: Use Shipping Instancesnoyes
Shipping Descriptions: Description Positionyesyes
Shipping Descriptions: Description VisibilityOnly "On both cart and checkout pages"yes
Shipping Descriptions: Order detailsyesyes
Shipping Descriptions: Apply shortcodesyesyes
Shipping Descriptions: Description Textyesyes
Shipping Descriptions: Use Shipping Instancesnoyes
WPML Compatibilityyesyes

Prices & Licenses

Single siteUnlimited sites
1 year[buy] $19.99 / year[buy] $29.99 / year
Lifetime[buy] $39.99[buy] $59.99

Installation and Updates

  • Buy the plugin 🙂
  • Download plugin's zip to your computer (you will receive an email with download link, or you can always download the plugin from your account).
  • Go to "Admin Dashboard > Plugins > Add New > Upload Plugin" and browse for downloaded zip file.
  • If plugin is successfully installed - you should see it added to the Plugins list.
  • To keep WPFactory items up to date, please install WPFactory Helper plugin and enter your site key.

Refunds

We want to ensure that you are 100% happy with your purchase, so if you feel the product(s) you purchased are not the best fit for your requirements and you attempted to resolve issues with product's author, we are offering 30 day money back guarantee refund policy.