Embed Your AI Agent in 5 Steps

If you want to use your embed as a chatbot, you need to follow these steps:

Step 1 - Sign In

Log in to your Aicado account to access AI agents.

Step 2 - Create AI Agent

Click "Create Your AI Agent" button. In the pop-up that opens, enter a name and description for your AI agent. (This will simply make it easier to find your AI agent in Aicado. You can change it later.)

Step 3 - Customize your AI agent

Customize the AI agent to your needs - adjust its personality, knowledge base, and skills. Check here for more detailed information.

Step 4 - Copy Embed Code

After customization and training, you can put it on any page you want or use it as an AI agent.

Make sure that the bounded domain is the domain of the application (preview url) where you will use your AI agent. Otherwise, your AI agent will not work.

If you want to use it as a chat bubble, you can choose your AI agent's alignment, avatar, opening message, speech bubble font, and background color from the "Snapped" section in the "Publish" tab.

If you want to use it by embedding it on the page, copy the code in the "Embed" section in the "Publish" tab.

Step 5 - Paste it into your app

If you want to use it as a chatbot, go to "Settings" in your Bubble app. Paste the header and body codes you copied from Aicado into the relevant fields in the “SEO/metatags” tab.

If you want to embed it on the page, paste the code you copied from the "Embed" section into the HTML element.

That's it! Your AI Agent is ready.

Above, we're using Bubble as an example to illustrate where the embed code should be placed. If you’re using another platform, the process is similar — simply paste the embed code into the appropriate section of your site (such as an header, or body).

This way, your AI Agent will appear correctly no matter which platform you’re using.