Assets Installation

Landing page

Adding the JavaScript library

The JavaScript Library is a key component of the assets integration. It’s used to manage the communication between your website and the our default assets functionality. The JavaScript library will render the content in the placements tags and not adding it to your site will mean the assets are not loaded.

<script type="text/javascript" src="https://static.zip.co/lib/js/zm-widget-js/dist/zip-widget.min.js"></script>

Adding the Zip landing page

In order to implement a landing page you need to add the HTML snippet with all the required attributes to deliver the correct message for your website. This will be the container where the JavaScript library will inject the messaging.

Australian Landing Page New Zealand Landing Page

📘
Australian Landing Page Example

📘
New Zealand Landing Page Example

#3 Tab title here

#3 Tab content here

Dolor sit amet

Ololo pysh pysh

<div zm-asset="landingpage" 
     data-env="production"
     data-zm-merchant="{put the merchant_public_key here}"
     zm-widget="inline"
     data-zm-region="au">
</div>

Here is a list of the attributes available to activate the messaging:

Attribute	Description	Values
data-zm-merchant	Zip merchant Public-key (found in your merchant dashboard) `Required for AU stores only`
data-zm-region	To specify the product price when the widget is implemented in product pages	`au` - Australia `nz` - New Zealand
zm-asset	To specify which version of Zip widget to display	`landingpage`