The AI-powered chatbot component interacts with OpenAI and allows you to build your own custom-branded chat experience for yourself and visitors directly inside Interfaces or embedded in another site.
Add a chatbot component
To add a chatbot to a page:
- Go to the page you want to add the chatbot to. Learn how to add pages.
- Click the plus sign + at the bottom of the page, or click the Add component icon on the left menu of your page.
- In the Add Component sidebar, click, or drag and drop, the Chatbot component.
- In the dialog box, click Yes to confirm you'd like to add this component to the page.
- In the right sidebar:
- Name the chatbot.
- Customize the Greeting and Prompt placeholder fields.
- Slide the Creativity setting.
- Create a directive for your chatbot. Learn more about writing directives.
- If you are using your own API key, select which model to use.
- Add the Max response length (tokens) for individual chatbot responses.
- Edit the Disclosure message field.
- Adjust your chatbot placement using the Width and Alignment dropdown menus.
- Add actions buttons (e.g. buttons to copy text or run a Zap), from the Actions tab.
You can adjust page settings to customize the page name, meta title, or URL. To do so:
- From any page, click the Page options icon , on the left sidebar.
- Update the necessary fields.
Click the Settings button to change the theme to fit your brand.
If you need inspiration for building your own chatbot, Zapier's blog team put together a list of chatbot use cases.
Use your own OpenAI API key
The Chatbot component uses GPT-3.5-turbo by default. To use GPT-4 and other models, you can add your own API key from your OpenAI account.
To create a connection using your own API key:
- From any page, add a Chatbot component.
- If you have already connected OpenAI to your Zapier account:
- Click the OpenAI authentication dropdown menu.
- Select the desired connection from the dropdown menu.
- If you haven't connected OpenAI to Zapier:
- Click the Manage authentication link.
- A new window/tab will open. Click Add connection.
- Paste your OpenAI API key in the field provided.
- Click Yes, Continue.
- Once you select a connection, in the Model dropdown menu, select the model you want that chatbot to use.
- Currently, chatbots can only use OpenAI API keys. To help Zapier understand what other models would be most helpful for you in the future, you can submit a feature request.
- If you connect your own API key and use the models available to you, you will be charged for end user chatbot usage through your OpenAI account accordingly.
Customize how the chatbot interacts with visitors
There are several options to customize your chatbot's interactions.
The Creativity (also known as temperature) slider allows you to increase the model's randomness level. The slider goes from 0 to 1. A lower number means it will be more deterministic, selecting the most probable answer, while a higher number results in a more unexpected, creative response.
To change the creativity level, move the slider to different positions, and test the results, until the response matches your expectation.
The Directive field is how you define how the chatbot will respond to a question. Use this field to define the tone, style, and structure of responses given by the chatbot. You can ask the chatbot to embody a specific persona, such as a helpful event planner, and provide the response in a specific format, like a bulleted list.
Chatbots work well with clearly-defined, detailed instructions. Try making small edits to your directive and testing the chatbot until you get the desired result.
You can also personalize directives with form submission or managed user data.
The chatbot component will flag any directives that don't fit moderation standards and will prevent it from being saved.
Bot greeting and user prompt
The Greeting and Prompt placeholder fields can provide visitors with useful information on how to get the best answer from the chatbot. You can use these fields to provide instructions and suggestions on how the chatbot interprets information, for example.
You can also personalize the Greeting field with form submission or managed user data.
If your bot's directive is to be a helpful event planner focusing on finding locations or activities for events, and it replies with a list of options, you can explain that in the Greeting field:
"Welcome! I'm Elisa, and I can help you find places and activities to make your event special! You can provide me with a town and a specific number of people that I should cater for, and I'll give you a list of suitable options."
Create action buttons
An action button allows visitors to copy the bot response or carry out an action through a Zap. Buttons will be shown after the bot's first response.
To add an action to the chatbot component:
- From the page where the component is, click Edit on the chatbot component.
- On the right sidebar, click the Action tab.
- Click + Add action.
- In the Button text field, type a label.
- In the On click dropdown menu, select:
- Copy response to copy it to the visitor's clipboard.
- Run Zap to start a Zap you create.
- Click Create action.
If you select Run Zap, the button will say Create action and Zap. A new page or tab will open with the Zap trigger already created, and you can set up your actions.
Adjust the maximum token length
The field Max response length (tokens) allows you to increase or reduce the amount of tokens used in a response. Each model has a different maximum token length allowed. Adjusting the length allows you to have more control over usage of your OpenAI account.
Chatbots will automatically reset token usage by clearing the oldest messages in a conversation whenever it's close to the token limit.
Add a data source
A data source is a file that allows you to connect your chatbot to your own knowledge sources, and tailor the responses for your business or project. Learn more about data sources.
Embed a chatbot on a website
You can embed your chatbot within a website as part of the page or as a popup overlay. Learn more about how to embed chatbots.
Review chatbot feedback
Visitors can rate chatbot responses using thumbs up and thumbs down. These options appear to the visitor as soon as the chatbot creates a response.
If you want to review the performance of a chatbot, you can create a Zap to send the ratings and responses to another app, such as Google Sheets or Airtable.
Before you can create a Zap, you must test the chatbot by asking it a question and rating the response, so that it can find a sample. You can do so from the public sharing URL.
To create a chatbot feedback Zap:
- Create a new Zap.
- In the App field, search and select Interfaces by Zapier.
- In the Event field, select New Chatbot Feedback.
- Click Continue.
- Fill out the required fields.
- Click Continue.
- Click Test action, to test the Zap and find a sample rating.
Once the trigger is set up, you can continue to set up your actions.
Zapier has begun incorporating certain OpenAI features/functionalities into its product. How OpenAI handles data sent via these features/functionalities is governed by Zapier’s separate contract with OpenAI.
To protect our customers, we have obtained OpenAI's agreement not to fine-tune/model train with customer content.
Provide feedback and get help
You can make a feature request, provide feedback on existing features and get help from the Interfaces team.