Magento 2

If you’re a Zip Australian Partner, please refer to the Zip AU docs found here

 

1. Locate Your Zip Merchant Credentials

2. Add Zip as a Payment Method

3. Zip Payment Icon

4. Zip Landing Page

 

---

Locate Your Zip Merchant Credentials

To integrate Zip into your Magento 2 website, you will need a Zip Private/API Key

These credentials are provided upon integration, however, if you’re unable to locate these, please contact us at [email protected]

---

Add Zip as a Payment Method

Please follow the instructions found in this documentation to download, install and configure our Zip extension.

Adding the Zip Payment Icon

What does the Zip payment icon look like?

– In the Magento admin dashboard, navigate to CMS > Static Blocks

– Select the Static Block for the footer, or whichever contains the payment icons/logos

– Use the following code to add the Zip Payment Icon alongside the other accepted payment method logos:

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

Note: If required, you can change the value of the height style property to adjust the size of the Zip icon

– Save your changes

 

---

Add the Zip Landing Page

Create a landing page (static web page) to educate customer about Zip, while also providing access for customers to pre-apply for their Zip account.

What does the Zip landing page look like?

– In the Magento 2 admin page, navigate to Content > Pages.

– Click ‘Add New Page‘ at the top right for the screen.

– Enable the page and enter the ‘Page Title‘ as:

Zip – Own it now, pay in 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.
– Enter the following HTML code into the same field:
<zip-information instore="false" online="true" faqs="true"></zip-information><script>src="https://zip.co/nz/assets/landing.js"></script>

– In the “Search Engine Optimisation” tab, enter the following:

URL Key: zip

Meta Title: Zip – Own it now – pay in 4

Meta Keywords: Own it now, Pay in 4, pay later, interest free, Zip

Meta Description: Own it now – pay in 4 with Zip!

– Click ‘Save’.

---

Add Menu Link to Zip Landing Page

Add a link to the Zip Landing Page in the header/footer menus so customers can access the page.

– In the Magento 2 admin page, navigate to Content > Blocks.

– Find the header or footer block that contains your menu.

– Select ‘HTML‘ and add the code below on top of the bottom </ul> tag:

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

– Click ‘Save Block‘.

 

If you need further assistance, please contact us at [email protected]