Launcher Styles

Overview

Every Website AI Agent uses one of two Launcher Styles. Launcher Style does more than change how your AI Agent looks. It controls how visitors discover and enter the conversation.

• Classic Bubble places the familiar floating chat launcher in the bottom-right corner of the website.
• Conversation Bar places a persistent conversational entry point at the bottom-center of the website.

Both use the same AI Agent and support the same conversation capabilities. Both support Suggested Prompts and Per-Page Suggested Prompts. Each provides a different way for visitors to discover and enter conversations. Classic Bubble remains the default.

Classic Bubble

Classic Bubble places the familiar floating chat launcher in the bottom-right corner of your website. It remains available as visitors move through your site and opens the full conversation experience when clicked or tapped. Classic Bubble is the default Launcher Style for all Website AI Agents.

Suggested Prompts

Suggested Prompts can appear near the bottom-right launcher before the conversation is opened. Visitors can select a Suggested Prompt to begin a conversation. Per-Page Suggested Prompts can replace general prompts based on the page being viewed. Visitors can also open the launcher and ask their own question.

Best Fit

Classic Bubble is a strong choice for:

• Websites that prefer the familiar bottom-right chat experience
• Websites where the AI Agent should remain available in a compact floating launcher
• Existing ChatSpark customers who want to keep their current launcher experience
• Websites that use the traditional chat pattern as part of their customer experience

Conversation Bar

The Conversation Bar creates a persistent conversational entry point centered at the bottom of the website. It helps visitors discover what they can ask, explore suggested topics, enter their own question, and return directly to an existing conversation.

The Conversation Bar moves through three connected states:

1. Collapsed
2. Expanded
3. Conversation Open

Collapsed State

The Conversation Bar remains centered at the bottom of the website at all times. What appears inside the collapsed bar depends on whether the visitor has an existing conversation.

No existing conversation:

• Suggested Prompts cycle inside the collapsed bar
• The cycling text gives visitors examples of what they can ask
• The visitor clicks or taps the bar to explore the conversation
• The full conversation window remains closed until the visitor chooses a prompt or asks a question

Existing conversation:

• Cycling Suggested Prompts are replaced by a contextual continuation prompt
• For example: “Continue discussing pricing”
• The continuation prompt can reflect the topic of the existing conversation
• Clicking or tapping the bar opens the existing conversation directly
• The full conversation history is restored
• The visitor can continue exactly where they left off

Expanded State

After a visitor clicks or taps the Conversation Bar when no existing conversation is available, the bar expands while remaining centered at the bottom of the website.

• Up to four Suggested Prompts appear above the input and animate into view
• The visitor can select a Suggested Prompt
• The visitor can type their own question
• The visitor can press Enter or use the send button to begin the conversation
• Clicking outside the expanded experience returns it to the collapsed state
• The visitor can press Escape to return it to the collapsed state on desktop
• Any text the visitor has entered is preserved if the bar is collapsed and reopened

The expanded state gives visitors a lightweight way to explore what they can ask before opening the full conversation experience.

Conversation Open State

After the visitor asks a question or selects a Suggested Prompt, the full conversation surface opens above the Conversation Bar.

• The Conversation Bar remains centered at the bottom as the conversation composer
• The composer keeps the same visual language as the collapsed and expanded bar
• The visitor can continue typing naturally throughout the conversation
• Suggested follow-up prompts continue to appear inside the conversation when available
• The composer grows vertically as the visitor types longer messages
• Pressing Enter sends a message
• Pressing Shift and Enter adds a new line
• The conversation can be closed and reopened later

The Conversation Bar remains the consistent entry point and composer throughout the experience, creating a continuous path from discovering a topic to having a full conversation.

Why Choose the Conversation Bar

The Conversation Bar makes the opportunity to interact with your AI Agent visible directly on the page. Suggested topics help visitors understand what they can ask, while the expanded state gives them a choice between selecting a prompt or entering their own question.

• The AI Agent becomes a visible part of the website experience
• Visitors can discover relevant questions before opening the full conversation
• Page-aware prompts can adapt the experience to the content being viewed
• Visitors can choose a suggested topic or ask their own question
• Returning visitors can continue an existing conversation directly
• The same conversational entry point becomes the composer when the full conversation opens
• The experience remains centered at the bottom of the website across each state

Comparing Launcher Styles

Classic Bubble is a strong fit when:

• You want a familiar bottom-right chat experience
• You want a compact floating launcher
• Your website already uses the traditional chat pattern
• You want visitors to open the full conversation experience directly

Conversation Bar is a strong fit when:

• Starting conversations is an important website goal
• You want the AI Agent to feel more integrated into the website experience
• You want Suggested Prompts to help visitors discover what the AI Agent can do
• You want a persistent conversational entry point centered at the bottom of the website
• You want visitors to explore suggested topics before opening the full conversation
• You use landing pages, lead capture flows, product pages, pricing pages, or other high-intent experiences
• You want returning visitors to reopen an existing conversation directly from the launcher

Suggested Prompts

Suggested Prompts work with both Launcher Styles. Visitors see conversation starters whether you use Classic Bubble or Conversation Bar.

Classic Bubble:

• Suggested Prompts appear near the bottom-right launcher
• Visitors can select a prompt to begin a conversation
• General Suggested Prompts can be configured in the AI Agent settings

Conversation Bar:

• Suggested Prompts cycle inside the collapsed bar, giving visitors a preview of what they can ask
• Clicking or tapping the bar reveals the available prompts above the input
• Visitors can select a prompt or type their own question
• Once the conversation is open, relevant suggested follow-up prompts continue to work inside the conversation experience

Per-Page Suggested Prompts

Per-Page Suggested Prompts work with both Launcher Styles. ChatSpark automatically uses the prompts assigned to the current page URL regardless of which launcher is active.

• Classic Bubble displays the relevant page-specific prompts near the bottom-right launcher
• Conversation Bar cycles the relevant page-specific prompts in the collapsed state
• Conversation Bar displays the relevant page-specific prompts when expanded

This allows the conversational entry experience to adapt to the context of the page being viewed.

Returning to an Existing Conversation

ChatSpark detects when the visitor already has a conversation in the current session. When an existing conversation is found, the Conversation Bar responds differently than it does for new visitors.

• The Conversation Bar stops cycling general Suggested Prompts
• It displays a contextual continuation prompt based on the existing conversation
• For example: “Continue discussing pricing”
• Clicking or tapping the bar opens the existing conversation directly
• The full conversation history is restored
• The visitor can continue without sending a new message first

The continuation prompt can reflect the topic of the existing conversation rather than always using a generic label, giving returning visitors a clear signal that their conversation is ready to continue.

Mobile Behavior

Both Launcher Styles are fully responsive and adapt to mobile screens.

Classic Bubble on mobile:

• Positioned in the bottom-right corner
• Adapts to smaller screens
• Respects device safe areas on notched devices

Conversation Bar on mobile:

• Remains centered at the bottom of the screen
• Adapts its width for smaller screens
• Does not automatically open the mobile keyboard when initially tapped
• The visitor intentionally taps into the input before the keyboard opens
• The full conversation experience adapts to the available mobile viewport

Bottom Banner Awareness

ChatSpark checks for fixed elements at the bottom of the website. Common examples include cookie consent banners and promotional bars.

• When a bottom banner is present, the launcher automatically moves above it
• The launcher returns to its normal position after the banner is dismissed
• This works with both Classic Bubble and Conversation Bar
• Classic Bubble remains aligned to the bottom-right after the shift
• Conversation Bar remains centered at the bottom after the shift

Change Your Launcher Style

You can update your Launcher Style at any time from the AI Agent settings.

1. Go to AI Agents
2. Open the Website AI Agent you want to edit
3. Select the Settings tab
4. Find Launcher Style
5. Choose Classic Bubble or Conversation Bar
6. Click Update Agent

Your selected Launcher Style will appear on your website after the agent is updated.