[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 classclass
- CSS class for customizationbefore
- HTML to display beforeafter
- HTML to display after/wp-content/plugins/
directory or install directly from the WordPress repositorySimply 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.