In-Browser Messaging is currently in Beta. Features and SDK contracts may change before general availability. Contact your Customer Success Manager for access.
In-Browser Messaging lets marketers deliver personalized web experiences—such as promotional banners, modal overlays, and inline content replacements—directly on a customer's website. Unlike email or push notifications, in-browser messages are rendered inside the browser while the user is actively browsing, making them ideal for contextual promotions, cart reminders, and time-sensitive announcements.
All targeting and personalization decisions are handled server-side by Real-Time Personalization 2.0 (RT 2.0), so the client-side footprint remains minimal.
In-Browser Messaging supports two delivery modes:
| Type | Description | Best For |
|---|---|---|
| Popup | Displays a message in an overlay on top of the page to capture attention without changing existing content. | Welcome offers, exit-intent promotions, announcements |
| Inline | Inserts your message directly into the page, replacing existing content for a seamless, native experience. | Sale banners, cart coupon reminders, product-level promotions |
Message type is selected at creation time and cannot be changed after a campaign is saved.
In-Browser Messaging is built on Real-Time Personalization 2.0. The delivery flow is:
See Setup & Prerequisites for the full list of requirements before creating a campaign.
In-Browser Message campaigns follow this status lifecycle:
| Status | Description | Editable? |
|---|---|---|
| Draft | Created but not yet delivered. | ✅ All settings |
| Live | Actively delivering to eligible users. | ❌ Pause first to edit |
| Paused | Delivery stopped; can be resumed. | ✅ All settings |
| Finished | Manually completed; cannot be reactivated. | ❌ |
Campaigns in Draft or Finished status can be deleted. Message type and content become immutable once a campaign goes Live or is Finished.
Each campaign is created through two steps — Target Audience and Message Content — followed by Launch. The steps are the same regardless of message type; only the content configuration differs between Popup and Inline.
Select the guide for your message type:
- Create a Popup Campaign — modal overlay with the drag-and-drop editor
- Create an Inline Campaign — DOM replacement with the HTML/CSS code editor
Engage Studio provides the Engage Studio — Web Message Previewer Chrome Extension to help marketers identify target DOM elements on the live website and preview campaign content before launch — without writing CSS selectors by hand.
The Extension is an authoring assist tool only — the delivery architecture has no dependency on it. Customers who cannot install the Extension can still specify CSS selectors manually using browser DevTools.
➡️ Install and use the Web Message Previewer
Display an inline sale banner on a product detail page only during an active sale period. Configure entry criteria in RT 2.0 to check the current time against the product's sale window, and use a Zone ID targeting the banner area (for example, #product-banner-area).
When a user adds a product to the cart, show a coupon reminder icon if an applicable coupon exists. RT 2.0 evaluates the user's coupon list against the added product and returns the reminder content if a valid, applicable coupon is found.
Setup & Prerequisites
Install the TD Web SDK and configure RT 2.0 prerequisites.
Create a Popup Campaign
Build a modal overlay campaign with the drag-and-drop editor.
Create an Inline Campaign
Replace a DOM element with personalized HTML content.
Personalize Message Content
Use Profile Variables and Liquid syntax to personalize messages.
Web Message Previewer
Visually select DOM elements and preview campaigns before launch.
Troubleshooting
Diagnose and resolve common In-Browser Messaging issues.