Integrating a Resinq chatbot into your Magento site can significantly enhance user interaction by providing immediate automated support. This guide will walk you through the process of embedding your chatbot using simple JavaScript code in the HTML head of your Magento site.
Prerequisites
Before you start the integration process, ensure you have access to your Magento admin panel and that you have the necessary permissions to modify the content configuration.
- Log in to Resinq: Start by accessing your Resinq dashboard.
- Select Your Chatbot: Choose the chatbot you want to integrate from your list of chatbots.
- Navigate to Embed Section: Click or tap on the Embed tab within your chatbot's settings.
- Copy the Embed Code: Specifically for web integration, copy the HTML embed code provided for your chatbot.
Adding the Embed Code to Magento
Embedding your Resinq chatbot into Magento involves inserting a JavaScript snippet into the HTML head of your site:
Access Design Configuration
Navigate to Admin Panel > Content > Configuration in your Magento dashboard.
Choose Store View
Select the store view where you want to add the chatbot or choose Global to add it to every store view.
Add Code to HTML Head
Find the HTML Head section.
- Paste your Resinq embed code into the Scripts and Style Sheets field.
<!-- Paste your Resinq embed code below -->
<script src="https://newchat-ai-six.vercel.app/chatbot.js"></script>
<script>
Chatbot.init({
chatbotId: "clxelx9jx0001ghlho30v3qg3",
});
</script>Save and Flush Cache
Press the Save button to apply the changes. Go to System > Cache Management, and flush the store cache to ensure that your changes take effect immediately.
Once embedded, your Resinq chatbot will be active on your Magento site, ready to interact with visitors. This integration not only enhances the functionality of your site but also improves user engagement.
Troubleshooting
If you encounter any issues after embedding your chatbot, consider the following solutions:
Chatbot Not Displaying
Chatbot Malfunctioning
Changes Not Reflecting
By following these steps, you can successfully integrate a Resinq chatbot into your Magento site, enhancing the interactive capabilities and support offered to your site visitors.