How to Embed an AI Assistant onto Your Webpage
FlyTask’s AI Assistant can be easily embedded on your website to allow visitors to interact with the chatbot. This guide will walk you through the process of creating an embed widget, customising its settings, and adding the AI Assistant to your website.
Table of Contents
- Overview of Embedding FlyTask’s AI Assistant
- How to Create an Embed Widget
- Customising the Embed Settings
- Embedding the AI Assistant on Your Website
- Support & Troubleshooting
1. Overview of Embedding FlyTask’s AI Assistant
Embedding FlyTask’s AI Assistant on your website allows your visitors to interact with the chatbot directly, whether for customer support or information retrieval.
Please Note: Before embedding, ensure you already have an AI Assistant set up and ready to use.
2. How to Create an Embed Widget
To generate the embed code for your AI Assistant, follow these steps:
- Go to AI Assistants > Chat Embed Widgets in your FlyTask dashboard.
- Make sure you have already set up an AI Assistant before proceeding.
- Click on Create embed.
3. Customising the Embed Settings
When creating the embed widget, you'll need to configure the following settings:
- Choose an AI Assistant: Select the AI Assistant you want to embed from the dropdown menu.
- Allowed Chat Method:
- Chat: The AI Assistant will respond to all questions, regardless of context.
- Query: The AI Assistant will only respond to questions related to the documents in the AI Assistant.
- Restrict Requests from Domains (Optional):
- Enter domains to restrict the use of the embed to specific websites.
- Press Enter after typing each domain to add it.
- Leave this field empty if you want the embed to be available on any site.
- Max Chats per Day (Optional):
- Set a limit on the number of chats the AI Assistant can handle in a 24-hour period.
- Enter 0 for unlimited chats.
- Max Chats per Session (Optional):
- Limit the number of chats each user can send during a session.
- Enter 0 for unlimited chats.
- After completing the settings, click Create embed.
4. Embedding the AI Assistant on Your Website
Once the embed is created, you can add the AI Assistant to your website:
- Click on Show Code to reveal the embed code.
- Copy the embed code provided.
- Open the HTML code of the webpage where you want the AI Assistant to appear.
- Paste the embed code into the HTML where you want the AI Assistant to be displayed.
- Save and publish your changes, and the AI Assistant will now be available on your website.
5. Support & Troubleshooting
If you face any issues while creating the embed or embedding the AI Assistant onto your webpage, FlyTask’s support team is here to help. You can reach out to us at support@flytask.com for assistance. Be sure to provide details of the issue, along with any relevant screenshots or code snippets, to help us resolve the problem efficiently.