Back to No-Code Website Builders

Integrate AI chatbots with Carrd

We help wine companies double their sales through social media within 90 days, or you get your money back

Overview

Carrd is a no-code website builder designed for creating simple, responsive one-page sites.

Unique Features:

  • User-Friendly Templates: Start with dozens of templates or a blank canvas.
  • Free Plan: Build up to three sites at no cost.
  • Pro Upgrade: Access custom domains, more sites, and advanced integrations for $19/year.
  • Custom Code Support: Embed custom HTML and third-party widgets easily.

Add Custom HTML Documentation

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

  1. Log in to Your Carrd Account: Start by logging into your Carrd account and opening the site you want to edit.

  2. Add an Element: Click on the Add Element button (usually represented by a plus sign).

  3. Select Embed: From the list of elements, choose Embed to create a new Embed element.

  4. Set Type to Code: In the Embed settings, set the Type to Code.

  5. Insert Your Custom HTML: Paste your custom HTML code into the provided Code field.

  6. Optional - Set a Label: You can set a Label for your embed to help identify it later.

  7. Choose Embed Style: Select the style for your embed as per your design preference.

  8. Save Changes: Once you are satisfied with your settings, save your changes.

  9. Preview and Publish: Preview your site to see the changes in action, and then publish your site to make the changes live.

Integration Guide

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

How to integrate OpenAssistantGPT with Carrd

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

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