facebook_pixelimg
Get in touch

Welcome to Our Helpdesk

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?

view 11306 Views
May 05, 2021

Important Notes:

  • Install the widget separately for each new theme.
  • The widget auto-updates to the latest version.
  • Works with all themes from the Shopify Theme Store. For custom themes, contact us.
  • To avoid issues, install the widget on a duplicate theme first.duplicate theme shopify

Enable Shipping Estimate Widget in your theme

In Online Store > Themes, find the theme you’d like to add our shipping estimate widget from. Then click on the Customize button of the theme.

customize theme in Shopify admin

Click App embeds then search for “shipzip” and enable the Shipping & Delivery ‑ ShipZip app’s shipping estimate widget on that theme, Save it.

enable app embeds shopify - shipzip app

Wherever you want the Shipping Estimate Widget to display on the product page, add an Shipping Estimate Widget block or section of our app.

add block of shipping estimate

Click the Save button after adding our app block or section. Shipping & Delivery ‑ ShipZip app’s shipping estimate widget should show on the product page.

shipping estimate widget shopify

You can check if it’s working by previewing the duplicate theme. Click the three dots (top left) → Preview.

If everything looks good, click Publish.

publish changes

Shipping & Delivery ‑ ShipZip app’s shipping estimate widget should now be visible on the product page of your live store.

The Shipping Estimate Widget is now live on the product page.

Here’s how it looks on the website:

shipping estimate widget on product page

How to Add the Shipping Estimate Widget on the Cart Page

Just like on the product page, open the cart page in your theme customizer.

Then, click “Add block” and insert the Shipping Estimate Widget.

cart page estimate widget

Disable Shipping Estimate Widget in your Theme

You can easily disable the shipping widget from your website.

Product page: Open the Theme customization > Product page > Click on “Shipping Estimate Widget by ShipZip” > Click Remove block > Save

disable shipping estimate widget from product page

Cart page: Open the Theme customization > Cart page > Click on “Shipping Estimate Widget by ShipZip” > Click Remove block

How to Disable ShipZip from App Embeds in Shopify

In the left sidebar, click on the “App embeds” icon.

Find ShipZip app.

Toggle it off (switch it to the left/off position).

Click “Save” in the top-right corner.

disable shipzip from apps theme customization