Нейросеть для сайта на Тильде: тексты, HTML-блоки и структура

ИИ не соберёт сайт на Тильде за минуту, но поможет с текстами блоков, структурой страницы и кодом для вставок. Разбираем рабочие приёмы и подводные камни.

5 мин · · бизнес · автоматизация

Нейросеть для создания сайта на Тильде полезна, но не так, как это любят описывать в заголовках. Тильда собирается из блоков в визуальном редакторе, поэтому «сгенерировать весь сайт» не получится: нейросеть не нажимает кнопки вашего конструктора. Зато она помогает с тремя вещами: пишет тексты для блоков, помогает продумать структуру страницы и пишет небольшие фрагменты HTML, CSS и JS для вставки. Ниже рабочие приёмы и ограничения. Цены моделей приведены на 18 октября 2026.

Что умеет ИИ в связке с Тильдой

ЗадачаНасколько подходитКомментарий
Тексты блоков (заголовки, преимущества, FAQ)хорошовы редактируете, а не пишете с нуля
Структура страницы и порядок блоковхорошокак черновик, решение за вами
Вставки HTML/CSS/JSсредненужна проверка после публикации
Готовая вёрстка Zero Blockслабоэто графический редактор, а не код
Юридические тексты, цены, гарантиитолько как заготовкафакты вносите сами

Про общий принцип «ИИ пишет, человек проверяет» читайте в статье как писать тексты с помощью нейросети.

Шаг 1. Структура страницы

Начните не с текстов, а с плана. Опишите нейросети бизнес, аудиторию и цель страницы и попросите предложить порядок разделов. Пример запроса:

bash
Лендинг мастерской по ремонту велосипедов в Казани. Аудитория: городские
велосипедисты. Цель: запись на диагностику. Предложи структуру страницы
из 7-8 разделов: что в каждом разделе, какой главный вопрос читателя он закрывает
и какое действие просит сделать. Без выдуманных цен и отзывов.

Получив план, сопоставьте разделы с блоками из библиотеки Тильды: обложка, преимущества, шаги, галерея, FAQ, форма. Названия и коды блоков смотрите прямо в редакторе: нейросеть может их придумать, а вы выбираете реальные.

Шаг 2. Тексты блоков

Дайте модели жёсткие рамки: сколько символов в заголовке, какие факты можно использовать, какой тон. Ограничения по длине в блоках Тильды задаёт вёрстка, поэтому лучше сразу попросить варианты разной длины.

bash
Напиши для блока «Обложка»: заголовок до 60 символов, подзаголовок до 120,
текст кнопки до 20. Дай 3 варианта. Используй только факты из списка:
- диагностика в день обращения;
- работаем по записи;
- адрес: ул. Примерная, 1.
Ничего не придумывай сверх списка.

Правило: все цифры, сроки, гарантии и адреса вы подставляете сами. Если нейросеть «додумала» срок или цену, это ошибка, а не творчество. Чтобы не копировать вручную по одному блоку, можно прогнать список страниц или блоков скриптом.

Пакетная генерация текстов скриптом

Пример на Python с официальным пакетом openai. Ключ fetch_... создаётся на странице API-ключей, адрес с /v1, формат запроса описан в документации chat completions.

bash
from openai import OpenAI

client = OpenAI(base_url="https://api.zukko.pro/v1", api_key="fetch_ваш_ключ")

facts = "Диагностика в день обращения. Работаем по записи."
blocks = ["Обложка", "Преимущества", "Как мы работаем", "Вопросы и ответы"]

for name in blocks:
    resp = client.chat.completions.create(
        model="claude-sonnet-5-5",
        messages=[
            {"role": "system",
             "content": "Ты редактор сайтов. Используй только данные из блока ФАКТЫ. "
                        "Не придумывай цены, сроки и отзывы."},
            {"role": "user",
             "content": f"ФАКТЫ: {facts}\nНапиши текст для блока «{name}» "
                        "для сайта мастерской по ремонту велосипедов. Дай 2 варианта."},
        ],
    )
    print(f"--- {name} ---")
    print(resp.choices[0].message.content)

Результат копируйте в блоки Тильды вручную: так вы сразу видите, как текст влезает в вёрстку.

Расчёт стоимости (объёмы условные, это допущение). Пусть на страницу уходит 1 500 токенов входа и 1 000 токенов выхода, всего 30 страниц: 45K входа и 30K выхода. Формула: вход в млн × цена входа + выход в млн × цена выхода.

  • claude-sonnet-5-5: 0,045 × 0,4 + 0,03 × 2 = 0,018 + 0,06 = $0,078.
  • gpt-6.1-sol: 0,045 × 0,27 + 0,03 × 1,32 = 0,01215 + 0,0396 = $0,05175.
  • deepseek-v4.1-flash: 0,045 × 0,013 + 0,03 × 0,038 = 0,000585 + 0,00114 = $0,001725.

Это учебный расчёт. Какая модель лучше напишет тексты именно для вашей ниши, заранее неизвестно, сравните на одном блоке. Цены меняются — актуальные отдаёт GET https://api.zukko.pro/v1/models.

Шаг 3. HTML, CSS и JS для вставок

По справке Тильды, блок T123 «HTML-код» добавляет на страницу любой код, включая теги script и style. Блок находится в библиотеке блоков, в категории «Другое». HTML можно добавить и как элемент внутри Zero Block. Код можно вставить внутрь body страницы либо в head сайта (Настройки сайта, раздел «Ещё», «HTML-код для вставки внутрь head») или отдельной страницы.

Важные нюансы из справки:

  • в режиме редактирования и предпросмотра код выводится текстом, а работает только после публикации страницы;
  • поддержка Тильды не консультирует по коду, который вы добавили сами;
  • чтобы стили не ломали интерфейс и остальные блоки, не используйте в селекторах голые теги, универсальные классы и *: берите уникальные классы или ID;
  • свой PHP на страницу вставить нельзя, данные можно отправлять на свой сервер через приёмщик Webhook.

Эти нюансы стоит положить в запрос. Пример:

bash
Напиши фрагмент для блока T123 в Тильде: плашка «Новинка» над заголовком.
Требования: только HTML и CSS внутри <style>; уникальный класс с префиксом zk-;
не трогать теги и общие классы; без внешних библиотек.

Типичный результат:

bash
<style>
  .zk-badge {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 20px;
    background: #e8f0ff;
    color: #1a3d8f;
    font: 600 14px/1.2 sans-serif;
  }
</style>
<div class="zk-badge">Новинка</div>

И небольшой скрипт: актуальный год в подвале.

bash
<span class="zk-year"></span>
<script>
  document.querySelector('.zk-year').textContent = new Date().getFullYear();
</script>

Проверяйте после публикации, на телефоне и на компьютере. Нейросеть не видит вашу страницу, поэтому она не знает, какие стили уже заданы в Тильде.

Чего не стоит делать

  • Не вставляйте API-ключ в код страницы. Всё, что в T123, открыто любому посетителю. Если нужна нейросеть на сайте (например, виджет-помощник), запросы должны идти через ваш сервер, а ключ хранится на нём. Про чат-бота: чат-бот для сайта на нейросети.
  • Не обещайте клиентам то, что написала модель. Сроки, цены, гарантии, юридические формулировки проверяйте.
  • Не полагайтесь на SEO-тексты «как есть». Объёмные тексты для поиска вычитывайте и дополняйте своими фактами: повторы и общие фразы модель выдаёт легко.

Вайб-кодинг на Тильде: честная граница

Слово «вайб-кодинг» подразумевает, что вы описываете результат, а ИИ пишет код. На Тильде код нужен только для вставок, всё остальное делается в визуальном редакторе. Поэтому реалистичный сценарий выглядит так: структура и тексты от ИИ, сборка блоков вручную, кастомные детали через T123 с проверкой. Если вам нужен сайт, где код пишется целиком, смотрите что такое вайб-кодинг.

Для скриптов из этой статьи нужен баланс Zukko: он ведётся в долларах и пополняется из России от $1 — по СБП с комиссией платёжной страницы 8,5%, картой MasterCard или криптовалютой.

Частые вопросы

Может ли нейросеть создать сайт на Тильде целиком?

Нет. Она помогает с текстами, структурой и кодом для вставок, но сам сайт собирается в редакторе Тильды.

Какую нейросеть взять для текстов сайта?

Любую из каталога: claude-sonnet-5-5, gpt-6.1-sol, deepseek-v4.1-flash и другие. Сравните результаты на одном блоке и посмотрите на стоимость в расчёте выше.

Почему вставленный код не работает в редакторе?

По справке Тильды, в режиме редактирования код выводится текстом. Опубликуйте страницу и проверьте.

Нужно ли знать HTML?

Для вставок желательно хотя бы читать код, который выдаёт модель. Если вставка ломает страницу, отключите блок T123 и вернитесь к автору кода, то есть к своему запросу.

zukko

Платите в 25×
меньше

за Claude Code & ChatGPT

Один ключ fetch_* и base URL api.zukko.pro — в Cursor, Claude Code, Codex и любом SDK.