Back to No-Code Website Builders

Integrate AI chatbots with Webflow

We're #Webflow experts on a mission to help businesses succeed and grow through beautiful web design

Overview

Growfox is a Webflow Expert that specializes in web design services, focusing on helping businesses succeed through beautiful and functional websites.

Unique Features:

  • No-Code Solutions: Enables users to create websites without coding skills.
  • Collaborative Design Process: Utilizes tools like Figma for wireframing and prototyping, ensuring high-quality design.
  • Lead Generation Focus: Aims to enhance online presence and drive business growth through effective web design.

Add Custom HTML Documentation

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

  1. Open Your Webflow Project: Log in to your Webflow account and select the project where you want to add custom HTML.

  2. Navigate to the Page Settings: Click on the page where you want to add the custom HTML. You can do this from the Pages panel.

  3. Add a Code Embed Element: Drag the Embed element from the Add panel (the plus icon) onto your page where you want the custom HTML to appear.

  4. Insert Your Custom HTML: Click on the Embed element you just added. A dialog box will appear where you can paste your custom HTML code.

  5. Save Your Changes: After pasting your code, click the Save & Close button to apply the changes.

  6. Publish Your Site: Once you have added the custom HTML, make sure to publish your site to see the changes live.

Additional Options

  • Site-wide Custom Code: If you want to add custom HTML that applies to the entire site, go to Project Settings > Custom Code. Here, you can add code in the Head or Before Body Tag sections.
  • Custom Code in CMS: For adding custom HTML to CMS items, navigate to the CMS Collection, select the item, and use the Rich Text field to add custom code using the Embed option.

Important Notes

  • Ensure that your custom HTML does not conflict with Webflow's built-in functionalities.
  • Webflow does not support server-side languages (like PHP) in custom code.
  • Always test your custom code to ensure it works as expected before publishing.

Integration Guide

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

How to integrate OpenAssistantGPT with Webflow

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

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