Adding a chat assistant to your Square e-commerce site.
- First, log into your Dropchat account.
- Click into any of the chatbots you have made previously. If you have not made a chatbot before, check out this guide. In this example, we will use a chatbot we already made from a PDF of the Bitcoin white paper.
- After clicking into your chatbot, navigate to the "Manage Chatbot" tab towards the top left.
- In the middle section, under "Share Chatbot", click the blue "Embed" button.
A pop-up will appear with options on how to add a Dropchat to your site. In this example, we will be creating a chat bubble in the bottom right of your site, which is the most user-friendly option for most websites.
- Click the "Copy Code" icon on the top code snippet option.
Now that you have this code snippet copy-pasted, we can go to to Square.
To add embeddable code to your website:
-
From your Square Online site editor, open the page you want to add embeddable code to.
-
Select +Add > Section and choose the Embed code section.
-
In the editing panel, select Embed code and paste your code into the text box.
-
Publish your site to see the changes live.