Share and embed a chatbot

Beta

Zapier Chatbots is a beta product. It’s available for use, but still in active development and may change.

 

You can share Zapier Chatbots as standalone pages or embed them on any website where you can insert code. You can also embed a chatbot on Zapier Interfaces

 

Share the chatbot as a standalone page

You can share your chatbot with anyone using its public URL. 

  1. From your Chatbots dashboard, click the name of the chatbot.
  2. In the next screen, click the Share button on the top right. 
  3. Click the copy icon to copy its public URL and share it with anyone.

 

Embed a chatbot inline or as a pop up

To embed a chatbot on any website:

  1. From your Chatbots dashboard, click the name of the chatbot.
  2. In the next screen, click the Share button on the top right.
  3. Click the Embed tab.
  4. Select either:
    • Standard to embed the chatbot as part of a page.
    • Pop up to embed the chatbot as a pop up overlay that stays at the bottom right corner of a website.
  5. If you select Standard, you can select the code snippet type (Script or iframe) within the Code snippet window.
  6. Click </> Copy embed to copy the code to your clipboard.

Dialog box showing options for embed code

Tips

  • The Script HTML tags are a better choice, in general, but if an app or website does not accept it (such as Coda), you can select iframe instead. 
  • When you use the chatbot as a pop up overlay, ensure that the code is placed in the body of the HTML. It may not work properly on the header or footer, as it will not follow the user as they scroll through a page. 
  • For dynamic websites, you can add the embed code to the template and it should appear on all pages.

Add the code to your website builder

Below are links to information on embedding the chatbot in popular website builders.

Restrict domains that can use the chatbot

When embedding a chatbot, you can ensure it only appears on your target web pages by restricting the domains that can use it. To do so:

  1. From your Chatbots dashboard, click the name of the chatbot.
  2. In the next screen, click the Share button on the top right.
  3. Click the Restrict domains toggle to turn it on. A new text field will appear.
  4. Paste or type the addresses in the Allowed domains text field. Separate each domain with a comma. 
  5. The domains should not include the protocol (such as http:// or https://) or path (such as /example/path).
  6. Click Done.

 

Embed a chatbot on Zapier Interfaces 

You can add an existing chatbot to Zapier Interfaces as a new component

Screen Shot 2023-12-12 at 2.57.55 PM.png

With Zapier Interfaces, you can build custom landing pages, multi-page portals, and basic apps, alongside your chatbot. In an interface, you can:

  • Add additional drag-and-drop page elements, including text and media.
  • Restrict visibility with password-protected or user-managed pages.
  • Host your interface on a custom domain.

Learn more and sign up for Zapier Interfaces.

 

Provide feedback and get help

Submit a feature request, provide feedback on existing features, or get help from the Zapier Chatbots team.

Was this article helpful?
2 out of 2 found this helpful