Afterpay Gateway Configuration
Install Afterpay APP
Completing the below steps will enable Afterpay as a Payment Method and display the Afterpay assets on the product pages.
- Login to your eCommerce Store
- Navigate to Apps
- Enter 'Afterpay' in the search field at the top right
- Click Install
You will be asked to ‘Install Afterpay Payment Integration’- Enter your Website Username/ Password
- Click ‘Next’
- Notification of Plugin required access will be displayed
- Review access requirements
- Click ‘Grant Access’
- Login or Create a New AdVision Lightspeed eComm App account (if you don’t have one)
- Click ‘Login’ or ‘Register now’
- You will be redirected to the Afterpay Payment Gateway settings page.
- If not, Navigate to Apps > Purchased Apps > Afterpay Payment
App Configuration
If you're not already on the configuration panel, to get to your Afterpay APP configuration panel.
- Login to your eCommerce Store
- Navigate to Apps > Purchased Apps > Afterpay Payment
- Click on Afterpay Payment Integration
- Click go to APP at the top right
Next, follow the steps below to complete your configuration.
- Enable the "Active" Checkbox ( to the right of the first APP option )
- Scroll down and use the Afterpay Setup Values and Page Values to configure your APP.
Afterpay Setup Values
| Option | Value |
|---|---|
| Display | Afterpay - Pay by Installments |
| Icon | Afterpay |
| Endpoint | AU |
| Mode | Live |
| Merchant ID | Enter the Merchant ID provided by Afterpay into this field. |
| Secret Key | Enter the Secret Key provided by Afterpay into this field. |
| Currency Code | AUD |
| Auto Generate Order | Tick Enabled |
| Show Instructions to Customer | Leave Blank |
| Button Text Color | Leave Blank |
| Button Background Color | Leave Blank |
| AfterPay Min (per your contract) | 0 Unless otherwise specified by Afterpay |
| AfterPay Max (per your contract) | 1000 Unless otherwise specified by Afterpay |
| Widget Logo Color | Colour should be selected as the default option. Black or White is only approved for certain circumstances* |
| Widget Background Color | Left as default |
| Widget Text Color | Left as default |
| Widget Position | Target Existing Element and Show Next to it |
| Widget Target Element | .price please ensure you include the full stop. at the start of price |
| Widget Target Action | Insert After Target |
*If non-recommended options are used, this may result in, Afterpay requesting you to update the settings to meet the Afterpay Branding or Integration Guidelines.
Retailer Resources: https://www.afterpay.com/en-AU/retailer-resources
Example of the APP Configuration Panel completed.
Page Settings
These can all be left blank.
| Logo URL | Leave blank |
| Background Color | Leave blank |
| Custom CSS | Leave blank |
| Text Color | Leave blank |
| Custom Javascript | Leave blank |
Here is an example of how the Page Settings will look
Final Steps
Once all details have been entered.
Scroll to the bottom and click 'Save Settings'
Scroll to the bottom again and click 'Check Install (Publish Changes)'.
A banner will display advising the Install has been checked.
Afterpay should now be installed and available for use by Consumers.
Afterpay should also be displaying on the Product Pages and as a payment option on the Checkout Page.
Updated over 3 years ago