Back to No-Code Website Builders

Integrate AI chatbots with AppDrag

The full-stack serverless development platform for digital transformation success


Overview

AppDrag is a full-stack serverless development platform that enables users to create websites without any coding experience.

Unique Features:

  • No-Code Website Builder: Users can design websites in three simple steps: Pick a design, Customize, and Publish.
  • Custom HTML Integration: Advanced code editor allows for the modification of HTML/CSS, catering to both novices and advanced users.
  • Cloud Database: Offers a scalable, serverless database solution compatible with MySQL.
  • E-commerce and CMS: Supports e-commerce functionalities and content management for blogs and newsletters.

Add Custom HTML Documentation

Step-by-Step Guide to Integrate Custom HTML in AppDrag

  1. Access the HTML Source Code Element: In your AppDrag project, locate the section where you want to add custom HTML. Use the 'HTML Source Code' embedded element for this purpose.

  2. Insert Custom HTML: You can add your custom HTML code directly into this element. For example, if you need to include jQuery for a widget, you would first add the jQuery script tag to ensure it's loaded before your custom code.

  3. Global Insertion: For global CSS or JS libraries, you can insert code in the head tag or before the end of the body tag. This is done through the project settings where you can add global scripts or styles.

  4. Test Your Code: After inserting the code, preview your project to ensure everything works as expected. Use the browser console to check for any errors related to missing libraries or scripts.

  5. Publish Your Changes: Once everything is functioning correctly, publish your changes to make them live.

Integration Guide

For more information on how to add custom HTML to your AppDrag website, please refer to the Custom HTML Documentation.

How to integrate OpenAssistantGPT with AppDrag

  1. Create your OpenAssistantGPT chatbot

    Sign in to your OpenAssistantGPT dashboard and create a new chatbot or select an existing one.

  2. Configure your chatbot settings

    Customize your chatbot's appearance, behavior, and knowledge base to match your website's needs.

  3. Get your embed code

    In your OpenAssistantGPT dashboard, go to the "Deployment" section and copy your unique embed code.

  4. Add the embed code to your AppDrag website

    Log in to your AppDrag account, open your website editor, and add an HTML or Custom Code element to your site. Paste the OpenAssistantGPT embed code into this element.

  5. Publish your website

    Save your changes and publish your website to make the chatbot live.

Advanced Configuration

For more advanced integrations with AppDrag, you can customize the following:

  • Chatbot position and appearance on your website
  • Trigger conditions (e.g., time on page, scroll depth)
  • Custom welcome messages based on the page content
  • Integration with your existing forms and contact systems

Builder Details

No-code Solution

✅ No coding required

Custom HTML Support

✅ Supports custom HTML