PlatformsOther Platforms

Lightspeed

Afterpay Gateway Configuration

Install Afterpay APP

Complete the steps below to enable Afterpay as a payment method and to 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.

  2. Click Install.

  3. You are asked to Install Afterpay Payment Integration.

  4. Enter your website username/password and click Next.

lightspeed-3.png

  1. Notification of Plugin required access appears. Review the access requirements and click Grant Access.

lightspeed-4.png

  1. Login or create a new AdVision Lightspeed eComm App account, if you do not have one.

  2. Once you have an account, login to it.

lightspeed-login.png

  1. You are redirected to the Afterpay Payment Gateway settings page. If not, Navigate to Apps > Purchased Apps > Afterpay Payment.

App Configuration

If you are not already on the configuration panel, to get to your Afterpay APP configuration panel do the following:

  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)2000 Unless otherwise specified by Afterpay
Widget Logo ColorSelect Colour as the default option. Black or White is only approved for certain circumstances.(1)
Widget Background ColorLeft as default
Widget Text ColorLeft as default
Widget PositionTarget 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 ActionInsert After Target

(1) If you deviate from the recommended options listed above, Afterpay may request updates to the settings to meet Afterpay branding guidelines. For more information, see the Retailer Resources

Here is an example of the completed APP Configuration Panel:

lightspeed-5.png

Page Settings

These can all be left blank.

NameSetting
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-6.png

Final Steps

Once all details have been entered, do the following:

  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.

Afterpay should now be installed and available for use by customers.
Afterpay should also appear on the product pages and as a payment option on the checkout page.

Supported Countries

Afterpay is available for Lightspeed merchants with a store in these countries:

  • 🇦🇺 Australia