Exit Offer Agent

The Exit Offer Agent displays intelligent, AI-generated promotional modals to visitors who show signs of leaving your site—either through exit intent (moving cursor to close the tab) or extended idle time. By presenting compelling offers at these critical moments, you can recover potential lost sales and increase conversions.

Overview

Exit offers are designed to intercept visitors who have items in their cart but are about to leave. The agent tracks add-to-cart events, detects exit intent or idle behavior, and uses AI to generate personalized offers based on your promotional data. Each offer can include a discount code, compelling copy, and a call-to-action button.

How It Works

The Exit Offer Agent operates through a sequence of automated steps:

1. Cart Tracking: When a visitor clicks an "Add to Cart" button (configurable via CSS selectors), the agent records the product in session storage.
2. Trigger Detection: The agent monitors for exit signals—cursor moving toward the browser's close button, or the visitor being idle for a configurable period.
3. AI Generation: When triggered, the agent uses your promotional data to generate a personalized offer with compelling copy, discount details, and an optional coupon code.
4. Modal Display: The offer appears as a styled modal overlay with your branding, giving visitors one last chance to complete their purchase.

Trigger Methods

The Exit Offer can be triggered by two types of visitor behavior:

Exit Intent

Exit intent detection activates when a visitor moves their cursor toward the top of the browser window—typically indicating they're about to close the tab or navigate away. This is enabled by default and works on desktop browsers.

Idle Time

For visitors who become inactive, you can configure an idle timeout. After the specified period of no mouse movement or scrolling, the exit offer will display. This is particularly effective for capturing distracted shoppers who may have forgotten about their cart.

Data Source

The Exit Offer Agent requires a Product & Promotions data source to generate compelling offers. This data contains your product catalog with associated promotions, discount codes, and pricing information.

Key Promotion Fields

For optimal exit offers, ensure your promotional data includes:

• discountCode: Coupon codes that can be copied and applied at checkout
• promotionText: Compelling promotional messaging (e.g., "Save 25% on your order!")
• promotionValue: The discount amount for AI to reference in generated copy
• validUntil: Expiration dates create urgency in the offer messaging

Content Customization

The Exit Offer Agent provides extensive options for customizing the offer content and behavior.

Offer Content

• Headline: The main attention-grabbing text at the top of the modal (e.g., "Wait! Don't leave yet!")
• AI Generation: Enable AI to dynamically generate offer copy based on cart contents and your promotional data, or provide static content for precise control.
• CTA Button Text: Customize the call-to-action button label (e.g., "Continue Shopping", "Apply Discount")
• CTA Link: Optionally link the button to a specific page like your cart, checkout, or a promotional landing page.

Trigger Settings

• Enable Exit Intent: Toggle mouse-based exit detection on or off.
• Idle Time Trigger: Set the number of seconds of inactivity before triggering the offer (0 to disable).
• Show Once Per Session: Prevent multiple offers during a single browsing session to avoid annoying visitors.

Add to Cart Tracking

Configure how the agent detects add-to-cart actions:

• Button Selector: CSS selector for your add-to-cart buttons (default: common patterns like .add-to-cart, [data-action="add-to-cart"])
• Checkout Path: URL path pattern for your checkout page—used to clear tracking when a purchase is completed.
• Excluded Paths: Page patterns where the exit offer should never display (e.g., checkout, thank-you pages).

Styling

The Exit Offer modal can be fully customized to match your brand using the visual styling editor in your dashboard.

Modal Appearance

• Background Color: The modal's main background color.
• Overlay Color & Opacity: The dimmed backdrop behind the modal.
• Border Radius: Control how rounded the modal corners appear.
• Border Style: Add optional borders with customizable color and width.

Typography

• Font Family: Choose from system fonts or specify a custom web font.
• Headline Style: Customize the headline color, size, and weight.
• Body Text Style: Set the offer description text styling.

Button & Code Box

• Primary Button: Customize the CTA button color, text color, and hover states.
• Discount Code Box: Style the coupon code display area with background color, border, and copy button appearance.
• Close Button: Customize the dismiss button color and position.

Analytics

BadgerFy.ai tracks comprehensive metrics to help you measure and optimize your exit offer performance:

• Offer Displays: How many times the exit offer was shown to visitors.
• CTA Clicks: Click-through rate on the call-to-action button.
• Code Copies: How many visitors copied the discount code.
• Dismissals: How often visitors closed the modal without engaging.
• Conversions: Track attributed sales when exit offer recipients complete purchases (requires conversion tracking setup).

Best Practices

• Offer Real Value: Ensure your promotional data includes meaningful discounts. A compelling offer converts better than a generic message.
• Include Discount Codes: Visitors are more likely to convert when they can copy a code directly from the modal.
• Optimize Timing: Test different idle time thresholds to find the sweet spot—too short feels intrusive, too long misses opportunities.
• Exclude Checkout Pages: Never show exit offers on checkout or confirmation pages where visitors are already converting.
• Match Your Brand: Style the modal to feel like a natural part of your site, not a disruptive popup.