Page Visibility Settings
Control exactly which pages display your chat widget. Show it everywhere, hide it on specific pages, or show it only on selected pages.
Quick Start
Want to show your widget only on the homepage? Here's how:
- Go to your chatbot Settings → Embed tab
- Select "Show only on specific pages"
- Click the
/ (homepage)quick add button - Click "Save Changes"
Display Modes
Show on all pages
Widget appears everywhere on your website. This is the default behavior.
Best for: General customer support, sales assistance, or when you want maximum availability.
Hide on specific pages
Widget is hidden only on pages you specify. Appears everywhere else.
Best for: Hiding on admin panels, checkout flows, or login pages where the widget might be distracting.
Show only on specific pages
Widget appears only on pages you specify. Hidden everywhere else.
Best for: Showing only on landing pages, pricing pages, or specific product pages.
Understanding Match Types
Important: Use page paths, not full URLs
Enter only the path after your domain. No need to include https://, http://, or www.
/pricingWrong: example.com/pricingExact path
Matches only the exact page you specify
/example.com/ (homepage only)
example.com/about, example.com/pricing
/pricingexample.com/pricing
example.com/pricing/enterprise, example.com/pricing-old
/contactexample.com/contact
example.com/contact-us, example.com/contact/sales
URL includes
Matches any page that contains the text you specify
/blogexample.com/blog, example.com/blog/post-1, example.com/blog/category/tech
example.com/about
/adminexample.com/admin, example.com/admin/users, example.com/admin/settings
example.com/administrator (different word)
/productexample.com/product, example.com/products, example.com/product/123
example.com/about
Step-by-Step Setup Guide
Go to Widget Settings
Navigate to your chatbot's settings page and click on the "Embed" tab.
Tip: You can find this at: Chatbots → Select your chatbot → Settings → Embed
Choose a Display Mode
Under "Page Visibility", select one of the three display modes based on your needs.
Tip: If you're unsure, start with "Hide on specific pages" - it's the most flexible option.
Add Page Rules
Enter the page paths where you want the rule to apply. Use the quick add buttons for common pages, or enter custom paths.
Tip: Remember: Only enter the path (e.g., /pricing), not the full URL (e.g., example.com/pricing)
Choose Match Type
Select "Exact path" to match only that specific page, or "URL includes" to match all pages containing that text.
Tip: Use "Exact path" for single pages, "URL includes" for entire sections like /admin or /blog
Save and Test
Click "Save Changes" and visit your website to verify the widget appears correctly on the intended pages.
Tip: Test on multiple pages and devices to ensure it works as expected
Common Scenarios
Show widget only on homepage
Display Mode:
Show only on specific pagesRules:
/→Exact pathThe forward slash (/) represents your homepage. Using "Exact path" ensures it only matches the homepage, not other pages.
Hide widget on admin pages
Display Mode:
Hide on specific pagesRules:
/admin→URL includesUsing "URL includes" with /admin will hide the widget on /admin, /admin/users, /admin/settings, and any other admin subpage.
Hide widget on login and signup
Display Mode:
Hide on specific pagesRules:
/login→Exact path/signup→Exact pathAdd separate rules for each page. Using "Exact path" ensures it only hides on those specific pages.
Show widget only on marketing pages
Display Mode:
Show only on specific pagesRules:
/→Exact path/pricing→Exact path/features→Exact path/contact→Exact pathAdd each marketing page as a separate rule with "Exact path" to show the widget only on those pages.
Hide widget during checkout
Display Mode:
Hide on specific pagesRules:
/checkout→URL includesUsing "URL includes" with /checkout will hide on all checkout steps: /checkout, /checkout/shipping, /checkout/payment, etc.
Troubleshooting
Widget still shows on a page I want to hide
Check that you've saved your changes (look for the "Unsaved changes" badge)
Verify the path is correct - it should start with / (e.g., /admin not admin)
Try using "URL includes" instead of "Exact path" if the URL has query parameters
Clear your browser cache and refresh the page
Widget doesn't show on any page
Check that you haven't set "Show only on specific pages" without adding any rules
Verify your chatbot is published and the embed code is correctly installed
Check the browser console for any JavaScript errors
Make sure operating hours aren't hiding the widget
Widget visibility doesn't update when navigating
This can happen on Single Page Applications (SPAs) - our widget automatically handles this
If using a custom router, ensure it uses the History API (pushState/replaceState)
Try refreshing the page to force a visibility check
Single Page Application (SPA) Support
Our widget automatically detects route changes in Single Page Applications (React, Vue, Next.js, etc.). When a user navigates between pages, the widget will show or hide based on your visibility rules - no extra configuration needed.