Framer

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 Shopify website.

3. Get the Embed Code:

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

Step 2: Embed the AI Assistant into Your Framer Website

1.Login to Framer :

• Go to the Framer website and sign in to your account

2.Open Your Project :

• From your project dashboard, select the website project where you want to embed the AI assistant.

3.Open Page Settings :

• In the project editor, find the page on the left side where you wish to add the AI assistant
• Click the three-dot icon next to the Home menu.

• Select Settings from the dropdown menu.

4.Insert the embed code :

• In the Settings panel, scroll down to the Custom code section.
• Paste the copied GuideLite assistant's embed code into the box labelled start of head tag.

• Click Save at the top right corner of the Custom Code panel.

Step 3: Verify the Integration

• If the above steps are followed accurately, you should now see a floating GuideLite AI assistant icon on the bottom left corner of the specified page on your Framer website.

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