Cancel-Intent Downsells — RUTHH COD Form & Upsells
Goal and Expected Result
Section titled “Goal and Expected Result”Configure Sales Booster → Downsells (/app/sales-booster/downsells) to present a recovery discount modal (cod_downsell.v1_snapshot) when a shopper attempts to close the popup COD form without submitting their order.
Preconditions
Section titled “Preconditions”- Your store uses Popup (
POPUP) form mode (since cancel-intent triggers when the shopper clicks the modal close button or backdrop).
Numbered Instructions
Section titled “Numbered Instructions”1. Create or Edit a Downsell Offer
Section titled “1. Create or Edit a Downsell Offer”- Navigate to Sales Booster → Downsells (
/app/sales-booster/downsells). - Toggle the Downsell offer to Enabled.
- Configure the discount rule:
- Discount Type:
PERCENTAGEorFIXED_AMOUNT(in your shop currency minor units). - Discount Value: Enter the discount percentage or amount.
- Discount Type:
2. Customize the Recovery Modal Content & Styling
Section titled “2. Customize the Recovery Modal Content & Styling”- Customize the modal text fields:
- Headline & Subheadline: Explain the limited-time recovery offer (for example,
Wait! Complete your order now and save 10%). - Discount Badge: Highlight the savings clearly.
- Accept CTA Button & Decline Button Labels: Customize the accept button (which applies the discount and returns the buyer to the COD form) and the decline button (which closes the modal).
- Headline & Subheadline: Explain the limited-time recovery offer (for example,
- Preview the modal styling in the live preview panel and click Save in the SaveBar to publish
cod_downsell.v1_snapshot(downsell/v1).
Warnings and Edge Cases
Section titled “Warnings and Edge Cases”Troubleshooting Steps
Section titled “Troubleshooting Steps”- Downsell modal does not appear in Embedded mode: Because Embedded forms sit inline on the product page rather than inside a dismissible modal overlay, cancel-intent downsell modals apply to
POPUPmode.