Shipping calculator in single product page

Hi @mjreyes ,

It sounds like you’re looking to add a shipping calculator to your single product pages. This is a neat feature that can enhance your customers’ shopping experience by providing shipping costs upfront.

WooCommerce does include a shipping calculator, but it’s typically found within the cart page rather than on single product pages. If you’re looking to add this function directly on your product pages, that would be a customization beyond what the standard WooCommerce setup offers.

If you could share a URL that has this feature, we can take a look at it and provide more accurate insights.

Looking forward to your response.

https://outbackstoragecontainers.com/product/BSLU150045-0/

Here is a sample of what i am trying to do

Thanks for your help

Hi @mjreyes ,

Thanks for sending the URL, really helpful!

After checking the sample site, it shows that the button “Get Delivery Rates” calls an advanced iframe where you’ll be able to input the zip code to view the shipping rates. However, it doesn’t seem like it’s working at the moment on the specific page.

Here’s a video of my test: https://www.loom.com/share/e491240e455443f882d3f3d2fdfdd2bd?sid=72d7d7f1-2b38-467b-81d2-5bcf6ee18a2c

Digging into it fruther, they seem to have used the Advanced iframe plugin and involves some custom development. It also looks like they’re using elementor to manage frontend design.

We would suggest to check out the plugin and consulting with a developer to achieve this desired results. Also, since modifications will vary with the theme and other plugins you might have, it’s wise to proceed with caution. Keep in mind that any changes should be tested on a staging site first to ensure they work correctly with your theme and existing setup.

Please note that code customizations are ouside our support policy. Still, if you need customization, we do our best to offer advice and direct you to appropriate resources. Based on the feedback we get from our customers we highly recommend contacting one of the services on our Customization page.

I was referring to the add to cart button which will bring up the ship po ring calculation not the delivery rate button

Hi @mjreyes ,

Thanks for that clarification! I understand that this screenshot was what you meant which appears after clicking “Add to Cart.”

For adding a shipping calculator that pops up when you click “add to cart,” you’ll want to use a plugin or custom code, since that’s not a standard feature in WooCommerce. We can’t recommend a specific plugin the site is using since the sample looks custom-made after checking it. However, you can search for “WooCommerce shipping calculator” in the WordPress plugin directory to find one that works for you.

Hope this helps.

Hi! Since we haven’t heard back from you, I’ll close this for now. You can always reconnect with us when you’re ready to move forward.