Back to Installing Your Chatbot

How to add a ChatGPT chatbot to Droip

How to add your custom ChatGPT trained chatbot to your Droip website.

You want to embed your custom trained chatbot in your Droip website page. Here's how to add ChatGPT to Droip with SiteSpeakAI.

Add your chatbot to your Droip website

In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the Install Chatbot section in the sidebar and then click on the Copy Code button to copy your code snippet. 0 - Droip - Copy JS code.png

In Droip

  1. Log into your Droip account and select Pages on the top menu 1 - Droip - Select Pages.png

  2. Select the page you want to add your chatbot to 2 - Droip - Select your page.png

  3. Select Elements on the top menu bar, scroll down to Components and drag the Code element onto the Header on your page 3 - Droip - Drag Code element onto Header.png

  4. Select More Otions for the Code element 4 - Droip - Select More Options for the Code element.png

  5. This will display the Custom Code Editor allowing you to add your chatbot snippet 5 - Droip -This will display the Custom Code Editor.png

  6. Insert your code snippet and click on Embed 6 - Droip -Insert your Code and click on Embed.png

  7. Click on Preview to preview your chatbot button 7 - Droip - Click on Preview.png

  8. Your chatbot button will now be displayed on your Droip website page 8 - Droip - Chatbot button on Droip page.png

  9. If you click on the button it will display the chatbot dialogue 9 - Droip - Chatbot dialogue on Droip page.png

Your chatbot is now added to your Droip website and your visitors/customers can start interacting with it!

Need more help with SiteSpeakAI?

Not finding what you need? Reach out to our support team for help.

Contact Support

Ready to automate your customer support with AI?

Join over 150+ businesses, websites and startups automating their customer support with a custom trained GPT chatbot.