Add a pop-up chatbot to your website

Pop-up chatbots will pop up after a visitor clicks a specific button or link on your website. This is useful for engaging with visitors in specific areas of your website, so you can learn more about them and qualify them further. 

Create the chatbot

  1. In OnceHub, go to Chatbots.
  2. Click on the Create chatbot button and select Pop-up bot.

Create the chatbot as you prefer, either from scratch or using a template. 

If an existing pop-up chatbot is close to what you're wanting, you can duplicate that one instead by clicking the three-dot menu by that chatbot and selecting Duplicate.

When you've added the interactions you want, routed them, and designed the chatbot as you like, navigate to the Publish tab.

Choose between two publishing options

  • Lightbox: Opens over the whole website when clicked by the visitor and captures their attention completely.
  • Widget: Pops up on the bottom right of the screen, within a chat frame. The visitor interacts with your chatbot within the widget and can still scroll through the website page.

Install the code

In OnceHub

Grab the code you need for your website.

  1. On the Publish page, choose the publishing option you want (see above).
  2. Copy the code.

Figure 1: Get the pop-up chatbot code for lightbox or widget

On your website

Add the code to your website on each individual page where you want the chatbot. This may involve creating an html widget, block, or some other custom html element, depending on how you build your website and which service hosts it.

That's it! Your website can now display your pop-up chatbot in the place you added it.

Was this article helpful?
Thank you for your feedback!