Framer is where teams design and publish stunning sites.

Since you are or about to be one of the users of Framer, Aicado has the perfect solution to help you increase engagement on your website.

How to Create a Framer AI with Aicado

Adding an AI model to your Framer website is easy peasy.

With simple steps to follow, you can now add your AI model and start using for your Framer website.

Before starting, you need to:

• Create an Aicado account for your AI model
• Have a Framer website to locate your AI model

Step 1- Click "Create Your Embed".

Step 2- After selecting the model you want, start creating your embed by clicking the "Create Your Embedding" button.

Step 3- In the pop-up that opens, give your Embed a name and make sure you enter the domain of your Framer website. Otherwise, the model will not work.

Step 4- Click the "Customize" button to customize your embed to your brand.

If you skip this step, you will be using Aicado's own style and will not be able to add features to your embed. (Don't worry! You can edit it later.)

Step 5- Styling Tab

First, you will see the “Styling” page. Here you can customize your embed according to your brand’s colors, fonts and styles. You don't need to do anything extra to save your style, everything you do in Aicado is saved automatically.

You might want to customize your AI model based on your brand and start the process properly.

Step 6- Once your customizations are complete, you can add parameters, limit the usage of the model, and change the language of your embed from the "Features" tab.

The Webhook feature is an advanced setting. To learn how to use webhooks, you can watch the video by clicking here or go to the related documentation by clicking here.

Step 7- Once you have completed all your customizations, click on the "Embed" tab. Aicado generates code for you when you create your embed. You don't need to do any extra work to create the embed code. Just copy your code.

Step 8- Go to your Framer editor. Press the "Insert" icon above. Find the "Embed" feature in the "Utility" section on the left sidebar.

Step 9- Drag and drop the embed to the section you want. After clicking on Embed, you will see the Embed section in the sidebar on the right. After selecting the Type as HTML, paste the embed code you received from Aicado into the HTML box that appears.

Step 10- There, paste the copied code and you are done.