Integrating a Resinq chatbot into your Framer website can significantly enhance user interaction by providing real-time automated support. This guide will walk you through the process of embedding your chatbot in Framer using the platform's Custom Code feature.
Prerequisites
Before you begin the integration process, ensure you have:
- Log in to Resinq: Access your Resinq dashboard.
- Select Your Chatbot: Choose the chatbot you wish to integrate.
- Copy the Embed Code: In the Embed section under the Web tab, copy the HTML embed code provided for your chatbot.
Integrating Chatbot into Framer
Follow these steps to add your chatbot to your Framer website:
Step 1: Access Framer Dashboard
Log into your Framer account.
- Navigate to your project dashboard.
Step 2: Select Website Project
Click on the website project where you want to embed the Resinq chatbot.
Step 3: Page Settings
Locate the page you wish to embed the chatbot on within the project editor.
- Click the ••• icon next to the page name and select Settings.
Step 4: Embed Chatbot Code
In the page settings, scroll down to the Custom Code section.
- Paste the Resinq chatbot embed code in the box labeled "End of <body> tag".
<!-- Resinq Embed Code -->
<script src="https://newchat-ai-six.vercel.app/chatbot.js"></script>
<script>
Chatbot.init({
chatbotId: "clxelx9jx0001ghlho30v3qg3",
});
</script>Step 5: Save and Publish
Click Save on the top right corner of the settings panel to apply your changes.
- Preview or publish your site to see the chatbot live on your Framer website.
Best Practices
- Test Functionality: After embedding the chatbot, thoroughly test it across different pages and user interactions to ensure consistent functionality.
- Monitor User Engagement: Regularly review how users interact with the chatbot to optimize its responses and improve engagement.
Troubleshooting
If you encounter issues with your chatbot on Framer, consider the following troubleshooting tips:
Chatbot Not Displaying
Chatbot Malfunctioning
By following this guide, you can successfully integrate a Resinq chatbot into your Framer website, enhancing the interactive capabilities and providing automated user support efficiently.