Add Affirm promotional messaging

Configure Affirm promotional messaging

The AdVision settings help generate the Affirm promotional marketing on both the product and cart pages.

Settings

Within settings, you can control:
General Settings

Enable Affirm - determines if Affirm should show in your checkout as a payment option. Check this box and save changes to show, uncheck box and save changes to hide.
Mode - if you want to perform test transactions with Affirm, set mode to Test. If you want to take real payments, set mode to Live.

API Settings

Field	Description
Live Public API Key	The production public API key found in your Affirm dashboard.
Live Private API Key	The production private API key found in your Affirm dashboard.
Test Public API Key	The sandbox public API key found in your Sandbox Affirm dashboard.
Test Private API Key	The sandbox private API key found in your Sandbox Affirm dashboard.
Merchant Name	Your business name.
Payment Action	Authorize Only: Authorize the payment when the customer places their order. Authorize and Capture: Immediately captures the payment after authorization.

Site Settings

Field	Description
Include Affirm Enhanced Analytics	Adds Affirm's enhanced analytics code to be included on the final page (order receipt display) of your checkout. The app will include tracking code on your website.
Minimum Order Threshold	This is the minimum order amount required for Affirm to be displayed as a checkout option. This number must be higher than $50. If blank, the default value of $50 will be used. If a customer's order total is less than this minimum, Affirm will not be shown as a payment option in your store's checkout.
Maximum Order Threshold	Set the maximum order total needed to make payment via Affirm. If a customer's order total is more than this maximum, Affirm will not be shown as a payment option in your store's checkout.

Product and Cart Promotional Messaging

Field	Description
Enable Promotional Messaging on (Product or Cart) Page	Determine whether to enable the Affirm promotional messaging.
Color	Determine the color to use for the logo or symbol on your Affirm promotional messaging
Type	Determine the type of display to use for the Affirm promotional messaging. Logo: Shows the full Affirm logo Text: Shows text only Symbol: Uses a smaller/partial Affirm logo.
Target Element	Determine which element that already exists on your page and that you'd like to use to determine where the promotional messaging should load. This is determined by targeting an existing element, for example, on the product's page you might want to target the product's existing price display to show the promotional messaging next to it. The value expected here is either a class, ID or another valid jQuery selector. NOTE: If you're unfamiliar with CSS, Javascript, or jQuery, we recommend you contract someone familiar with web development. What is needed is a way to tell this app which element you want to target, so the app will show the relevant Affirm messaging next to that element. Please email [email protected] if you need any assistance!
Target Action	This tells the app where, in relation to the target element you've specified in the previous field, the promotional messaging should be inserted. You can either Insert After, Insert Before, Prepend Within, or Append Within, the existing element you're targeting.

Payment Page

Field	Description
Do NOT Auto Generate Order	Don't show instructions with Create Affirm Order button on page, just attempt to automatically start the Affirm payment process. Only select this if you are using the AdVision Gift Card payment app.

Loading Page Settings (optional)

Field	Description
Logo URL	Provide full (absolute) URL (web address) to the logo you'd like to display on any of this app's loading page.
Background Color	Select the background color you'd like for any of this app's loading page.
Text Color	Select the text color you'd like to use for any text displayed on this app's loading page.
Custom CSS	Only for users with advanced experience working in CSS code. Any CSS provided here will load on any of the app's loading page. Improper use of this field may cause the app to not function correctly.
Custom Javascript	Only for users with advanced experience working in Javascript. Any Javascript provided here will load on any of the app's loading page. Improper use of this field may cause the app to not function correctly.

📘
If you make any changes to any of these settings fields, be sure to click "Save Settings" button to save those changes. After you have saved your changes, be sure to scroll to the bottom of the page and click Check Install (Publish Changes), to ensure any changes you've made that require publishing, are published to the eCom website. It can take several minutes for Lightspeed to publish changes.

Coordinate testing with Affirm

Before deploying the Affirm integration to your production site, Affirm will need to test it in your development or staging environment connected to our live environment. Contact your Integration Consultant or [email protected] to coordinate this test.

Deploy to production

Connect to the live Affirm environment

After coordinating a successful test with Affirm’s Merchant help team, connect to the live Affirm environment:

1. Retrieve your live API keys at https://affirm.com/dashboard/#/apikeys.
2. Sign in to your AdVision Ecommerce app settings.
3. Go to Settings and scroll down to API Settings.
4. Enter the Live Public API Key (Affirm public key) and Live Private API Key (Affirm private key) you retrieved from the live merchant dashboard.
5. Change Mode from Test to Live.
6. Scroll down and click Save Settings and then Check Install (Publish Changes).

Launch to production

After you've connected to our live environment and we've tested your integration, you're ready to deploy to your production environment and offer Affirm as a payment option to your customers.