Back to No-Code Website Builders

Integrate AI chatbots with Makeswift

Unleashing creativity on the web


Overview

Makeswift is a no-code website builder that empowers marketers to create and manage websites without needing technical skills.

Unique Features:

  • Composable Visual Editor: Allows for easy customization and design.
  • SEO Optimization: Tools to enhance search engine visibility.
  • Custom HTML Integration: Supports adding custom code for advanced functionality.
  • Team Collaboration: Features for assigning roles and permissions to streamline teamwork.

Add Custom HTML Documentation

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

  1. Create a Snippet:

    • Deselect all elements and click the Page tab in the right sidebar.
    • Click the + icon in the Snippets panel and select Create snippet.
  2. Name Your Snippet:

    • Enter a name for your snippet.
  3. Paste Your Code:

    • Add your custom HTML code into the provided field.
  4. Choose Placement:

    • Decide if the code should be placed in the <head> or at the end of the closing <body>.
    • Consult the code's documentation if unsure.
  5. Cleanup Code:

    • If necessary, add cleanup code to ensure proper removal of scripts when navigating away from the page.
  6. Create Snippet:

    • Click Create to save your snippet.
  7. Add to Pages:

    • Choose to add this snippet to your current page or all pages on your site.
  8. Manage Snippets:

    • Use the action menu to edit or remove snippets as needed.

For more advanced integration, consider using next/script for better performance and control over script loading.

Integration Guide

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

How to integrate OpenAssistantGPT with Makeswift

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

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