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 icon6973 Views Watch iconMay 05, 2021

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

Step #2: Click on “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 the Product Page:

  • Go to your product template on your theme.
  • Include the below code where you want to display the estimated shipping widget.

{% include 'shipping-calculator' %}

Include this Snippet on the Page:

  • Now in the theme template, You have to include that snippet using the 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