What does this feature do?
When users click links in your website, instead of taking them to a new page, it opens the content in a slider on the same page. Users stay exactly where they are!
How do I set it up?
Add your website links to the chat setup in previewLinks
var helloConfig = {
widgetToken: "your_token_here",
previewLinks: [
"/faq/*",
"/help*",
"https://anoterDomain.com/pricing"
]
};
initChatWidget(helloConfig, 5000);How does it work?
Without this feature: User clicks link тЖТ Goes to new page тЖТ Might not come back
With this feature: User clicks link тЖТ Content pops up on same page тЖТ User stays put
тЬЕ What links can I add?
1. Exact pages
Use the full page URL if you only want to match one specific page.
Example:
https://yoursite.com/contact2. Sections or multiple pages
Use the * symbol as a wildcard to match multiple pages.
Examples:
*/faq/*тЖТ matches any page that has/faq/in the URL/help*тЖТ matches any page that starts with/help(like/help-center,/help123, etc.)
Why use this?
ЁЯОп Users don't leave your site
No more losing visitors to other pages or distractions
ЁЯШК Smoother experience
Users can read your content AND continue interacting without switching pages
ЁЯТ░ Better for business
People are more likely to buy/sign up when they stay on your site
ЁЯУ▒ Perfect for mobile
No jumping between tabs or apps
What's it perfect for?
FAQ pages
Pricing information
Help guides
Product details
Contact forms
Quick help
Metting schedule and moreтАж
ЁЯЫая╕П Quick setup tips:
Only use public URLs тАФ protected or login-required pages wonтАЩt work.
Start with 3тАУ5 key pages your visitors ask about most.
Test each link to make sure it loads well in the side panel.
Pick helpful, high-traffic pages your users actually need.
Bottom line:
This keeps your visitors engaged and on your website while giving them the information they need - all without them leaving the page they're on.
It's like having a helpful slider that shows exactly what they're looking for!