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?
5628 Views
May 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.