Back to No-Code Website Builders

Integrate AI chatbots with Firefly Composer

No-code WordPress builder with drag-and-drop design; supports custom HTML integration for advanced customization.

Overview

Firefly Composer is a no-code website builder tailored for WordPress, enabling users to create and customize websites effortlessly without coding skills.

Unique Features:

  • Drag-and-Drop Functionality: Build websites in real-time using an intuitive interface.
  • Custom HTML Integration: Add raw HTML directly from the front end for enhanced customization.
  • Template and Module System: Access a variety of templates and modules to streamline the design process.
  • WooCommerce Compatibility: Seamlessly integrate e-commerce functionalities for online stores.

Add Custom HTML Documentation

Step-by-Step Guide to Integrate Custom HTML in Firefly Composer

  1. Log in to Your Firefly Composer Account
    Start by logging into your Firefly Composer account using your credentials.

  2. Select the Page to Edit
    Navigate to the page where you want to add custom HTML. You can do this from the dashboard or the page list.

  3. Enter the Editing Mode
    Click on the "Edit" button to enter the page editing mode. This will allow you to modify the content of the page.

  4. Add a New Module
    Look for the option to add a new module or section. This is usually represented by a plus (+) icon or an "Add Module" button.

  5. Choose the HTML Module
    From the list of available modules, select the "HTML" module. This module is specifically designed for adding custom HTML code.

  6. Insert Your Custom HTML
    In the HTML module, you will see a text area where you can paste or type your custom HTML code. Make sure your code is correct and properly formatted.

  7. Preview Your Changes
    After inserting your HTML, use the preview option to see how it looks on the page. This step is crucial to ensure that the HTML integrates well with the existing design.

  8. Save Your Changes
    Once you are satisfied with how the custom HTML appears, click on the "Save" or "Publish" button to apply the changes to your live site.

  9. Test the Functionality
    Finally, visit the live page to test the functionality of the custom HTML. Ensure that it behaves as expected and does not interfere with other elements on the page.

Integration Guide

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

How to integrate OpenAssistantGPT with Firefly Composer

  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 Firefly Composer website

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