Integrate with Widget Lite

📘

About Widget Lite

Widget Lite is an “out of the box’ solution that allows brands to easily integrate our widget onto the product detail, cart, and mini-cart page. Widget lite is only compatible with specific Shopify themes, confirm below to see if your theme is supported. Customization is not supported with widget lite, but can be done so with our classic widget.

A technical background maybe helpful when attempting to integrate the classic widget. Instructions for classic widget integration can be found here

📘

Shopify Admin

Before starting, please ensure you are logged into your Shopify store as an Admin

  1. In the left menu, click Online Store to expand drop down menu.

  2. Then click Themes.

  3. For the theme you would like to edit, expand the Actions drop down menu.

  4. Choose Edit Code.

1775
  1. This will open the Layout menu to the left.

  2. Find the theme.liquid file.
    a. Edit this file.
    b. Copy and insert Zip Widget Lite script from below in your theme.liquid file before the closing tag.

{% comment %} <!-- Insert QuadPay Widget Lite --> {% endcomment %}
<script src="https://widgets.quadpay.com/quadpay-shopify.js" defer="defer"></script>
  1. Click save.

👍

Congratulations! Well done!

View the theme you just worked on, if the widget was integrated properly it should appear in your product page, mini cart, and cart. If it doesn't, you will need to integrate via Classic Widget instructions.

🚧

Re-integration via Classic Widget Instructions

Please remember to remove the Widget Lite code you inserted in Step #5 before you start the Classic Widget integration.

📘

Next Steps - Almost there!

Please configure your Shopify Zip Payment Gateway.

This allows your customer select Zip as a payment choice at Checkout. The Widget is only for informational and marketing purposes.

Widget Lite Compatibility

📘

Supported Shopify Themes: (September, 2020).

atlantic
blockshop
boundless
brilliant
broadcast
brooklyn
canopy
cascade
colors
debut
district
ella
empire
envy
fashionopolism
flex
flow
focal
foxic
handy
icon
impulse
kalles
minimal
modular
motion
narrative
parallax
pipeline
pop
prestige
responsive
showtime
simple
split
streamline
sunrise
super
supply
symmetry
testament
turbo
vantage
venture
venue
warehouse
wookie
zeexo

FAQ

What if I would like to customize my widget?

For Merchants or Developers that are comfortable working with code, we suggest integrating via the Classic Zip Widget.

The Classic Widget integration method offers the most flexibility and options, however, you may need to hire a Shopify developer to assist you.

What happens if I try to use Widget Lite in an unsupported Theme?

In most cases, your theme will not be affected and the widget will simply not appear. We then suggest integrating via the Classic Zip Widget.