Back to No-Code Website Builders

Integrate AI chatbots with Microweber CMS

Your future, simplified! Our platform is easy and for everyone. Join now and thrive!

Overview

Microweber is a no-code website builder and content management system (CMS) designed to make website creation easy and accessible for everyone.

Unique Features:

  • Drag-and-Drop Interface: Allows users to design websites without any coding knowledge.
  • Custom HTML Integration: Users can add their own HTML code for enhanced customization.
  • Extensive Template Library: Offers a wide variety of professionally designed templates for different industries.
  • Comprehensive Tools: Supports content management, e-commerce functionalities, and effective marketing strategies.

Add Custom HTML Documentation

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

  1. Access the Admin Panel: Log into your Microweber admin panel.

  2. Disable Asset Compilation: Go to Settings > Advanced > Internal settings and disable the option for compiling assets to ensure your changes are reflected immediately.

  3. Create a New Template: Navigate to userfiles/templates/ and create a new folder for your template (e.g., my_template). Ensure the folder name is in lowercase and contains no spaces.

  4. Set Up Basic Files: Inside your new template folder, create the following files:

    • config.php
    • header.php
    • index.php
    • footer.php
    • clean.php

  5. Edit config.php: Define your template's name, author, and version in the config.php file:

    <?php
$config = array();
$config['name'] = "My Template";
$config['author'] = "Your Name";
$config['version'] = 0.1;
?>

  6. Add HTML to Header and Footer: In header.php, include your HTML structure and any CSS links. For example:

    <!DOCTYPE HTML>
<html>
<head>
    <title>{content_meta_title}</title>
    <link rel="stylesheet" href="<?php print template_url(); ?>assets/css/style.css">
</head>
<body>

    And in footer.php, close your HTML tags:

    </body>
</html>

  7. Use the Drag-and-Drop Editor: Utilize Microweber's drag-and-drop functionality to add sections and elements to your pages. You can insert text, images, and custom HTML blocks directly.

  8. Add Custom HTML Blocks: To add custom HTML, use the HTML editor available in the admin panel. You can insert custom code snippets or entire sections as needed.

  9. Test Your Changes: Always preview your changes in a staging environment before going live to ensure everything functions as expected.

  10. Publish Your Template: Once satisfied with your customizations, publish your template for use on your site.

Integration Guide

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

How to integrate OpenAssistantGPT with Microweber CMS

  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 Microweber CMS website

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