Webflow

Step 1: Copy the Embed Code from GuideLite

1. Login to Your GuideLite Account:
   • Navigate to the GuideLite website and login with your credentials.

2. Access Your Assistant:

   • From the dashboard, find Your Assistants section.
   • Select the specific assistant that you want to integrate into your Webflow website.

3. Get the Embed Code:

   • Locate the Launch section of your assistant and click on the Embed on Site tab.
   • Enable the Public Access button.
   • In the pop-up window, click Copy Script or Copy Iframe button to copy the embed code.
   
   

Step 2: Embed the AI Assistant into Your Webflow Website

1. Login to Webflow :

   • Go to the Webflow website and sign in to your account.

2. Open the Webflow editor :

   • To create your Webflow website, go to your sidebar menu and select All Sites ,then click New Site on your dashboard.
   
   
   • You will find the list of all your website projects.
   • Hover on the website you want to add the GuideLite assistant to it.
   • Click  Open Designer to view the Webflow editor for your site.
   
   

3. Set up a container to display your assistant:

   • Click the Plus icon in the top left corner of the editor's sidebar to view and add available elements.
   
   
   • Drag the  Section element to the portion of the page you want to embed your assistant.
   • Dragthe  Container element into the section.
   • Drag the Div Block element into the Container element and set the size of the Div element to ensure that the assistant to positioned within the Div.

4. Insert the Embed Code:

   • Scroll down the list of elements to view Embed element .
   • Drag it into the div where you wish to embed your assistant.
   
   
   • Select and double-click the Code Embed element to reveal the HTML Embed code editor.
   • Paste the copied GuideLite assistant's embed code into the HTML code and click Save & Close.
   • Click on the publish button at the top right corner.
   
   

Step 3: Verify the Integration

• If the above steps are followed accurately, you should now preview your GuideLite AI assistant on the the live preview of your Webflow website .

Congratulations! Your GuideLite AI assistant is now integrated and ready to assist visitors on your Webflow website.