What is involved in adding the widgets?

There are 3 key steps to be completed here:

• Locate and install the Shopify On-Site Messaging App from the Shopify App Store
• Select your region and install
• From the theme editor place the Zip widgets on your Product and cart Page

---

❗️

⚠️ Important

If you already have the app installed, please un-install it and start fresh to gain access to the latest version

Install the app

1. Install widgets app

2. Click 'Add app'

3. Click 'Install'

4. Once installed, before you integrate the widget into your theme you must select your region from "Settings" and click 'Save settings'

❗️

Important

Be sure to select the correct region that matches your Shopify store currency here to avoid having to re-install the widget.

🚧

Zip Public Key?

If you are operating an Australian store you are required to input your Public Key at this step. You can find your Public Key in your Zip Merchant Dashboard

If you selected New Zealand you will not see the next step and can go straight to step.5

5. Once you have selected your region and input your key if required, click 'Continue'

6. Click 'Configure on-site messaging' to continue to the next step.

👍

Almost done!

Now you have installed the app, it's time to add the widgets to your Product and Cart Page

Adding Zip to the Product and Cart Page

Product Page Widget

1. You should now have been redirected to the theme customizer page.
2. From the theme customizer, select 'Products' > 'Default Product'

3. Once on the prouct page view, from the left-hand menu click Product Information then hover your mouse just under thePrice menu item.

3. Click the Blue '+' that appears under the price

4. Once you have clicked the blue '+' in the pop-up window, then click Apps and then click Product & Cart Widget on the Zip app.
5. This should now have placed the Zip widget under your price.
6. Click Save in the top right of the page.

Cart Page Widget

The process for the cart page is just the same as what you have done above with the product page however we are adding Zip under the Subtotal

1. From the Product Page View, add the product to your basket.

2. Click your basket icon, and you will be redirected to the cart page customizer.

3. Like before, find Subtotal > Subtotal Price in the left menu and hover your mouse just below Subtotal Price

4. Click the blue + in the pop-up window, then click Apps and then click Product & Cart Widget on the Zip app.
5. This should now have placed the Zip widget under your price. Click Save in the top right of the page.

---

👍

Congratualtions

You have now succesfully added the Zip Product and Cart Page messaging

📘

We are here to help

If you have any questions about installing the Zip on-site messaging app or are having difficulties, please contact us at one of the following email addresses:
AU Merchants: [email protected]
NZ Merchants: [email protected] or submit a request
US Merchants: [email protected]