Tooltip Settings

Configure tooltip messages that appear near your chat bubble to encourage user interaction.

What is a Tooltip?

A tooltip is a small message box that appears near the chat bubble, inviting users to start a conversation. It's an effective way to increase engagement without being intrusive.

Tooltip Content

Message Text

The tooltip message should be friendly, concise, and action-oriented. Good examples:

✓ Good Examples

"Need help? Chat with us!"
"Have questions? We're here!"
"👋 Hi! How can we help?"
"Chat with our AI assistant"
"Ask me anything!"

✗ Avoid

"Click here to open chat widget"
"Customer support is available"
Long paragraphs of text
Generic "Chat" or "Support"
Overly formal language

Writing Tips

Keep it under 50 characters, use emojis sparingly, address the user directly, and focus on benefits.

Personalization

Make tooltips more engaging with dynamic content:

Tooltip Timing

Show Delay

Control when the tooltip appears after page load:

Immediate (0s): Shows right away - good for urgent help offers
Short (2-3s): Gives users time to orient themselves first
Medium (5-7s): Appears after initial page exploration
Long (10s+): Only shows if user seems stuck or idle

Auto-Hide

Tooltips can automatically hide after a duration:

No Auto-Hide: Tooltip stays until user interacts
5 seconds: Quick peek to minimize distraction
10 seconds: Reasonable time to read and decide
15+ seconds: Plenty of time for slower readers

Show Once

Configure whether the tooltip appears on every visit or just once:

Best Practice

For returning visitors, consider showing the tooltip only once or using a less prominent message to avoid annoyance.

Tooltip Appearance

Position

Control where the tooltip appears relative to the bubble:

Above

Appears above the bubble. Good when bubble is at bottom of screen.

Left/Right

Appears beside the bubble. Best for longer messages.

Position is automatically adjusted on mobile to prevent overflow off screen edges.

Styling

Customize tooltip colors and appearance:

Background Color: Typically matches bubble or uses brand colors
Text Color: Must have sufficient contrast with background
Border Radius: Rounded corners for modern look (default: 8px)
Shadow: Subtle drop shadow for depth and separation

Animation

Choose how the tooltip appears:

Fade In

Smooth opacity transition. Subtle and professional.

Slide In

Slides from bubble direction. More noticeable.

Scale

Grows from small to full size. Playful and attention-grabbing.

Interactive Tooltips

Close Button

Allow users to dismiss the tooltip without opening chat:

When to Include:

Tooltip stays visible for a long time
Message is prominent or large
You want to give users explicit control

Click Actions

Configure what happens when users click the tooltip:

Tooltip Analytics

Track tooltip effectiveness with built-in analytics:

View Rate: Percentage of visitors who saw the tooltip
Click-Through Rate: Percentage who opened chat after seeing tooltip
Dismiss Rate: Percentage who manually closed the tooltip
A/B Testing: Compare different tooltip messages to optimize engagement

Optimization

Use analytics to refine your tooltip message and timing. Small changes can significantly impact engagement rates.

Next: Customize Appearance

Learn how to customize colors, fonts, and the overall visual design of your widget.

Appearance Settings →