How do I add a Dropchat bot to my Square (e-commerce) site?

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:

  1. From your Square Online site editor, open the page you want to add embeddable code to.

  2. Select +Add > Section and choose the Embed code section.

  3. In the editing panel, select Embed code and paste your code into the text box.

  4. Publish your site to see the changes live.