Skip to main content

Embedding AI agent

AITable offers two ways to embed AI agents into websites such as WordPress and Wix. For example, you can create a Question-answering AI agent to quickly address user inquiries about website or product usage.

Additionally, you can teach an AI agent sales scripts, product pricing, and lead generation, and then embed it as a plugin on your webpage. It will appear as an AI customer service agent in the bottom right corner, providing 24/7 online assistance to visitors on your website.

How to embedding AI agent​

Step 1: Publish AI agent​

Before embedding your AI agent, ensure that it has been published. Only published agents can be public accessed by users on the internet. To publish your AI agent, follow these steps:

  1. Go to the AI agent page.
  2. Click on the "Publish" button located in the upper right corner of the page.
  3. This will open the public settings for your AI agent.

By publishing your AI agent, you make it available for users to interact with on your website or other platforms.

illustration of the button to publish AI agent

Clicking on "Publish" in the pop-up window.

illustration, the pop-up window which include the "Publish" button

Now you will receive a public link that all internet users can use to access the AI agent.

Step 2: Inserting the Embedding Code​

To incorporate the AI Agent into your website, you need to copy and paste the embedding code. Follow these simple instructions:

  1. Click on the "Embed" button to reveal the embedding code. illustration, a button called "Embed" in the pop-up window

  2. The embedding code will be generated in both HTML and JavaScript formats, based on the AI agent ID. Choose the code that suits your needs. illustration, demonstrates two methods for embedding an AI Agent into a webpage: using iframes and JavaScript code.

  3. If you prefer to use an iframe, which is an HTML element that allows you to embed another HTML document within your current document, simply insert the code into the HTML page of your website. This method provides a straightforward integration of the AI Agent.

    👇Use case: embed ai agent to webpage

    an illustration of use case, which using iframe to embedding ai agent into webpage

  4. Alternatively, you can utilize the JavaScript method for a more flexible integration. By using JavaScript code, the AI Agent will appear as a floating button in the bottom right corner of your webpage, similar to popular customer support tools. When a visitor clicks on the button, a chat box will automatically appear, enabling them to engage in a conversation with the AI Agent.

    👇Use case: The widget of Customer support

    an illustration of use case, which using javascript to embedding ai agent as customer support widget into webpage

Disabling the Embedding​

If you wish to close the public link for the AI agent or deactivate the embedding of the AI agent, you can easily do so by following these steps:

  1. Open the "Publish" modal.
  2. Look for the switch associated with the embedding and turn it off.
  3. Confirm your choice to deactivate the AI agent embedding.

By deactivating the embedding, you can prevent the AI agent from being accessible through the public link or embedded on your website. This gives you control over when and how the AI agent is available for use.

an illustration of showing how to disable the embedding agent

Last updated on