WooCommerce Shipping Icons And Description 1.1.6

WooCommerce Shipping Icons And Description is a specialized utility plugin (available both as a standalone extension on WooCommerce.com and via the Booster for WooCommerce bundle) that enhances the visual clarity of your checkout process.1

Standard WooCommerce shipping options are often just plain text radio buttons. This plugin allows you to add images (logos) and explanatory text to each method, significantly improving User Experience (UX) and reducing cart abandonment.2

🛠 Main Functionalities

This plugin goes beyond simple styling; it adds structural information to the shipping selection area.

1. Visual Shipping Icons

Carrier Logos: You can upload custom icons (like FedEx, UPS, or DHL logos) to appear next to the shipping method title.3

Custom Styling: Set the icon position (before or after the label), adjust icon size (width/height), and apply custom CSS classes for advanced styling.4

Trust Building: Showing familiar carrier logos increases customer trust during the final stages of the purchase.5

2. Descriptive Subtitles

Estimated Delivery: Add a description like "Delivery within 2-4 business days" directly under the method title.6

Instructions: Provide clarity on specific methods, such as "Wait for email notification before arriving" for Local Pickup.

HTML Support: Most versions of this tool allow HTML in the description, so you can add small links, bold text, or custom colors.7

3. Conditional Visibility (Pro Feature)8

Hide Methods: Many versions of this plugin include the ability to hide certain shipping methods based on conditions (e.g., hide "Flat Rate" if "Free Shipping" is available).9

User Role Filtering: Display specific shipping icons or descriptions only to Wholesale customers or logged-in members.

💻 Implementation: Two Ways to Do It

Option A: Using the Plugin (Recommended)

If you are using the version by FmeAddons or Algoritmika:

Navigate to WooCommerce > Settings > Shipping > Shipping Icons.

You will see a list of your active Shipping Zones and Methods.

Upload an image for the "Icon" field and type your text in the "Description" field.10

Save changes, and they will automatically appear on the Cart and Checkout pages.

Option B: Using a Code Snippet (Lightweight)

If you only need to add a simple description to Free Shipping and don't want an extra plugin, you can add this to your functions.php:11

PHP

add_filter( 'woocommerce_cart_shipping_method_full_label', 'add_shipping_description', 10, 2 ); function add_shipping_description( $label, $method ) {    if ( 'free_shipping' === $method->method_id ) {        $label .= '<br><small style="color: #666;">Ships via Standard Ground (3-5 days)</small>';    }    return $label; }

⚖️ Why use this in 2026?

Benefit

Impact

Reduced Confusion

Customers immediately see the difference between "Express" and "Standard."

Professionalism

Your checkout looks like a high-end SaaS platform rather than a basic blog.

Higher Conversion

Clear delivery expectations reduce "last-minute" hesitation at checkout.

Would you like me to help you find the specific icon dimensions recommended for the "Flatsome" or "Astra" themes, or do you need help writing a custom CSS snippet to style these icons?