Integrating a Resinq chatbot into your WeWeb site can significantly enhance user interaction by providing real-time automated support. This guide will walk you through the process of embedding your chatbot directly into the body of your WeWeb site.
Prerequisites
Before you start 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: Navigate to the Embed section under the Web tab and copy the HTML embed code provided for your chatbot.
Integrating Chatbot into WeWeb
WeWeb allows you to add custom HTML code directly to your site’s body, which makes it easy to integrate external tools like a Resinq chatbot:
Accessing Custom Code Settings
Log into your WeWeb dashboard.
- From the header navigation, click on More and select Custom Code from the dropdown menu.
Inserting Embed Code
A popup window will open with options for adding custom code.
- Locate the Body section within this popup. This is where you can add code that will be executed on each page of your site.
Paste the previously copied Resinq embed code into this section.
<!-- Resinq Embed Code -->
<script src="https://newchat-ai-six.vercel.app/chatbot.js"></script>
<script>
Chatbot.init({
chatbotId: "clxelx9jx0001ghlho30v3qg3",
});
</script>Saving Your Changes
Ensure all changes are saved and you click 'Update Custom Code' button in the custom code popup.
- Publish your WeWeb site to make the chatbot live and visible to all visitors.
Best Practices
- Test Functionality: After embedding the chatbot, thoroughly test it across different pages and devices to ensure consistent functionality.
- Monitor User Interactions: Regularly review how users interact with the chatbot to optimize its responses and improve engagement.
Troubleshooting
If you encounter issues after embedding your chatbot on your WeWeb site, here are some tips to help resolve common problems:
Chatbot Not Displaying
Chatbot Interfering with Site Elements
Script Errors Detected
By following this guide, you can effectively integrate a Resinq chatbot into your WeWeb site, enhancing the interactive capabilities and automating user support on your digital platform.