Description
Display 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.
Screenshots
Installation
- Upload the plugin to your
/wp-content/plugins/
directory or install directly from the WordPress repository - Activate the plugin through the “Plugins” menu in WordPress
- That’s it! The plugin works immediately with zero configuration
- Optional: Use the shortcode, widget, or Elementor widget for advanced placement
FAQ
-
How can I change the appearance of the shipping class?
-
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;
} -
How do I use the shortcode?
-
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. -
How do I use the Elementor widget?
-
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.
-
What if the Shipping Class doesn’t appear?
-
Check if you’ve created Shipping Classes and assigned them to your products in WooCommerce > Settings > Shipping > Shipping Classes.
-
Does the plugin support variable products with different 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.
-
Do I need to configure any settings?
-
No! The plugin works immediately after activation with no configuration required.
-
Does this plugin affect WooCommerce functionality?
-
No, this plugin simply displays the shipping class information without affecting any WooCommerce functionality.
-
Is this compatible with page builders other than Elementor?
-
Yes! The plugin provides a shortcode that works with any page builder that supports shortcodes, including Gutenberg, Divi, Beaver Builder, and others.
-
How can I support development of this plugin?
-
We appreciate your support! You can make a donation via PayPal to help us continue developing and maintaining this plugin.
Reviews
Contributors & Developers
“Show Shipping Class in Product Page for WooCommerce” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “Show Shipping Class in Product Page for WooCommerce” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
2.1.0
- IMPROVED: Enhanced variable product support – all shipping class displays (shortcodes, widgets, etc.) now synchronize when a variation is selected
- Added compatibility with WooCommerce High-Performance Order Storage (HPOS)
- Added support for variable products – dynamically shows shipping class based on selected variation
2.0.0
- Added shortcode functionality
- Added Elementor widget support
- Added WordPress widget
- Updated compatibility with latest WooCommerce and WordPress versions
- Improved code structure and performance
- Changed author to Byteplugs
1.2.0
- Visibility in shop page
1.1.0
- Compatibility with WordPress 5.5.1
1.0.1
- Added variable products
0.75
- Fix issue with visibility in product page of individual products
0.5
- Handle variable products
0.1
- First initial release