Back to No-Code Website Builders

Integrate AI chatbots with Simpla

Simpla is the future of the CMS - an open ecosystem of content tools, built on top of emerging web standards and powered by a cloud developer platform

Overview

Tool Description:
Simpla is a no-code website builder that enables users to edit content directly on their site with a simple point-and-click interface.

Unique Features:

  • Inline Editing: Users can modify text and images without navigating to a separate admin area.
  • Custom HTML Integration: Easily drop in custom HTML elements like <simpla-text> and <simpla-img> for dynamic content.
  • Frontend Operation: Runs entirely on the frontend, eliminating the need for servers or databases.
  • Real-time Data Manipulation: Utilizes a powerful API for seamless data handling and integration.

Add Custom HTML Documentation

Step-by-Step Guide to Integrate Custom HTML into Simpla

  1. Access Your HTML Code: Open the HTML file of your website where you want to integrate custom elements.

  2. Identify the Location: Decide where you want to place the custom HTML elements within your existing code structure.

  3. Add Custom Elements: Use the provided Simpla elements by inserting the following tags directly into your HTML:

    • For editable text: <simpla-text placeholder="Your Text Here"></simpla-text>
    • For editable images: <simpla-img placeholder="/path/to/your/image.png"></simpla-img>

  4. Save Your Changes: After adding the desired elements, save your HTML file.

  5. Include the Simpla JavaScript: Ensure you include the Simpla JavaScript file in your HTML to enable the new elements. Add this line before the closing </body> tag:

    <script src="https://cdn.simpla.io/simpla.js"></script>

  6. Test Your Integration: Open your website in a browser to test the integration. Click on the custom elements to edit their content directly.

  7. Publish Your Changes: Once you are satisfied with the integration, publish your changes to make them live on your website.

Integration Guide

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

How to integrate OpenAssistantGPT with Simpla

  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 Simpla website

    Log in to your Simpla 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 Simpla, 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