Installing – Openpay Landing Page – Online

Follow the steps below to add the landing page if you offer Openpay Online only or Online and Instore together.

Step 1

Add JavaScript widgets library

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>

Step 2

Add merchant Global configuration

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.

  • planTiers
  • minEligibleAmount
  • maxEligibleAmount

Step 3

Openpay HTML tag

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>

Demo – Openpay Landing Page – Online

https://demo.openpay.com.au/openpay

Trust Seal

Add the Openpay trust seal under the “Available Payment Methods” section.
Download the trust seal from the links below:

     

Banners / Style Guide

The entire suite of digital banners can be found here.