Back to No-Code Website Builders

Integrate AI chatbots with Tilda

Tilda is an intuitive no-code platform for creating all kinds of websites: online stores, landing pages, blogs, and more

Overview

Tilda is a no-code website builder designed for creating various types of websites, such as online stores, landing pages, and blogs.

Unique Features:

  • 550+ Pre-designed Blocks: Users can choose from a wide range of customizable blocks to build their websites easily.
  • Zero Block Editor: Allows for the creation of unique designs and custom blocks without coding.
  • SEO Optimization: Websites built on Tilda are optimized for search engines, enhancing visibility.
  • Custom HTML Integration: Users can add custom HTML, CSS, and JavaScript for advanced customization.

Add Custom HTML Documentation

Adding Custom HTML to Tilda

To add custom HTML to your Tilda website:

  1. Use the T123 Block: Go to the Block Library → Other → T123 ('Embed HTML Code'). You can also search for 'T123' in the library.

  2. Insert Code: You can add HTML code to the page body or the head section of your website.

    • For Body: Place your code inside the T123 block.
    • For Head Section: Go to Site Settings → More → HTML code for the head section for all pages, or Page Settings → Additional → HTML code for the head section for a specific page.

  3. Supported Code: The T123 block supports HTML, JavaScript (inside <script> tags), and CSS (inside <style> tags). PHP code cannot be added directly but can be sent to your server using Webhook services.

  4. Publish: Remember that in editing and preview modes, the code will appear as text only. To make it operational, you must publish the page.

Note: Tilda does not provide support for issues related to your custom code.

Integration Guide

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

How to integrate OpenAssistantGPT with Tilda

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

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