Back to Installing Your Chatbot

How to add a ChatGPT AI support agent to app.dragdropr

You want to embed your custom trained AI support agent in your app.dragdropr website page. Here's how to add an AI support agent to app.dragdropr with SiteSpeakAI.

What is app.dragdropr?

app.dragdropr is a super-simple website builder that focuses on creating landing pages and basic websites without needing any coding knowledge. It’s built around a drag-and-drop interface meaning you literally drag elements (text boxes, images, buttons, etc.) onto a page and arrange them however you like. It’s particularly known for its ease of use and speed – you can get a basic website up and running in minutes. It’s designed for very straightforward websites, like promoting a product, collecting email addresses, or showcasing a simple service.

Who is it best suited for?

  • Small Businesses & Entrepreneurs: Perfect for those who need a quick online presence without a big investment or technical expertise.
  • Event Organizers: Great for creating event landing pages to sell tickets or provide information.
  • Freelancers & Solopreneurs: Ideal for showcasing their services and attracting clients.
  • Anyone needing a very basic website: If you just need a simple online card or a landing page, this is a good option.

Website URL: https://app.dragdropr.com/

Add your AI support agent to your app.dragdropr website

In SiteSpeakAI

Log into your SiteSpeakAI account and select your agent from the dropdown menu at the top, click on the Install Agent section in the sidebar, select the Javascript tab and then click on the Copy Code button to copy your agent code snippet. uploads/help-center/images/8KWv0jHPgEYHawjyoXoOKzXBT5AHOleGVgqM9VTn.png

In app.dragdropr

  1. Log into your app.dragdropr account and on the dashboard select the project you want to add your custom ChatGPT trained AI support agent to uploads/help-center/images/9C759u7GK26aPyRaVe4ZRmVROo1CkLmAVbTZ6Xdc.png

  2. In the page editor, select Settings in the top right menu uploads/help-center/images/HRyHLgFyhOTyuvIGEnnh9ZsCtWgxyYXP9N1rtBvk.png

  3. Click on ADD SCRIPTS on the PAGE Settings uploads/help-center/images/uZshQLfmJhTO6fcFX1ywMpOss6i72S1RZrwQt2gv.png

  4. In the Javascript Editor, insert your snippet under HEAD, click on SAVE and close the editor uploads/help-center/images/5YJdAwGplHfRycuMW9fV1uHL4wH3swC4hpZvEAEG.png

  5. On the main editor page, click on SAVE to save your changes to the page uploads/help-center/images/XbrCJeU4rV9y89ip6GPdua8gn42r5TFwYe0nIT1C.png

  6. Click on Live Preview to see how your AI support agent will be displayed on your live page uploads/help-center/images/n0tkMvWsXYMZFrxSeW2NGTE6lJzKxqJdnrV3t5kX.png

  7. Your AI support agent button will now be displayed on your app.dragdropr website page uploads/help-center/images/9vrY3n8N9j0RqR3IhmlCgKN50j1P5wJSrWafUZE9.png

  8. If you click on the button it will display the AI support agent dialogue uploads/help-center/images/KvMNPNBPJGwDCPJrEJsLWzIzafMCqffldPR5doHu.png

Your AI support agent has now been added to your app.dragdropr 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 service with AI?

Join over 1000+ businesses, websites and startups automating their customer service and other tasks with a custom trained AI agent.