Back to No-Code Website Builders

Integrate AI chatbots with Siter.io

Freehand design tool, no-code website builder

Overview

Siter.io is a no-code website builder that allows creatives to design and publish responsive websites directly in the browser without any coding.

Unique Features:

  • Intuitive design tools for easy website creation.
  • Import designs from Figma seamlessly.
  • Customizable animations and the ability to embed custom HTML.
  • Collaboration features for team projects.

Add Custom HTML Documentation

Step-by-Step Guide to Integrate Custom HTML in Siter.io

  1. Log into Your Siter.io Account
    Start by logging into your Siter.io account. If you don’t have an account, you can sign up for free.

  2. Open Your Project
    Navigate to the project where you want to add custom HTML. You can either create a new project or select an existing one.

  3. Access the Editor
    Click on the ‘Edit’ button to open the website editor. This is where you will design your website.

  4. Select the Element to Edit
    Choose the section of your website where you want to insert the custom HTML. This could be a text block, a container, or any other element that allows for HTML input.

  5. Insert Custom Code
    Look for an option like ‘Add Custom Code’ or ‘Insert HTML’. This is usually found in the settings or properties panel of the selected element.

  6. Paste Your HTML Code
    In the provided field, paste your custom HTML code. Ensure that your code is correctly formatted to avoid any issues.

  7. Preview Your Changes
    Use the preview feature to see how your custom HTML looks on the page. Make adjustments as necessary to ensure it fits well with your design.

  8. Save Your Changes
    Once you are satisfied with the integration, save your changes to ensure that your custom HTML is applied.

  9. Publish Your Website
    Finally, publish your website to make the changes live. You can do this by clicking the ‘Publish’ button in the editor.

Additional Tips

  • Testing: Always test your custom HTML on different devices to ensure compatibility.
  • Support: If you encounter issues, refer to Siter.io's help section or contact their support team for assistance.

Integration Guide

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

How to integrate OpenAssistantGPT with Siter.io

  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 Siter.io website

    Log in to your Siter.io 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 Siter.io, 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