Integrating a Resinq chatbot into your WooCommerce store can significantly enhance user interaction by providing automated support directly on your eCommerce platform. This guide will walk you through the steps to embed your chatbot effectively using the WordPress theme editor.
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: In the Embed section under the Web tab, copy the HTML embed code provided for your chatbot.
Integrating Chatbot into WooCommerce
Adding your chatbot to WooCommerce involves inserting a JavaScript snippet into the theme's footer file:
Access WooCommerce Backend
Log into your WooCommerce store's backend from the WordPress admin area.
- Navigate to the Appearance menu.
Open Theme File Editor
Scroll down and select Theme File Editor from the available options. In the Theme Files section, find the footer file (usually labeled as footer.php or similar).
Edit Footer File
Insert the Resinq chatbot embed code just before the closing </body> tag.
<!-- Resinq Embed Code -->
<script src="https://newchat-ai-six.vercel.app/chatbot.js"></script>
<script>
Chatbot.init({
chatbotId: "clxelx9jx0001ghlho30v3qg3",
});
</script>Update File
Click the Update File button to save your changes. This will activate the Resinq chatbot on your WooCommerce site.
Best Practices
- Test Functionality: After embedding the chatbot, thoroughly test it across different pages and during various user interactions to ensure it functions correctly.
- Monitor Performance: Regularly check the performance of your chatbot to ensure that it does not negatively impact the loading times or user experience of your store.
Troubleshooting
If you encounter issues after embedding your chatbot, here are some troubleshooting tips:
Chatbot Not Displaying
Chatbot Interfering with Website Elements
By following this guide, you can successfully integrate a Resinq chatbot into your WooCommerce store, enhancing the shopping experience and providing valuable support to your customers.