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. 

Note

Zapier Chatbots currently cannot be embedded using Google Tag Manager.

Share the chatbot as a standalone page

You can share your chatbot with anyone using its public URL. This URL is generated by default.

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.

Disable the public URL

If you only want your chatbot to be available through embedding, you can disable the 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 Access dropdown menu and select Public URL disabled. It will save automatically.

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 Embed button on the top right.
3. 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.
4. If you select Standard, you can select the code snippet type (Script or iframe) within the Code snippet window. Pop-ups can only be used with Script.
5. (Optional) Click the Restrict domains toggle to decide which domains can use a chatbot. 
6. Click </> Copy embed to copy the code to your clipboard.

Tip

• The Script HTML tags are a better choice, in general, but if an app or website does not accept it (such as Coda pages), 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 in 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 to make it appear on all pages.

Add the code to your website builder

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

• Squarespace: Embed blocks
• Wix: Embedding custom code on your site
• Wordpress: Embed content from other platforms

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 Embed 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 URLs 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.

Preview your chatbot

You can preview what your chatbot will look like on desktop and on mobile, before sharing it with your users. The default preview displays how your chatbot appears on desktops. To switch to mobile preview:

1. From your Chatbots dashboard, click the name of the chatbot.
2. Click the mobile icon at the top right of the screen. You'll now preview the chat window on a mobile screen.

Chatbot behavior when using pop-up embeds

On a pop-up embed, if a user is having a conversation with a chatbot, the conversation will continue even if they navigate to a different page of your site or refresh the browser.

The chat pop-up will also remain in the same initial state, either closed or open, when the user navigates to a different page or refreshes the browser.

Embed a chatbot on Zapier Interfaces 

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

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.