Embedding a chatbot on your website can significantly enhance user engagement by providing instant support and answers to your visitors' questions. With TeamAI, you can seamlessly integrate a personalized AI chatbot into your site, ensuring that your customers receive timely assistance.
In this guide, we'll walk you through the steps to embed your TeamAI chatbot on your website using two different methods: an iframe and a popup.
Accessing Your Assistant
To get started, follow these steps to access your AI chatbot:
Log in to your TeamAI account.
In the left sidebar, click on the "Assistant" tab.
Navigate to the specific assistant (AI chatbot) you want to embed on your website.
Embedding Options
Option 1: Embedding via iframe
Embedding your chatbot using an iframe allows you to place it anywhere on your webpage. Here’s how:
Click on the "Embed into site" tab for your selected assistant.
You will see two script options; choose the iframe code.
Copy the provided iframe code.
Paste this iframe code into the HTML of your webpage where you want the chatbot to appear.
Option 2: Embedding as a Popup
Embedding your chatbot as a popup places it at the bottom right corner of your website, making it easily accessible without taking up much space. Follow these steps:
Click on the "Embed into site" tab for your selected assistant.
Select the second script option for embedding as a popup.
Paste this script code into the HTML of your webpage.
Final Steps
Verifying the Chatbot
After embedding the code, it's crucial to verify that the chatbot is functioning correctly:
Open your website in a browser.
Check if the chatbot appears in the designated area (for iframe) or as a popup at the bottom right corner.
Interact with the chatbot to ensure it responds appropriately.