Checkout+: Storefront Best Practices
OVERVIEW
This article covers storefront best practices for Checkout+, including cart placement, button configuration, attach rate optimization, branding customization, and mobile optimization. These recommendations are based on data from top-performing merchants and are designed to help you maximize your Checkout+ attach rate without hurting checkout conversion.
Use the menu on the left to quickly navigate this article.
Best Practices
Please review the best practices below to ensure your storefront delivers a great Checkout+ experience for shoppers.
Important: The first three best practices are requirements for merchants on the Checkout+ rev-share model to ensure healthy attach rates.
1. Put Checkout+ in the cart (Required)
Cart placement is the single most impactful decision you can make. The two-button cart experience consistently outperforms checkout-only placements. If Checkout+ is only shown at checkout, you're leaving attach rate on the table.
The example below shows Checkout+ placed directly in the cart using the two-button experience.
2. Use the two-button experience (Required)
One button adds Checkout+ protection; the other declines. Opt-in framing with full price visibility is what drives high attach rates for top-performing merchants.
Important rules for the two-button setup:
The Checkout+ button must be on top
It must use your prominent, primary brand color
Switching the button order or using a secondary color is directly linked to lower attach rates
The example below shows the correct two-button setup, with the Checkout+ button on top in the primary brand color.
Important: Do not swap button order or use secondary/muted colors for the Checkout+ button. Both changes measurably reduce attach rate.
3. Remove competing buttons from the cart (Required)
When Checkout+ is live in the cart, no other buttons should compete with the Checkout+ decision. Extra buttons — whether quick-pay options like Shop Pay and Amazon Pay, or navigation buttons like "Continue Shopping" — create confusion at a critical moment in the shopper journey and directly hurt attach rate.
Below are examples of what not to do:
4. Add the Recommended tag
Display a "Recommended" tag on the Checkout+ cart item with a customizable color theme. This reinforces the Checkout+ option as the preferred choice for shoppers.
To enable it, navigate to Admin > Returns Management > Shopper Experience > Checkout+ customizations, or go directly to this page in admin. In the Cart styles section, toggle Recommended tag on and select a color theme to match your brand.
Learn more about Checkout+ UI customization.
The screenshot below shows the Recommended tag toggle in the Cart styles section.
5. Add branding to customize Checkout+
You can add a custom banner image to the info modal header to reinforce your brand at the moment shoppers are evaluating the offer.
These brand customizations are available at Admin > Returns Management > Shopper Experience > Checkout+ customizations, or directly at this admin page.
Learn more about Checkout+ UI customization.
The screenshot below shows where to add your custom banner image for the info modal header.
6. Optimize across web and mobile
Use the mobile/desktop preview toggle in the Checkout+ content customizations section in admin to verify the cart experience, modal, and button sizing look right at both screen sizes before going live.
Check for the following on mobile specifically:
Tap-target sizing on small screens
Copy length: make sure it doesn't truncate awkwardly
Confirm the Checkout+ block isn't getting cut off or pushed below the fold
Use the Desktop/Mobile preview toggle to see how the info modal looks across screen sizes before saving
Learn more about Checkout+ UI customization.
The screenshot below shows the Desktop/Mobile preview toggle in admin.
7. Make the decline a text link (Optional)
Displaying button #2 (the decline option) as a text link instead of a full button is available as a customization. This may increase attach rate by making the non-Checkout+ option less visually prominent to button #1, but may reduce clarity for some shoppers.
The example below shows the decline option displayed as a text link instead of a full button.
Please contact your Merchant Success Manager or reach out to support@loopreturns.com with any additional questions.









