Installation

The extension is comprised of two core components, each needs to be installed separately.

  • Progressive Shopify Gateway
  • ChargeAfter App

Install the Progressive Leasing Payment Gateway

  1. From your browser, enter the following URL:
    https://admin.shopify.com/store/{your-store-name}/settings/payments/alternative-providers/1053899
  2. After logging into your store, a prompt pops up asking you to install Progressive Leasing Payment Gateway.
  3. Click Install payment provider.
  4. From your store’s admin site, navigate to Settings > Payment providers
  5. Scroll down to the Alternative payments section and click Select additional payment method.
  6. Select Progressive Leasing.
  7. Check the Use test mode box to connect to Progressive Leasing's Sandbox environment. Leave the box unchecked to connect to the production environment.
  8. Under Public Key and Private Key enter your Sandbox or Production merchant keys, based on your selection in the previous step.
  9. Save.
  10. You're done!

Install the ChargeAfter Apps

There are two separate ChargeAfter apps: One connects your site to the ChargeAfter production environment, and the other to the sandbox (test) environment.

Follow these steps to install either app:

  1. From your browser, enter one of the following URLs:
    ChargeAfter - Production app:
    https://shopify.chargeafter.com/install?shop={your-store-primary-domain} ,
    where {your-store-primary-domain} is your production store’s primary domain.
    For example if your production store’s primary domain is cameras.myshopify.com, enter
    https://shopify.chargeafter.com/install?shop=cameras.myshopify.com.
    ChargeAfter - Sandbox app:
    https://shopify-sandbox.ca-dev.co/install?shop={your-test-store-primary-domain} ,
    where {your-test-store-primary-domain} is your store’s primary domain.
    For example if your test store’s primary domain is cameras-test.myshopify.com, enter
    https://shopify-sandbox.ca-dev.co/install?shop=cameras-test.myshopify.com.
  2. If you are not already logged in to your store’s admin, you will be asked to log in
  3. Once you are logged in, the ChargeAfter Installation page will be loaded in your admin site
  4. Click Install unlisted app to install ChargeAfter app
  5. In the side panel, click Apps. The ChargeAfter- Production or ChargeAfter-Sandbox app should now be in your list of Apps.

Add Checkout Disclaimer

Progressive requires that an additional disclaimer be added to your order status page. To add this disclaimer follow the steps below:

  1. From your Shopify admin, go to Settings > Checkout.
  2. In the Order status page section, go to the Additional scripts text box.
  3. Add the following code:
<script>
    Shopify.Checkout.OrderStatus.addContentBox('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" title="Progressive MyAccount" rel="noopener noreferrer">Progressive Leasing website.</a>');
</script>
  1. Click on Save in the bottom right corner.