Adding a Resinq chatbot to your Shopify store can significantly enhance user engagement by providing automated support directly on your site. This guide will walk you through the process of embedding your chatbot using the Shopify theme editor.
Prerequisites
Before you begin, make sure you have:
- Access to Resinq: Log into your Resinq dashboard.
- Select Your Chatbot: Choose the chatbot that 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 Shopify
Follow these steps to add your chatbot to your Shopify store:
Access Shopify Admin
Log into your Shopify admin panel.
- Navigate to Online Store and click on Themes.
Customize Theme
Find the theme you want to edit and click on the Customize button.
Edit Code
In the theme editor, click on the ••• icon in the top left corner to open additional options and select Edit code.
Open theme.liquid
Navigate to the Layout folder and click on theme.liquid to open the file in the code editor.
Insert Embed Code
Scroll to the bottom of the theme.liquid file or find the </body> tag. Or you can directly add below to the meta tag section.
- Paste the copied Resinq embed code just above the
</body>tag to ensure it loads on every page of your store.
<!-- Resinq Embed Code -->
<script src="https://newchat-ai-six.vercel.app/chatbot.js"></script>
<script>
Chatbot.init({
chatbotId: "clxelx9jx0001ghlho30v3qg3",
});
</script>Save and Test
Click Save to apply your changes.
- Visit your store's front end to ensure the chatbot is functioning correctly.
Best Practices
- Testing: After embedding the chatbot, thoroughly test the functionality across different pages and devices to ensure consistent performance.
- Updates: Keep your chatbot and Shopify theme updated to avoid compatibility issues.
Troubleshooting
If the chatbot does not appear or functions incorrectly, consider the following troubleshooting steps:
Chatbot Not Displaying
Script Errors
By following this guide, you can successfully integrate a Resinq chatbot into your Shopify store, enhancing your e-commerce platform with advanced customer interaction capabilities.