Back to No-Code Website Builders

Integrate AI chatbots with Notionlayer

No-code website builder with seamless custom HTML integration and easy Notion content management.

Overview

Notionlayer is a no-code website builder that enables users to create and publish websites directly from Notion.

Unique Features:

  • No Coding Required: Users can easily maintain content and build sites without technical skills.
  • Custom Code Integration: Allows for the addition of custom HTML, CSS, and JavaScript.
  • Widgets: Collect leads and create surveys with integrated tools.
  • Custom Domains: Users can set up their own domains for a professional appearance.
  • Free SSL: Ensures security for all published pages.

Add Custom HTML Documentation

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

  1. Prepare Your Notion Page

    • Create or open the Notion page where you want to add custom HTML.

  2. Access the Notionlayer Dashboard

    • Log in to your Notionlayer account and navigate to the dashboard.

  3. Link Your Notion Page

    • In the dashboard, input the link to your Notion page that you prepared in step 1.

  4. Navigate to Custom Code Section

    • Look for the section in the dashboard labeled "Custom Code" or similar.

  5. Insert Your Custom HTML

    • Paste your custom HTML code into the provided text area. Ensure that your code is correctly formatted.

  6. Preview Your Changes

    • Use the preview mode to see how your custom HTML integrates with your Notion page.

  7. Save Changes

    • Once satisfied with the preview, save your changes to apply the custom HTML to your live site.

  8. Test Your Site

    • Visit your published site to ensure that the custom HTML appears and functions as expected.

Integration Guide

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

How to integrate OpenAssistantGPT with Notionlayer

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

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