Display shipping classes seamlessly on product pages & shop pages. Zero configuration, HPOS compatible, and works with Elementor & Gutenberg.

BytePlugs

Paul Plantzos

<p>Display shipping classes seamlessly on product pages & shop pages. Zero configuration, HPOS compatible, and works with Elementor & Gutenberg.</p>
<h3>Enhance Your Store’s Shipping Transparency</h3>
<p>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.</p>
<h3>⚡ Zero Configuration Required</h3>
<p>Just activate and go! The plugin automatically displays shipping classes on your product pages with no settings to configure.</p>
<h3>🔄 Fully Compatible</h3>
<ul>
<li><strong>WooCommerce HPOS</strong> – Ready for the future of WooCommerce</li>
<li><strong>Variable Products</strong> – Dynamically updates shipping class when variations are selected</li>
<li><strong>Elementor & Gutenberg</strong> – Works seamlessly with popular page builders</li>
<li><strong>All Themes</strong> – Compatible with any WordPress theme</li>
</ul>
<h3>🚀 Key Features</h3>
<ul>
<li><strong>Automatic Display</strong> – Shows shipping class on product and shop pages</li>
<li><strong>Dynamic Updates</strong> – Changes shipping class display when product variations are selected</li>
<li><strong>Multiple Display Options:</strong>
<ul>
<li>Shortcode for flexible placement</li>
<li>WordPress widget for sidebars</li>
<li>Dedicated Elementor widget</li>
</ul>
</li>
<li><strong>Zero Impact</strong> – Lightweight code that won’t slow down your site</li>
</ul>
<h3>💻 Developer Friendly</h3>
<p>Use the shortcode with parameters to customize the display:</p>
<pre><code>[show_shipping_class product_id="123" label="Ships via:" class="my-custom-class" before="<div>" after="</div>"]
</code></pre>
<p><strong>Available Parameters:</strong><br />
* <code>product_id</code> – ID of the product (defaults to current product)<br />
* <code>label</code> – Text to display before the shipping class<br />
* <code>class</code> – CSS class for customization<br />
* <code>before</code> – HTML to display before<br />
* <code>after</code> – HTML to display after</p>
<h3>🎨 Easy to Customize</h3>
<p>Style the shipping class display with simple CSS:</p>
<pre><code>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;
}
</code></pre>
<h3>🔮 Coming Soon – Show Shipping Class Pro</h3>
<p><strong>Take your shipping display to the next level with our upcoming Pro version!</strong></p>
<ul>
<li><strong>Advanced Styling</strong> – Custom colors, fonts, animations, and design options</li>
<li><strong>Enhanced Display</strong> – Multiple locations, custom templates, tooltips</li>
<li><strong>Advanced Integration</strong> – Cart & checkout display, delivery date calculator, shipping timers</li>
<li><strong>Analytics</strong> – Track conversions by shipping class, generate reports</li>
<li><strong>Admin Tools</strong> – Bulk editing, enhanced filtering, visual shipping class manager</li>
</ul>
<h3>❤️ Support the Development</h3>
<p>If you find this plugin helpful, please consider <a href="https://paypal.me/byteplugs" rel="nofollow ugc">making a donation</a> to support ongoing development and updates.</p>


Alternatives to Show Shipping Class in Product Page for WooCommerce

Top alternatives