Experience Generator

Customize and download interactive simulated experiences for your demos

Select Experience

Configuration

Let's set up your Demo

Customize your experience below. Preview updates in real-time.

A few quick questions—think of it as a short interview, not a database form. Your preview updates as you go; you can change anything later.

Subject Line

Email Subject Line Subject line for the email

Branding

Brand Name

Marketing Sender Avatar Avatar for email and SMS/WhatsApp chat headers. Max file size: 10MB

Logo File Upload your brand logo. Max file size: 10MB

Logo Width

Primary Hex Color

Used for buttons and branded elements

Headline Text Color

Messaging Conversation

AI agent name Shown in the SMS / WhatsApp chat header

SMS appearance

Appearance Mirrors the recipient's phone theme. Downloaded HTML respects this choice.

WhatsApp appearance

Appearance Mirrors the recipient's phone theme. Downloaded HTML respects this choice.

RCS brand kit

Preview device Switches the preview chrome. Downloaded HTML respects this choice.

Appearance Applies to both Android and iOS chrome, mirroring the recipient's phone theme.

Brand name Shown in the verified header on-device.

Brand color

Brand logo Square, ideally 224×224. Shown as the avatar in the thread header AND as the round logo on the brand-info card.

Contact-info banner (Android detail page only) Wide, ideally 1440×448. Shows at the top of the brand contact-info page — the page a recipient sees when they tap the sender name in an Android thread. Not the same as the video/image inside a rich card.

Contact info: Website Shown on the brand contact-info page (iOS + Android detail).

Contact info: Email Shown on the brand contact-info page (iOS + Android detail).

Contact info: Phone Shown on the Android contact-info page.

Contact info: Terms & Conditions URL Shown on the iOS contact-info page.

Show verified checkmark Android only — iOS Messages doesn't surface a verified badge in the thread header.

Email Template

Hero Image Upload a custom hero image. Max file size: 10MB

Headline Main text in the blue/brand banner

Sub-headline Text above the main body paragraphs

2-Column Copy: Left

2-Column Copy: Right

2-Column Text Color

2-Column Section Background Color

Background color for the 2-column feature section

Body Main message content

Show bullet points Turn off for use cases where the 3-bullet list gets in the way. When off, all three bullets are hidden in the preview and download.

Bullet Point 1

Bullet Point 2

Bullet Point 3

Reply Prompt Headline Bold headline just above the CTA button ("💬" emoji is fixed)

Reply Prompt Body Explanatory copy under the headline

CTA Button Text

CTA Button Color

Defaults to Primary Brand Color

Customer Profile

Customer Name

Customer Email

Customer Avatar Avatar for the customer/user. Max file size: 10MB

Customer Title

Customer Company Company name for customer signature

Customer Mobile Mobile number for customer signature

Address Organization address for email footer

AI Agent Settings

Virtual Agent Name Name of your AI virtual advisor

Agent Avatar Avatar for the virtual assistant. Max file size: 10MB

Customer & Agent Messages Messages Thread builder

Configure the back-and-forth conversation that happens after the initial marketing email. Add customer replies and agent responses in order. Add messages in order. Attach images for MMS-style demos. The live preview is the only preview. Add messages in order. Brand messages auto-play; recipient messages wait for a tap. Tap the first chip or card button during a live demo to drive the primary story arc.

🎨 Configure Your Demo Journey

Configure each step below. Your visitor will experience: Anonymous homepage → Product deep-dive → AI chat → Personalized offer → Form submission → Authenticated return visit.

1 2 3 4 5 6

Brand & Customer

✨ Draft this whole page with AI Tell us who the customer is, copy the prompt into Granola / Slack Claude / ChatGPT, then paste its reply back here and we'll fill every field below.

1 · Company / brand Their existing website What's the scenario? (optional)

Paste it into your AI tool of choice — Granola, Slack Claude, ChatGPT, Gemini — then copy its reply.

3 · Paste the AI's reply here

Fills all the copy below (and any image URLs the AI found). Review and tweak before downloading.

Brand Name

AI Agent Name Used in chat title, greetings, and “Ask … in chat” links

Logo URL

Primary Color

Accent Color

Sample Customer

First name

Last name

Phone

Company

ZIP Code

Hero Banner Gradient

Homepage Content

Business Line & Scenario

Home Page Content

Customize the home page hero section. Hero text will default to industry-appropriate copy.

Hero Image URL

Hero Eyebrow Text Small text above the main heading

Hero Heading Main headline on the home page

Hero Paragraph 1 First paragraph below the heading

Hero Paragraph 2 Second paragraph below the heading

Main CTA Button Text Button on the anonymous homepage hero

Market Insights Section

Section Heading

Section Subtitle

Insight 1 — Image

Insight 1 — Eyebrow

Insight 1 — Title

Insight 1 — Body

Insight 2 — Image

Insight 2 — Eyebrow

Insight 2 — Title

Insight 2 — Body

Insight 3 — Image

Insight 3 — Eyebrow

Insight 3 — Title

Insight 3 — Body

Category Page

Category Page Content

This detail page appears after clicking the main CTA button. Customize hero, services, and insights sections.

Category Hero Title Main heading on category page

Category Hero Subtitle Subtitle text below category heading

Category Hero Image URL

Background image for the category (detail) page hero

Core Services Heading Heading for the services section

Service 1 Icon (Font Awesome class) ℹ️ Icon class for service 1 (e.g., fa-chart-line)

Service 1 Title

Service 1 Description

Service 2 Icon (Font Awesome class) ℹ️ Icon class for service 2 (e.g., fa-handshake)

Service 2 Title

Service 2 Description

Service 3 Icon (Font Awesome class) ℹ️ Icon class for service 3 (e.g., fa-calculator)

Service 3 Title

Service 3 Description

Why Choose Us Title

Why Choose Us Text

Why Choose Us Image URL

Image beside the “Why Us” section on the detail page

Market Insights Heading Heading for the insights section at bottom

Market Insights Intro Text Introduction text for insights section

Insight Article 1 Title

Insight Article 2 Title

AI Chat Conversation

Chat Header Title

Agent Greeting

Customer Message

Agent Response

Offer Presentation

Overlay Frame

Overlay Headline

What supporting sentence should appear under it?

Any small footer note (e.g. product line or disclaimer)?

Offer Cards

Card 1

This is the recommended pick

What should the ribbon say when this one is recommended?

Which icon fits this offer? (Font Awesome class, e.g. fa-car) ℹ️

Short tag above the title

Main title for this option

First metric label

First metric value

Second metric label

Second metric value

Third metric label (optional)

Third metric value (optional)

First bullet—what should stand out?

Second bullet

Third bullet

Fourth bullet

Any bundle or extra callout? (optional)

Button text on this card

Card 2

This is the recommended pick

What should the ribbon say when this one is recommended?

Which icon fits this offer? (Font Awesome class, e.g. fa-car) ℹ️

Short tag above the title

Main title for this option

First metric label

First metric value

Second metric label

Second metric value

Third metric label (optional)

Third metric value (optional)

First bullet—what should stand out?

Second bullet

Third bullet

Fourth bullet

Any bundle or extra callout? (optional)

Button text on this card

Card 3

This is the recommended pick

What should the ribbon say when this one is recommended?

Which icon fits this offer? (Font Awesome class, e.g. fa-car) ℹ️

Short tag above the title

Main title for this option

First metric label

First metric value

Second metric label

Second metric value

Third metric label (optional)

Third metric value (optional)

First bullet—what should stand out?

Second bullet

Third bullet

Fourth bullet

Any bundle or extra callout? (optional)

Button text on this card

Handoff Form

Modal Title Top of the handoff modal

Modal Subtitle

Personalized Return Visit

Hero Section

In the preview, should we show a distinct "welcome back" hero image?

Only toggles the personalized layout in this preview; the anonymous homepage always uses step 2's hero.

If yes, what image should we use for that moment?

URL or upload—same Cloudinary flow as elsewhere

What headline should greet them by name?

Welcome Back Subtext

Content Tiles

Tile 1 Image

Tile 1 — Eyebrow

Tile 1 — Title

Tile 1 — Body

Tile 2 Image

Tile 2 — Eyebrow

Tile 2 — Title

Tile 2 — Body

Tile 3 Image URL

Tile 3 — Eyebrow

Tile 3 — Title

Tile 3 — Body

AI Copilot

Guided copy suggestions and SE assist will land here in a future update. Use Your demo for the Adaptive Web walkthrough (steps 1–6) and Talk track for email and messaging body content.

Download your customized HTML file and run it locally on your machine

Live Preview

See your changes in real-time

Loading preview...