Back to tutorials
Framer is a leading website building and hosting platform that helps individuals, businesses, and creative professionals create stunning websites without requiring extensive technical skills or coding knowledge.
If you want to improve your customer experience by adding a chatbot to your Framer website, look no further than Concie. This no-code AI chatbot can be added to Framer within minutes for free.
In this guide, we'll take you through the step-by-step process of seamlessly integrating Concie with Framer.
What is Concie?
Concie is an AI-powered chatbot that can be added to any website. It is designed to learn from your website content, knowledge base, documents, and other resources, enabling it to provide accurate and instant responses to customer inquiries.
Integrating Concie with Framer allows you to enhance your visitors' browsing experience by offering real-time assistance and personalized support.
With its user-friendly interface and powerful features, Framer offers a seamless and intuitive experience for designing and managing websites.
Concie's chatbot can be added to your Framer website with a single line of code without requiring you to hire a developer.
With our chatbot seamlessly integrated into your website, you can offer round-the-clock support, boosting customer satisfaction and loyalty.
Step 1: Sign Into Your Concie Account and Copy Your Embed Code
1. Log into your Concie account .
2. On the list of available chatbots at the top-left, click on the one you want to integrate into your Framer website.
3. Once you’ve clicked on your chosen assistant, you’ll automatically be on Preview Page for that Assistant.
4. On the side bar navigation, locate and click on the "Presence" .
5. On the Presence page, locate the "Avatar" section as highlighted below and click on the Detail button.
On clicking "Detail" button, an overlay with the embed code will pop up. Click the "Copy to Clipboard" button to copy.
Step 2: Sign Into Your Framer Website and Embed Your Chatbot
1. Sign in to your Framer website and head to your project dashboard
2. Click on the website project you wish to embed your Ai assistant.
3. After clicking through to open the website project, locate the framer logo with a dropdown just top-left of your interface and click on it.
4. Hover on Site Settings and click on "Open Settings" or General" to open the settings for that project.
5. On the Settings page under "General", scroll down to find the section labeled “Custom Code.”
6. Right under the Custom Code section, paste your Ai assistant embed code in the second box labeled “End of <body> tag” and click Save on the top right corner of the panel.
7. If everything was done well, you should now see a floating Concie chatbot icon on the bottom right corner of your Framer website (on the page you added it to)
Congratulations! Your Ai assistant is now ready to use on your website.
Note: You can customize the appearance and colors of your bot on your Concie dashboard. To do this, go to your dashboard, choose a bot from the dropdown option above. Once you've selected the assistant you would like to customize, automatically you will be on the customization page.
