This guide describes the process of installing and configuring the Openpay Widget / Extension to Magento 1.9.X Community Edition. You should have an existing Magento installed.
This widget explains how Openpay is a flexible, interest-free payment method. It showcases the minimum and maximum order value, allowing the user to choose an option to pay weekly or fortnightly, over available months.
Openpay Widgets is a Magento Extension with a predefined set of configuration options.
Openpay Widget plugin is a set of widgets, when installed and activated will show the widgets on the following pages:
Before installing the Openpay module, make sure that your web server meets the following criteria:
For further details on PHP compatibility, MySQL, supported Web servers and other requirements, refer to the Magento website: http://devdocs.magento.com/guides/m1x/system-requirements.html
Magento can be run on a Windows server.
To install the Openpay Widget, download the zip file and extract it.
Log in to the Magento admin panel.
Copy and paste all the files within the Root Folder. If you have any custom theme, you can upload the theme file to the current theme (app/design/frontend/)/< Your package >/< Your Theme >)
Navigate to admin panel: System > Configuration > (on left panel) Openpay Widget > Widget Setup
To set up ‘Openpay Widgets’ fill out the fields as required as per your Openpay account configuration. (This information will be provided by your Openpay Ecommerce Manager or Account Manager).
Important note:
Check with Openpay / Ecommerce Manager for your Plan Tiers configuration.
General Configuration |
|
| Enable Widget | Set to ‘Yes’ |
| Include JQuery | Default set to ‘No’, only if Jquery is not added to the website, set it to ‘Yes’ |
| Region | Select Australia or United Kingdom (as per your contract) |
| Plan Tiers | Select months (as provided by Openpay eg 2, 3 or 4, multiple selections could be done) |
| Minimum Order Value | Will automatically populated if the Openpay Payment Method extension is installed |
| Maximum Order Value | Will automatically populated if the Openpay Payment Method extension is installed |
Info Belt Widget |
|
| Show Info Belt Widget | There are two options to display the Info Belt on top of the website head section. Home Page or Across the Site. Select your preferred option from the dropdown |
| Info Belt Widget Color | Select an option from ‘Amber’, ‘Grey’ or ‘White’, one that suits your website theme |
| Info Belt Widget Sticky | If your website theme has a sticky menu select ‘Yes’ else select ‘No’ |
Product Listing / Catalogue Page Widget |
|
| Show Catalog Page Widget | Select ‘Yes’ to display Catalog Page Widget on product listing / catalog page |
| Show Openpay Logo on Catalog Widget | Select ‘Yes’ to display the Openpay logo on Catalog Page Widget for product listing / catalog page |
| Catalog Page Widget Logo | Two Openpay logo options available to choose from – Grey or White |
Product Page Widget |
|
| Show Product Page Widget | Select ‘Yes’ to display the Product Page Widget on the product detail page |
| Product Page Widget Logo | Four Openpay logo options available to choose from – Grey Logo with Amber Background, Grey, Amber or White |
Cart Page Widget |
|
| Show Cart Page Widget | Select ‘Yes’ to display Cart Widget on the cart page |
| Cart Page Widget Logo | Two Openpay logo options available to choose from – Grey Logo with Amber Background or Grey |
Checkout Page Widget |
|
| Show Checkout Page Widget | Select ‘Yes’ to display Checkout Page Widget for the checkout page of the website |
| Instalment Text | For Australia add text: Pay in interest free fortnightly instalments. As per the instalment plan set on your Openpay account. (Leave this field blank for the United Kingdom) |
| Redirect Text | Add text: You will be redirected to Openpay’s website to complete your order when you click “Continue”. |
Openpay Custom CSS |
|
| Widget Custom CSS | Use this box to add extra CSS for special placement or alignment of the widget or to change the fonts, size and colours |
| Click ‘Save Config’ | |
If the module is enabled from the admin with the correct setting the widgets will be displayed as follows on the different sections of the website.
Displayed on top of the homepage above the navigation.
Displayed on Product Listing/Catalog Page.
Displayed on Product Detail Page.
Displayed on Cart Page.
Displayed on Checkout Page.
All ‘Learn more’ links will open a popup as follows indicating the available repayment months and explaining what you need to get started to use Openpay.
The next step is to add the assets, Landing Page, Quick Links, Trust Logo, and Banners.
Create a new page > add Openpay HTML tag
Paste the code below 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 Openpay quick link to the footer so the customers can access the page.
Add the Openpay trust seal under the “Available Payment Methods” section on the footer.
Download the trust seal from here.
Example of how Openpay Landing Page, Quick Link and Trust Seal will be showcased.
The entire suite of digital banners can be found here.
Navigate to System > Configuration > (on left panel) Openpay Widget > General Configuration > Enable Widget > No
| # | Date | Version | Description |
|---|---|---|---|
| 1 | September 2020 | 1.0.0 | Created new all in one widget |
| 2 | November 2020 | 1.1.0 | Added custom CSS field and logo variation options |