Back to No-Code Website Builders

Integrate AI chatbots with Plasmic

Build powerful apps lightning fast—without compromise. Break the no-code ceiling.

Overview

Plasmic is a visual development platform that enables users to build websites and applications rapidly without compromising on customization.

Unique Features:

  • Integration with Existing Codebases: Seamlessly connects with your current code, allowing for flexibility and control.
  • Figma Import: Quickly convert Figma designs into React code.
  • Data Source Connectivity: Supports popular data sources like Airtable and PostgreSQL, as well as custom APIs.
  • Collaborative Tools: Empowers teams to work together efficiently with features like branching and multiplayer mode.

Add Custom HTML Documentation

Documentation for Adding Custom HTML in Plasmic

  1. Register Code Components: Integrate your custom HTML by registering it as a code component in Plasmic. This allows you to use your HTML within the Plasmic environment.

  2. Use className Prop: Ensure your component accepts a className prop to allow users to style the root element, enabling flexibility in positioning and styling.

  3. Dynamic Content: Use the repeatedElement() function to embed dynamic HTML content, allowing for repeated elements based on data.

  4. Set Page Metadata: Plasmic supports setting common page metadata, including titles and descriptions, which can be fetched and rendered as HTML elements using libraries like next/head or react-helmet.

For more detailed guidelines, visit:

Integration Guide

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

How to integrate OpenAssistantGPT with Plasmic

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

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