Checkout Plus Setup

Corso Checkout Plus makes it easy to display buyer consent for premium services like delivery protection. This guide walks through setting it up in just a few steps.

1. Add the Checkout Plus Script

Start by navigating to the Checkout Plus tab in your Corso Admin Dashboard.

In the top-right corner, click More Actions.
Select Add Script from the dropdown menu.

Once added, you’ll see the script status update to Configured.

If you’re migrating from a previous script version, you may also use Remove Deprecated GSP Script to clean up legacy code.

2. Configure Products (if needed)

If your store uses Corso variants in inventory, click Configure Products under More Actions.

This ensures Corso’s Checkout Plus elements are linked properly to your store’s product catalog and inventory.

3. Adjust Checkout Button Selectors

Next, define selectors so Checkout Plus can attach to your theme’s checkout elements.

Scroll to the Checkout Button section.
Under Selectors, add the CSS selector that targets your checkout trigger.

These selectors must be present on your live theme and must reference clickable elements. Corso uses these to track when checkout is initiated.

Checkout Plus Selector Guide Learn how to select the right CSS classes or attributes to target your cart and checkout elements.

4. Configure the Checkout Plus Elements

You’ll now configure both elements that power the Checkout Plus experience.

Checkout Plus Info

This element displays the “Checkout + Delivery Guarantee” information, typically above the checkout button.

Type: Checkout Plus Info
Selectors: Add selectors for placement (e.g. .cart__ctas, #cart-notification__links)
Insert Strategy: Controls if the element is inserted before or after the target
Optional Fields:
- Title (e.g. Checkout + Delivery Guarantee)
- Description (e.g. For lost, damaged, or stolen packages)
- Image URL (a hosted image)

Opt-Out Checkout Button

This lets customers check out without the added service.

Type: Opt-Out Checkout Button
Selectors: Add selectors for the button container (e.g. .cart__ctas, #cart-notification-form)
Insert Strategy: Leave as default unless your layout requires custom placement
Optional Fields:
- Button Title (e.g. Checkout without delivery guarantee)

5. Customize with Corso Variables (Optional)

You can apply Custom CSS to both elements using Corso’s available variables.

Checkout Plus Variables See the full list of customizable variables available for the Checkout Plus widget.

Checkout Plus Visual Guide A breakdown of each element and how it appears on the storefront.

6. Turn On Checkout Plus

Once everything is configured:

Click the Turn On button at the top-right of the page
Verify that the Checkout Plus elements appear in your cart and/or checkout drawer

You’re now fully set up with Checkout Plus!

Still Not Getting the Results You Want?

We are always happy to help! Please don’t hesitate to reach out to our support team!