Installation
Install The ChargeAfter Plugin
- Go to BigCommerce Applications Marketplace > click the Get This App button:
![](https://files.readme.io/6e5c369-c9c4800-Get_this_app.png)
- Enter your store:
![](https://files.readme.io/65b6e73-4e762cf-doc-1.png)
- Click the Install button on the application widget:
![](https://files.readme.io/4361ecd-e0ffa7a-1.png)
- After installation, click Confirm:
![](https://files.readme.io/d6679c8-1f5cbcb-2.png)
- Enter the Public and Private API keys in the Settings panel. Next, choose your Mode:
- You will receive two different sets of keys from ChargeAfter from Sandbox and Production environments
- Choose the appropriate integration environment. We strongly recommend to test your solution in the Sandbox environment before promoting it to Production environment.
- Choose the transaction type to authorize only or authorize and settle payment
![](https://files.readme.io/8a6c196-622c8f4-image.png)
- Click the Submit button to apply the changes for your store
Configure The New Payment Method
Why Is This Needed?
BigCommerce requests that a new payment method replaces an existing unused payment method. The documentation shows how to override the option to pay with a Check. If this is an option you need, contact the ChargerAfter merchant onboarding team for guidance.
- In your store portal, go to Store Setup > Payments > open the drop-down with offline methods > next to Check payment method, click the Set up button:
![](https://files.readme.io/20fe8c0-b614470-image6.png)
- Set up the Check payment method by filling in the following data:
- Display Name: Progressive Leasing
- Available Countries: United States
![](https://files.readme.io/164dbef-9fc0187-image7.png)
- Save
Checkout & Account Signup Configuration Changes
- In your store portal, go to Advanced Settings > Account Signup Form > Address Fields:
![](https://files.readme.io/149b264-dab6e27-image5.png)
- Edit field settings:
- State/ Province: set checkbox to "Yes this field is required":
![](https://files.readme.io/7cade82-14c6dff-image4.png)
- Go to Advanced Settings > Checkout > under Checkout Type, select "Optimized One-Page Checkout" option:
![](https://files.readme.io/e77e432-d96b6a2-image1.png)
- You're done!
![](https://files.readme.io/da9a393-Screenshot_2024-01-08_145736.jpg)
Add Checkout Disclaimer
Progressive requires that an additional disclaimer be added to your order status page. To add this disclaimer follow the steps below:
- From your BigCommerce admin, go to Channel Manager > Scripts.
- Click on the "Add Script" button
- Set up the script by filling in the following data:
- Script name: Progressive Leasing Thank You Message
- Placement: Header
- Location: All Pages
- Script Category: Functional
- Script Type: Script
- Add the following code to Script Contents:
<script>
window.onload = async function() {
await new Promise(r => setTimeout(() => r(), 500));
let orderConfirmationClass = 'orderConfirmation-section';
let hasSections = document.getElementsByClassName(orderConfirmationClass).length > 0;
if (hasSections){
let message = 'If you paid with Progressive Leasing, this "Total" is the amount Progressive Leasing paid on your behalf. It is not your 12-month lease-to-own total cost, which was displayed in your lease pricing summary and lease agreement. To review your Lease-to Own total and any applicable taxes please refer to your email or visit the <a href="https://www.progressivelp.com/myaccount/login" target="_blank">Progressive Leasing website</a>.';
try{
document.querySelector("div[data-test='payment-instructions']").innerHTML = message;
}
catch(error){
let newSection = document.createElement("section");
newSection.classname = orderConfirmationClass;
let instructions = document.createElement("div")
instructions.setAttribute('data-test','payment-instructions');
instructions.innerHTML = message;
newSection.appendChild(instructions);
let nodeParent = document.getElementsByClassName("orderConfirmation-section")[0].parentNode.appendChild(newSection);
}
}
}
</script>
- Click on Save in the bottom right corner.
Updated 8 months ago