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]