Welcome to Our Help Desk.

You will get all the detailed information for your queries related to our Shopify apps.

How can I add an estimated shipping widget on the product page or the cart page?

Eye icon3931 Views Watch iconMay 05, 2021

Step 1: From Shopify’s admin, select Online Store, then Actions > Edit code.

Step 2: Click on a “Add new snippet”.

Step 3: Enter “shipping-calculator” and create a snippet.

Step 4: Click here to Copy the code for the “shipping-calculator.liquid” file.

Step 5: click on Save.

Include this snippet on Product Page

=> Go to your product template on your theme.
=> Include below code where you want to display estimated shipping widget.
{% include 'shipping-calculator' %}

Include this snippet on Page

=> Now in the theme template, You have to include that snippet using below code.
{% include 'shipping-calculator' %}

In the above screenshot, You can see I have a page template called “shipping-calc”. Paste {% include ‘shipping-calculator’ %} this code just above the {{ page.content }}.
Now create a new page for “Shipping Estimate” and set the page template from here.

Submit Your Query