Lightspeed - AU

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.

  1. Login to your eCommerce Store

lightspeed-1.png

  1. Navigate to _Apps _

Lightspeed-2.png

  1. Enter ‘Afterpay’ in the search field at the top right

Lightspeed-3.png

  1. Click Install

  2. You will be asked to ‘Install Afterpay Payment Integration’

    • Enter your Website Username/ Password

    • Click ‘Next’

Lightspeed-4.png

  1. Notification of Plugin required access appears:
    • Review access requirements
    • Click ‘Grant Access’

Lightspeed-5.png

  1. Login or Create a New AdVision Lightspeed eComm App account (if you don’t have one).

    • Click ‘Login’ or ‘Register now’

Lightspeed-6.png

  1. 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.

  1. Login to your eCommerce Store.

  2. Navigate to Apps > Purchased Apps > Afterpay Payment.

  3. Click on Afterpay Payment Integration.

  4. Click go to APP at the top right.

Next, follow the steps below to complete your configuration.

  1. Enable the “Active” Checkbox ( to the right of the first APP option )

  2. Scroll down and use the Afterpay Setup Values and Page Values to configure your APP.

Afterpay Setup Values

OptionValue
DisplayAfterpay - Pay by Installments
IconAfterpay
EndpointAU
ModeLive
Merchant IDEnter the Merchant ID provided by Afterpay into this field.
Secret KeyEnter the Secret Key provided by Afterpay into this field.
Currency CodeAUD
Auto Generate OrderTick Enabled
Show Instructions to CustomerLeave Blank
Button Text ColorLeave Blank
Button Background ColorLeave 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 ColorSelect Colour as the default option. Black or White is only approved for certain circumstances.
Widget Background ColorLeft as default
Widget Text ColorLeft as default
Widget PositionTarget Existing Element and Show Next to it
Widget Target Element.price Ensure you include the period (.) at the start of price
Widget Target ActionInsert 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

Example of the APP Configuration Panel completed.

Lightspeed-7.png

Page Settings

These can all be left blank.

Logo URLLeave blank
Background ColorLeave blank
Custom CSSLeave blank
Text ColorLeave blank
Custom JavascriptLeave blank

Here is an example of how the Page Settings will look

Lightspeed-8.png

Final Steps

Once all details have been entered:

  1. Scroll to the bottom and click ‘Save Settings’

  2. Scroll to the bottom again and click ‘Check Install (Publish Changes)’.

A banner appears advising the Install has been checked.

Lightspeed-9.png

Afterpay should now be installed and available for use by your customers.

Afterpay should also appear on the Product Pages and as a payment option on the Checkout Page.