How to Add an AI-Assistant to Your Webflow Site

AI has tremendous potential to engage potential buyers more effectively and help support existing customers at scale. The first step, however, is to integrate it with your website and get it in front of your audience.

This tutorial will walk you through how to add a fully-customizable AI assistant to your Webflow website in a couple of minutes.

Step 1: Sign up for FullContext

FullContext is a powerful AI workflow creator that allows you to build a chatbot that can:

• Book meetings
• Answer complex questions
• Share resources
• And a whole lot more

Signing up is free and only takes a few minutes. You can sign up here.

Step 2: Configure your chatbot

The power of FullContext lies in its ability to configure the AI’s behavior using natural language. After signing up, you will be redirected to your agent’s script, which is where this configuration happens:

To keep things simple, select the “Simple Chatbot” template from the list of templates in the center of the screen. After the template has been inserted into your script, you can test the interactions on the right hand side:

Step 3: Add the install code to to your Webflow site

Go to the Install tab and click on the “Copy code” button to copy the install code to your clipboard.

Next, inside the Webflow Designer view, click on “Site settings”:

Then click on “Custom Code” and add the custom code that was copied:

Click save, then head back to the Webflow Designer view to publish the code:

Step 4: See it live

That’s it, you now have a fully functional AI-assistant for your Webflow site:

To further customize the behavior, you can head back to the scripts tab and describe your desired behavior.