Framer Integration

Step 1: Set Up Your Nexvio.ai Chatbot

To integrate your Nexvio.ai chatbot into your Framer website, begin by logging into your Nexvio.ai account. If you haven’t already created an account, you can sign up for a free account. After signing in, you can configure your bot within the Nexvio.ai platform by uploading relevant data sources, such as files, text snippets, websites, or question-and-answer pairs, which the bot can use to build its knowledge base.

Here is a step-by-step roadmap for successfully deploying your Nexvio.ai chatbot.

Step 2: Generate and Copy Your Nexvio.ai Chatbot Embed Code

Every chatbot you create on Nexvio.ai has a unique embed code you can use to embed it on your website. Once you’ve set up your chatbot on Nexvio.ai, navigate to your Dashboard page, and select the specific bot you wish to integrate with your Framer website.
Clicking on the bot should take you to the bot’s playground page. From there, proceed to the Connect tab.
Up next, a new page should come up, click on Copy Script to copy the code snippet.

Step 3: Embed Nexvio.ai Chatbot on Your Framer Website

Once you’ve copied your Nexvio.ai embed code, sign into your Framer account.
Navigate to the page where you want to add the chatbot.
Click on the ”+” button to add a new element, then select “Code” from the options.
In the code editor that appears, paste the embed code that you copied from Nexvio.ai.
Adjust the size and positioning of the code component as needed.
Save your changes and preview your Framer website to test your chatbot.

Congratulations, your Nexvio.ai chatbot is now live on your Framer website!

Note: You can customize the appearance and colors of your bot on your Nexvio.ai dashboard. To do this, go to your dashboard, choose a bot, click the Settings tab on the top of the page, and then click Chat Interface on the left sidebar to reveal the chatbot customization options.