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.
Plugin info
Maintenance & Compatibility
Maintenance score
Stale • Last updated 300 days ago • 5 reviews
Is Show Shipping Class in Product Page for WooCommerce abandoned?
Likely maintained (last update 300 days ago).
Compatibility
Similar & Alternatives
Explore plugins with similar tags, and compare key metrics like downloads, ratings, updates, support, and WP/PHP compatibility.
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="" after=""]
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.
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
Frequently Asked Questions
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.
Review feed
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




