Zip Smart Widget
Getting started with the Zip Smart Widget
Enabling the Zip smart widget and assets
In the < head > section of your product, cart, and checkout web pages add the following code snippet:
<script type="text/javascript" src="https://static.zip.co/lib/js/zm-widget-js/dist/zip-widget.min.js"></script>
Adding the Assets
Once added to a page the Zip Widget can be used to implement a number of different assets:
Product & Cart Widget
Use Zip Smart Messaging widget to show the Zip payment option. Place this asset below the price of an item or cart total. Add Product Widget
Footer Payment icon
Use the Zip Payment badge in the footer of our site, alongside other payment providers. Place this asset at the bottom of your webstore to let your customers know that Zip is an accepted payment method. Add Payment Icon
Zip Information Page
Implement the Zip information landing page on your site, to help customers learn more about Zip as a payment option without leaving your shopping experience. This is a great way for your customers to learn more about how they pay with Zip prior to checking out. Add Landing Page
Strip Banner
Place a strip banner on your site at the top of your webstore to let your customers know that Zip is an accepted payment method. Add the Strip Banner
Using an E-commerce Platform? Information Section
We have made it even easier to add Zips Smart Messaging across e-commerce platforms. To find a guide specifically for your platform, simply select your provider:
Updated 9 months ago