Learn how to connect the TozheBot AI agent widget to your Tilda-based website in just a few clicks.
6.2. Integration with Tilda
3 viewsNeed help? ↗
Obtaining a widget code in TozheBot
Before you can insert the code into your website, you need to create the widget in the platform's admin panel.
- Go to the Widgets section (https://tozhebot.ru/admin/collections/chat-widgets)
- Click "Create widget".
- Fill in the required fields in the "General" section:
- Widget name (e.g., "Website Support").
- Widget identifier (slug): a unique code in English, such as `site-support`. It is used in the installation code.
- Agent: select an agent who is both public and active. The system will not allow you to choose a private or inactive agent — this serves as a safeguard against accidental publication.
- In the "Appearance" section, configure the color, position (bottom left/right), greeting, and window title.
- In the "Security" section, specify the "Allowed domains." If you leave this field blank, the widget will work on any domain. For production environments, it is strongly recommended to specify particular domains.
- Save the widget.
Once the widget has been saved, scroll to the "Widget code" section and copy it:
Tilda
Tilda does not have a file editor, so an HTML block is used.
- Open the webpage in the Tilda editor.
- In the block library, select "Other" → "HTML code" (T123).
- Hover your cursor over the added block and click the red "Content" button.
- In the window that appears, paste the copied Tozhebot widget code.
- Click "Save and close" and publish the page.
After that, your widget will be published on the website page.