Show Shipping Class in Product Page for WooCommerce
Display shipping classes seamlessly on product pages & shop pages. Zero configuration, HPOS compatible, and works with Elementor & Gutenberg.
4.8
(5 ratings)Will this break my store?
What the WordPress.org registry says about keeping Show Shipping Class in Product Page for WooCommerce running.
Tested to 6.7.5 — 3 branches behind 7.0
A branch or two behind — normal for a plugin between releases.17 months ago
At least 0.7 releases a year since launch. WordPress.org only lists versions still available for download, so the real number may be higher.7.2
Your host must be running at least this version.5.6
1
A single maintainer. Worth knowing if the plugin is load-bearing for your store.Maintenance & trust
Scored on how Show Shipping Class in Product Page for WooCommerce is looked after — not on how many stores run it.
54
out of 100Maintenance
15 / 35WordPress compatibility
7 / 20Support responsiveness
Not enough dataMerchant satisfaction
11 / 15Listing transparency
10 / 10Ratings
4.8
5 ratingsDisplay shipping classes seamlessly on product pages & shop pages. Zero configuration, HPOS compatible, and works with Elementor & Gutenberg.
Enhance Your Store’s Shipping Transparency
Let customers know exactly what to expect with shipping directly on your product pages. This lightweight plugin displays shipping classes on product pages, shop pages, and anywhere else you want using shortcodes or widgets.
⚡ Zero Configuration Required
Just activate and go! The plugin automatically displays shipping classes on your product pages with no settings to configure.
🔄 Fully Compatible
- WooCommerce HPOS – Ready for the future of WooCommerce
- Variable Products – Dynamically updates shipping class when variations are selected
- Elementor & Gutenberg – Works seamlessly with popular page builders
- All Themes – Compatible with any WordPress theme
🚀 Key Features
- Automatic Display – Shows shipping class on product and shop pages
- Dynamic Updates – Changes shipping class display when product variations are selected
- Multiple Display Options:
- Shortcode for flexible placement
- WordPress widget for sidebars
- Dedicated Elementor widget
- Zero Impact – Lightweight code that won’t slow down your site
💻 Developer Friendly
Use the shortcode with parameters to customize the display:
[show_shipping_class product_id="123" label="Ships via:" class="my-custom-class" before="<div>" after="</div>"]
Available Parameters:
* product_id – ID of the product (defaults to current product)
* label – Text to display before the shipping class
* class – CSS class for customization
* before – HTML to display before
* after – HTML to display after
🎨 Easy to Customize
Style the shipping class display with simple CSS:
css
.product-shipping-class {
color: #0066cc;
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
}
.product-shipping-class-catalogue {
color: #0066cc;
font-size: 14px;
}
.product-shipping-class-shortcode {
color: #0066cc;
font-style: italic;
}
🔮 Coming Soon – Show Shipping Class Pro
Take your shipping display to the next level with our upcoming Pro version!
- Advanced Styling – Custom colors, fonts, animations, and design options
- Enhanced Display – Multiple locations, custom templates, tooltips
- Advanced Integration – Cart & checkout display, delivery date calculator, shipping timers
- Analytics – Track conversions by shipping class, generate reports
- Admin Tools – Bulk editing, enhanced filtering, visual shipping class manager
❤️ Support the Development
If you find this plugin helpful, please consider making a donation to support ongoing development and updates.
Simply add custom CSS to your theme. For example:
css
.product-shipping-class {
color: #your_color_here;
font-family: your_font_family_here;
font-size: your_font_size_here;
font-weight: your_weight_here;
}
Use [show_shipping_class] on any page or post. On product pages, it automatically shows the shipping class of that product. You can also specify a product ID to display the shipping class of any product anywhere on your site.
After activating the plugin, find the “Product Shipping Class” widget in the Elementor editor under the “Byteplugs” category. Simply drag and drop it into your design.
Check if you’ve created Shipping Classes and assigned them to your products in WooCommerce > Settings > Shipping > Shipping Classes.
Yes! The plugin dynamically updates ALL displayed shipping classes when a customer selects a different variation. This includes the main product display, shortcodes, widgets, and Elementor widgets.
No! The plugin works immediately after activation with no configuration required.
No, this plugin simply displays the shipping class information without affecting any WooCommerce functionality.
Yes! The plugin provides a shortcode that works with any page builder that supports shortcodes, including Gutenberg, Divi, Beaver Builder, and others.
We appreciate your support! You can make a donation via PayPal to help us continue developing and maintaining this plugin.
Categories
Plugin details
Tags on WordPress.org
Alternatives
Other plugins in the same categories.
Essential Addons for Elementor – Popular Elementor Templates & Widgets
Dynamic Visibility for Elementor
Better Post & Filter Widgets for Elementor
