Sitewide assets

Plugin icon

Assets Installation

Sitewide assets


Adding the JavaScript Library

The JavaScript Library is a key component of the Zip web assets integration. It’s used to manage the communication between your website and the Zip 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.zipmoney.com.au/lib/js/zm-widget-js/dist/zip-widget.min.js"></script>

Adding the Zip strip banner

In order to activate the Zip strip banner 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 Zip Javascript library will inject the messaging.
<div zm-asset="stripbanner" 
     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 public merchant id

Required for AU stores only

zm-asset

To specify which version of Zip widget to display

For ZipPay/ZipMoney:
stripbanner

For ZipBusiness/ZipTrade:
stripbannerb2b

data-zm-region

To specify the product price when the widget is implemented in product pages

au - Australia
nz - New Zealand
gb - Great Britain
mx - Mexico

data-zm-language

Used to specify the language of the tagline

en
es

Payment icon

Include the Zip payment icon alongside the other accepted payment logos, wherever they appear on your website.

Standard icon

<img src="https://static.zipmoney.com.au/assets/default/footer-tile/footer-tile-default.png" style="height:30px;">

Reverse icon

<img src="https://static.zipmoney.com.au/assets/default/footer-tile/footer-tile-reverse.png" style="height:30px;">