Follow the steps below to add the landing page if you offer Openpay Online only or Online and Instore together.
Load the widgets script into your page. Ideally this would load at the end of your body element.
<html>
<body>
<!– Load the widgets library –>
<script src=”https://widgets.openpay.com.au/lib/openpay-widgets.min.js“></script>
</body>
</html>
Initialise the widgets with your merchant configuration. This should run after the widgets library has been loaded.
<html>
<body>
<!– Load the widgets library –>
<script src=”https://widgets.openpay.com.au/lib/openpay-widgets.min.js“></script>
<!– Initialise the widgets –>
<script>
OpenpayWidgets.Config({
region: ‘AU’,
currency: ‘$’,
planTiers: [2, 3, 4],
minEligibleAmount: 1,
maxEligibleAmount: 1500,
type: ‘Online’
});
</script>
</body>
</html>
Important note:
Check with Openpay Account / Ecommerce Manager for your Plan Tier configuration, above values are just for demo purpose.
Add the Openpay HTML tag on your page just like any other HTML element for Openpay Landing Page content.
<opy-landing-page></opy-landing-page>
After publishing the landing page, the next step is to add a Quick Link and Trust Seal to the footer linking to the Openpay Landing Page.
It’s important for your customers to access the landing page and know that Openpay is a secure way to pay.
(Please make sure the tab is written as Openpay one word.)
Add the Openpay trust seal under the “Available Payment Methods” section.
Download the trust seal from the links below:
The entire suite of digital banners can be found here.
