Embedding for Shopify
A Guide on How to Embed Chatbot Widget for Shopify users.
Last updated
A Guide on How to Embed Chatbot Widget for Shopify users.
Last updated
The Wonderchat chat widget allows both prospective and existing clients to chat with your business directly from your website. To set up the chat widget, you will have to copy the Wonderchat embed code and then paste it into the footer of your Shopify page.
In a separate window, go to the ↗ Wonderchat App.
Go the Dashboard > Actions (⋮) > "Embed to website"
Copy the embed code
If the chatbot needs to be resized or repositioned, you can modify your changes on the Wonderchat App before copying the embed code over.
For a more detailed guide on how customize your chat widget or page, see the pages below:
Log into your Shopify store by going to ↗ Shopify Admin.
From your Shopify dashboard left sidebar, go under "Themes" section. Find the theme you want to edit and click on "Actions (...)", then choose "Edit code".
You will be taken to the theme editor. On the left-hand side, you’ll see a list of files. Find the file where you want to embed the chatbot. Typically, this will be the theme.liquid file located under the Layout folder or the footer.liquid file under Sections if you want the chatbot to appear site-wide.
Scroll down to the section of the code where you want to add the chatbot. You might place it just before the closing </body> tag if you want it site-wide.
Paste the chatbot's embed code you copied from the chatbot platform.
After pasting the embed code, click Save in the top-right corner of the Shopify editor.
Go to your store’s preview page to make sure the chatbot appears as expected.
Ensure the chatbot works properly by interacting with it on your live store. Test the chatbot's functionality across different devices (desktop, tablet, mobile) to make sure it's responsive.
By following these steps, you can easily embed a chatbot widget into your Shopify store to provide real-time customer support and increase engagement. If you run into any issues or need assistance, you can always consult Shopify’s support or Wonderchat team for further help.
If you have any more questions, feel free to reach out to us at support@wonderchat.io
