Нейросеть для сайта на Тильде: тексты, HTML-блоки и структура
ИИ не соберёт сайт на Тильде за минуту, но поможет с текстами блоков, структурой страницы и кодом для вставок. Разбираем рабочие приёмы и подводные камни.
5 мин · · бизнес · автоматизация
Нейросеть для создания сайта на Тильде полезна, но не так, как это любят описывать в заголовках. Тильда собирается из блоков в визуальном редакторе, поэтому «сгенерировать весь сайт» не получится: нейросеть не нажимает кнопки вашего конструктора. Зато она помогает с тремя вещами: пишет тексты для блоков, помогает продумать структуру страницы и пишет небольшие фрагменты HTML, CSS и JS для вставки. Ниже рабочие приёмы и ограничения. Цены моделей приведены на 18 октября 2026.
Что умеет ИИ в связке с Тильдой
| Задача | Насколько подходит | Комментарий |
|---|---|---|
| Тексты блоков (заголовки, преимущества, FAQ) | хорошо | вы редактируете, а не пишете с нуля |
| Структура страницы и порядок блоков | хорошо | как черновик, решение за вами |
| Вставки HTML/CSS/JS | средне | нужна проверка после публикации |
| Готовая вёрстка Zero Block | слабо | это графический редактор, а не код |
| Юридические тексты, цены, гарантии | только как заготовка | факты вносите сами |
Про общий принцип «ИИ пишет, человек проверяет» читайте в статье как писать тексты с помощью нейросети.
Шаг 1. Структура страницы
Начните не с текстов, а с плана. Опишите нейросети бизнес, аудиторию и цель страницы и попросите предложить порядок разделов. Пример запроса:
Лендинг мастерской по ремонту велосипедов в Казани. Аудитория: городские
велосипедисты. Цель: запись на диагностику. Предложи структуру страницы
из 7-8 разделов: что в каждом разделе, какой главный вопрос читателя он закрывает
и какое действие просит сделать. Без выдуманных цен и отзывов.Получив план, сопоставьте разделы с блоками из библиотеки Тильды: обложка, преимущества, шаги, галерея, FAQ, форма. Названия и коды блоков смотрите прямо в редакторе: нейросеть может их придумать, а вы выбираете реальные.
Шаг 2. Тексты блоков
Дайте модели жёсткие рамки: сколько символов в заголовке, какие факты можно использовать, какой тон. Ограничения по длине в блоках Тильды задаёт вёрстка, поэтому лучше сразу попросить варианты разной длины.
Напиши для блока «Обложка»: заголовок до 60 символов, подзаголовок до 120,
текст кнопки до 20. Дай 3 варианта. Используй только факты из списка:
- диагностика в день обращения;
- работаем по записи;
- адрес: ул. Примерная, 1.
Ничего не придумывай сверх списка.Правило: все цифры, сроки, гарантии и адреса вы подставляете сами. Если нейросеть «додумала» срок или цену, это ошибка, а не творчество. Чтобы не копировать вручную по одному блоку, можно прогнать список страниц или блоков скриптом.
Пакетная генерация текстов скриптом
Пример на Python с официальным пакетом openai. Ключ fetch_... создаётся на странице API-ключей, адрес с /v1, формат запроса описан в документации chat completions.
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.
Эти нюансы стоит положить в запрос. Пример:
Напиши фрагмент для блока T123 в Тильде: плашка «Новинка» над заголовком.
Требования: только HTML и CSS внутри <style>; уникальный класс с префиксом zk-;
не трогать теги и общие классы; без внешних библиотек.Типичный результат:
<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>И небольшой скрипт: актуальный год в подвале.
<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.
Похожие статьи
- Нейросеть для тестировщика: тест-кейсы, чек-листы и баг-репортыКак QA-инженеру использовать модель для тест-кейсов, чек-листов и баг-репортов, проверять полноту покрытия и не получить придуманные требования.
- Обезличивание данных перед отправкой в нейросеть: практический подходПерсональные данные не нужно отправлять модели, чтобы она обработала документ. Показываем, как заменять их метками, возвращать в ответ и проверять, что ничего не просочилось.
- Нейросеть для HR: вакансии, письма кандидатам и разбор резюмеМодель может готовить черновики вакансий и писем и делать первичный разбор резюме. Разбираем, что отдавать, как работать с персональными данными кандидатов и как не допустить предвзятых решений.
- Генерация FAQ нейросетью: вопросы из обращений и ответы по базе знанийХороший FAQ строится на том, что клиенты правда спрашивают. Показываем пайплайн: группируем обращения, отвечаем по базе знаний со ссылкой на источник и проверяем результат.