💻

Widget Visibility

The chatbot widget is a powerful tool for engaging visitors and generating leads. However, you don't want the widget to appear at the wrong times or on the wrong pages. Follow these best practices for controlling the widget's visibility.

Set Visibility Rules in the Designer

In the chatbot designer, go to the Style & Layout section. Here you can:

  • Upload a custom video background for the widget.
  • Display agent avatars if they have uploaded profile pictures.

Next, go to Conversational Settings. Recommendations:

  • If you have low site traffic, enable "Allow visitors to start conversations."
  • If you have high traffic, restrict conversations to business hours to avoid nonsense queries.
  • Leave the widget visible at all times if you have Call, Chat, and Book Demo buttons. The Call button will disappear when offline.

You can also restrict the widget to only show for certain countries.

Display the Widget on Specific Pages

The most powerful option is to show the widget only on certain URLs. For example:

  • Hide the widget across the site by setting a rule like "URL contains example.com"
  • Create an override rule to show it on a pricing page like "URL contains /pricing/"

You can get very granular with the URL conditions. With a paid plan, you can also use Segmentation Builder to show the widget only for high-intent pages like pricing and sign-up.

Set Custom Text

In Style & Layout, you can customize the widget's text for when you are online versus offline. You can also customize the subtext and book a meeting button.

Add Integrations

To enable the book a meeting button, go to Integrations and connect your calendar provider like Calendly or ChiliPiper. Then you’ll need to go to Settings, Organization Settings and enable “Always show booking button”.

Summary

Controlling the widget's visibility takes experimentation, but can drive more high-quality conversations. Focus the widget on high-intent pages for your target personas. Monitor chat metrics to optimize over time.