Configuration

Sharing checkout and shopper information with Connect creates a seamless experience.

Order Lines (Cart)

Providing the contents of the Shopper's cart on the Merchant site allows Connect to determine what items in the cart are leasable and which are not.

Cart (order)

Providing delivery costs and cart item information for the order is required. An order Id is optional, but desired. See the confirmation call back section regarding providing order number and delivery date information to Connect after the checkout process has completed.

KeyTypeRequiredDescription
orderIdstringOptional orderId: "5423344523",
The merchant identifier for the order. Your internal reference to the order, that has been generated during order creation.
deliveryCostnumberRequireddeliveryCost: 10.99
The total delivery fees/shipping charges for the full order.
itemsarrayRequireditems: []

Cart (item details)

Providing the unique order line information below allows Connect to determine which items are leasable and present the proper lease-to-own pricing to the Shopper.

KeyTypeRequiredDescription
brandstringRequiredbrand: "Apple",
The brand or manufacturer of the line item.
descriptionstringRequireddescription: "iPhone SE 64GB Midnight",
A human readable description of the line item.
categorystringRequiredcategory: "Cell Phones",
A human readable description of the item category.
identifierstringRequiredidentifier: "MMX53LL/A",
A unique identifier or SKU for the line item.
imgUrlstringOptionalimgUrl: "",
The URL to a thumbnail image for the line item.
If an URL is not provided, the default Merchant logo will be used.
unitPricenumberRequiredunitPrice: 429.00,
The price for each quantity of the line item.
taxnumberRequiredtax: 31.10,
The total sales tax to be collected for all the items in the cart.
quantitynumberRequired quantity: 1,
The total quantity of the line item being purchased.
conditionstringRequiredcondition: "new",
The condition of the line item(s) being purchased.
Allowed values; "new", "used", "refurbished"
deliveryDatestringOptionaldeliveryDate: "2023-08-30"
The date that shopper will receive the line item(s).
YYYY-MM-DD

Connect prefill

Payment card

Connect prefill can populate the payment card information on your checkout page when you share payment field information. See the Experience guide to observe the payment card field prefill capabilities in action.

Using the querySelector() type, a Merchant can allow Connect to "find" (select) the siteConfig elements below and prefill the fields with our virtual card numbers. This creates a seamless checkout experience on your site.

KeyTypeRequiredDescription
cardNumberstringOptionalcardNumber: "#card-number-selector", Use this query selector to allow Connect to prefill a credit card number field with the card number of the Progressive Leasing Virtual Card on the Merchant checkout page.
cvvstringOptionalcvv: "#cvv-selector", Use this query selector to allow Connect to prefill a CVV number field with the CVV of the Progressive Leasing Virtual Card on the Merchant checkout page.
expirationstringOptionalexpiration: "#expiration-selector", Use this query selector to allow Connect to prefill the expiration date field with the expiration date of the Progressive Leasing Virtual Card on the Merchant checkout page.
namestringOptionalname: "#name-on-card-selector", Use this query selector to allow Connect to prefill a combined Shopper first and last name field with the name on the Progressive Leasing Virtual Card on the Merchant checkout page.
addressstringOptionaladdress: "#address-on-card-selector", Use this query selector to allow Connect to prefill the billing street address on the Merchant checkout page with the address associated with the Progressive Leasing Virtual Card.
citystringOptionalcity: "#city-on-card-selector", Use this query selector to allow Connect to prefill the billing city on the Merchant checkout page with the address associated with the Progressive Leasing Virtual Card.
statestringOptionalstate: "#state-on-card-selector", Use this query selector to allow Connect to prefill the billing state on the Merchant checkout page with the address associated with the Progressive Leasing Virtual Card.
zipstringOptionalzip: "#zip-selector" Use this query selector to allow Connect to prefill the billing billing zip code on the Merchant checkout page with the address associated with the Progressive Leasing Virtual Card.

Shopper information

When personal data is input by a Shopper on the Merchant site pages, providing this information to Connect prefill allows Connect to prefill the lease application fields as part of the experience, creating a streamlined application flow for the Shopper.

KeyTypeRequiredDescription
idstringOptionalId: "32355323456", The merchant identifier for the Shopper.
firstNamestringRequiredfirstName: "John", The first name of the Shopper.
lastNamestringRequiredlastName: "Doe", The last name of the Shopper.
emailstringRequiredemail: "[email protected]",The email address of the Shopper.
phonestringRequiredphone: "5555555554", The phone number of the Shopper.
address.shippingaddressRequiredThis is the shipping address of the Shopper. See address.
address.billingaddressRequiredThis is the billing address of the Shopper. See address.

Address

KeyTypeRequiredDescription
line1stringRequiredline1: "123 Main Street", The street address, line 1.
line2stringOptionalline2: "Apt. 206", The street address, line 2.
citystringRequiredcity: "No Where", The city.
statestringRequiredstate: "UT", The state.
zipstringRequiredzip: "84555", The zip or postal code.
countrystringOptionalcountry: "United States", The country.
customer: {
                id: "32355323456",
                firstName: "John",
                lastName: "Doe",
                email: "[email protected]",
                phone: "5555555554",
                address: {
                    shipping: {
                        line1: "123 Main Street",
                        city: "No Where",
                        state: "UT",
                        zip: "84555"
                    },
                    billing: {
                    line1: "321 South Street",
                        city: "Some Where",
                        state: "UT",
                        zip: "85444"
                    }
                }
            },

Callbacks

The below callbacks are used to relay state to the application implementing Connect.

Success

A successful checkout indicates that the Shopper's lease-to-own experience with Connect has completed and they will finalize checkout on the merchant site using the virtual card generated for the lease.

Callback URLs are also provided for the merchant to submit updates to Connect to add an order number and/or expected delivery date to the lease, in cases where they were not able to be provided with the required cart information.

KeyTypeRequiredDescription
idstringOptionalUnique identifier assigned to the Shopper's lease agreement.
deliveryConfirmationUrlstringOptional

If a delivery date for the Shopper's items was not provided at checkout, the onSuccess callback provides a deliveryConfirmationUrl Use the one-time url to provide updated delivery information, such as the expected delivery date.
deliveryConfirmationUrl payload:
{ "deliveryDate": "2023-09-22T20:43:16.101Z" }

orderConfirmationUrlstringOptional

If a order number for the Shopper's items was not provided at checkout, the onSuccess callback provides a orderConfirmationUrl. Use the one-time url to provide updated order details information, such as an order ID.
orderConfirmationUrl payload:
{ "orderId": "string" }

Cancel

The onCancel callback will be executed when the shopper exits Connect prior to completing the lease-to-own experience.

Failure

The onFailure callback will be executed when an unrecoverable error occurs during the Connect lease-to-own experience.

KeyDescription
errorMessagemessage to indicate the cause of the error

What’s Next

Ready to test? Check out our Test cases.