Back to No-Code Website Builders

Integrate AI chatbots with Tuilder

No-code website builder with custom HTML integration; starts at $10/month.


Overview

Tuilder Web Services Pty Ltd is a no-code website builder designed for users of all skill levels. It features an intuitive interface that allows anyone to create engaging websites effortlessly.

Unique Features:

  • Powerful Content Management System: Manage content easily with a user-friendly design.
  • E-commerce Capabilities: Advanced tools for setting up online stores.
  • Integrated Email Marketing: Run email campaigns directly from the platform.
  • Custom Code Support: Users can integrate custom HTML, CSS, and JavaScript via a theme builder.
  • Flexible Pricing: Offers a free trial and various subscription plans to suit different needs.

Add Custom HTML Documentation

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

  1. Log into Your Tuilder Account
    Start by logging into your Tuilder account using your credentials.

  2. Access the Theme Builder
    Navigate to the dashboard and select the Theme Builder option. This feature allows you to customize the look and feel of your website.

  3. Select the Page or Template
    Choose the specific page or template where you want to add custom HTML.

  4. Open the HTML Editor
    Within the theme builder, look for an option to add or edit HTML. This might be labeled as Custom Code or HTML Block.

  5. Insert Your Custom HTML
    Paste your custom HTML code into the provided editor. Ensure that your code is clean and free of errors to avoid display issues.

  6. Preview Your Changes
    Use the preview function to see how your custom HTML integrates with the existing design. Make adjustments as necessary.

  7. Save Your Changes
    Once satisfied with the preview, save your changes to apply them to your live site.

  8. Publish Your Site
    Finally, publish your site to make the changes visible to your visitors.

Additional Tips

  • Make sure to test your custom HTML on different devices to ensure compatibility.
  • Utilize the modular page designer for additional customization options alongside your HTML code.

Integration Guide

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

How to integrate OpenAssistantGPT with Tuilder

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

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