Magento 2

Setup a Zip landing page

The landing page is a dedicated information page to educate customers about the Zip product, while also providing access for customers to pre-apply for their Zip accounts.

Adding the page only takes a few moments and only involves a few simple steps.

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

Add a Zip landing page

1. In your Magento 2 admin portal, navigate to Content > Pages
2. Click "Add New Page" at the top right of the screen.
3. Enable the page and enter the Page Title: "Zip - Own it now, pay later".
4. Toggle the "Show/Hide Editor" button so that there are three buttons (Insert Widget, Insert Image, Insert Variable) next to it, and an empty white box under it.

5. Copy the Zip Landing Page code in the box below, and Paste it into the content text box as shown above:

❗️

Toggle between tabs to find your regions HTML snippet
Note: data-zm-region="your_region_here"

data-zm-merchant= {Merchant Public Key} is only valid in Australia

<script type="text/javascript" src="https://static.zip.co/lib/js/zm-widget-js/dist/zip-widget.min.js"></script>
<div zm-asset="landingpage" 
     data-env="production"
     data-zm-merchant="{put the AU merchant_public_key here}"
     zm-widget="inline"
     data-zm-region="AU">
</div>

<script type="text/javascript" src="https://static.zip.co/lib/js/zm-widget-js/dist/zip-widget.min.js"></script>
<div zm-asset="landingpage" 
     data-env="production"
     data-zm-merchant=""
     zm-widget="inline"
     data-zm-region="NZ">
</div>

🚧

Note:

Australian landing pages, paste your Public Key between the quotation marks " " and ensure there are not white spaces at both ends.

7. In the "Search Engine Optimisation" tab, enter the following:

8. In your Magento 2 admin portal, navigate to Content > Blocks
9. Find the header or footer block that contains your menu.
10. Select "HTML" and add the code below on top of the bottom < /ul> tag

<li><a href="/zip">About Zip</a></li>