Скидка 20% на шаблоны до до 15.10

00 дн 00 ч 00 мин 00 сек
Каталог шаблонов
Короткая заявка
Инструкция / шаблоны Tilda

Ваш шаблон.
Ваш сайт. Начнём.

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

Пошаговая настройка Примеры промптов Чек-лист запуска
!
Перед работой отключите VPN

Отключите VPN, войдите в свой аккаунт Tilda и откройте редактор. После этого переходите к установке и настройке шаблона В.НЕЙРО.

01 / Подготовка

Что понадобится

Подготовьте данные заранее — так вы быстрее замените пример в шаблоне на свой настоящий сайт.

Доступы

Аккаунт Tilda, адрес для получения заявок и, если есть, доступ к домену.

Материалы

Название компании, контакты, услуги или товары, цены, фото, отзывы с разрешением на публикацию и реквизиты для документов.

Важный нюанс: для полноценной работы в Тильде вам понадобится оплаченный тариф Personal или Business. Проверьте свой тариф до начала работы. Официальная инструкция Tilda ↗
02 / Установка

Базовая настройка шаблона Tilda

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

Получите страницу на свой аккаунт

Откройте в почте уведомление от Tilda и примите страницу в нужный проект.

Сделайте резервную копию шаблона

Настройки страницы / Действия / Дублировать страницу. Затем переименуйте шаблон в "Мастер-шаблон" для удобства. Откройте снова настройки страницы / Дополнительно / Установите пароль на страницу. Это нужно, чтобы ваша резервная копия шаблона не попала в поиск. Вносите правки только в рабочей версии. Резервную версию используйте как донор блоков в случае необходимости

03 / Содержание

Замените демоданные

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

Пройдите по каждому блоку

  • Замените название, заголовки, услуги, цены, сроки, преимущества и ответы на вопросы.
  • Добавьте свои фото, логотип и отзывы, которые действительно можно публиковать.
  • Проверьте адрес, карту, телефон, мессенджеры, соцсети, ссылки в меню и кнопках.
  • Удалите чужие реквизиты, демонстрационные карточки и незаполненные блоки.
  • Проверьте мобильную версию после замены текстов: длинные слова могут изменить высоту карточек.
Для товаров сохраняйте реальные свойства, упаковку и маркировку. Нейросеть может незаметно изменить надписи, форму предмета или детали — сверяйте результат с оригиналом.
04 / Редактор

Как менять вайб-блоки

В вайб-блоке нажмите «Контент» для быстрой замены текста и картинок. Если нужного элемента там нет, выделите его на странице или откройте «Редактировать с AI» и опишите правку точным запросом.

Изменение текста и кнопки в вайб-блоке Tilda
01

Тексты и кнопки

Чтобы изменить текст или название кнопки, выберите нужный элемент на странице. В открывшейся справа панели замените текст на свой.

  • Проверьте заголовок и подзаголовок.
  • Замените подписи, цены, контакты и другие демоданные.
  • У кнопок обязательно проверьте текст и ссылку перехода.
Замена изображения в вайб-блоке Tilda
02

Фото и иконки

Замените демонстрационные изображения на свои и сразу проверьте, как они кадрируются внутри блока.

  • Используйте изображения подходящих пропорций.
  • Проверьте, чтобы важные части фото не обрезались.
  • После замены посмотрите блок на компьютере и телефоне.
Проверка мобильной версии вайб-блока Tilda
03

Мобильная версия

После изменения текста и изображений обязательно проверьте адаптацию блока.

  • Следите за переносами длинных заголовков.
  • Проверьте размеры кнопок, изображений и отступов.
  • Убедитесь, что элементы не наезжают друг на друга.
Настройка формы в вайб-блоке Tilda
04

Форма в вайб-блоке

Если в блоке есть форма, подключите к ней свой сервис приёма заявок и обязательно отправьте тестовую заявку.

  • Выделите форму и откройте её настройки.
  • Подключите нужный сервис приёма данных.
  • Опубликуйте страницу и проверьте получение заявки.
Копирование вайб-блока Tilda
05

Копирование блоков

Если нужен дополнительный блок, используйте готовые элементы шаблона вместо создания похожего блока с нуля.

  • Скопируйте или продублируйте подходящий блок.
  • Замените в копии текст, изображения и ссылки.
  • При необходимости используйте «Мастер-шаблон» как донор исходных блоков.
Удаление лишнего вайб-блока Tilda
06

Удаление лишних блоков

Удаляйте разделы, которые не нужны вашему сайту, чтобы страница не выглядела перегруженной.

  • Сначала убедитесь, что блок действительно не понадобится.
  • Удаляйте его только в рабочей версии страницы.
  • Резервный «Мастер-шаблон» оставляйте без изменений.

Пример запроса на правку

«В этом блоке замени только заголовок на “Кухни по вашим размерам”, подпись на “Проектируем, изготавливаем и устанавливаем”. Кнопку назови “Рассчитать стоимость” и веди к форме #form. Сохрани цвета, сетку и мобильную адаптацию. Остальные элементы не меняй».

После изменения вайб-блока проверьте его на телефоне и компьютере. Справка Tilda по вайб-блокам ↗

05 / Визуал

Изображения с ИИ

Выбирайте инструмент под задачу. Для портрета загрузите свои фото как референсы; для интерьера, фона или иллюстрации опишите нужную сцену. Условия бесплатного доступа и лимиты сервисов меняются.

ChatGPT ↗

Подойдёт для обработки собственного фото, идеи для обложки и предметных сцен. Можно загрузить исходник и попросить точечную правку; на бесплатном плане лимиты строже.

Бесплатно с лимитом / платно

Krea ↗

Генерация по описанию и референсам. Для серии похожих портретов можно обучить собственную модель на нескольких снимках.

Бесплатно с лимитом / платно

Magnific (ранее Freepik AI) ↗

Подходит для рекламных кадров, редактирования фото и серий с единым персонажем. В бесплатном доступе есть ограниченное количество AI-кредитов.

Бесплатно с лимитом / платно

Midjourney ↗

Для атмосферных обложек и визуальных концепций. На сайте и в Discord действует подписка; бесплатного пробного режима там сейчас нет.

Чтобы изображение подошло для сайта

  • Для первого экрана укажите горизонтальный формат, место под текст и безопасные поля по краям.
  • Для карточек одного раздела задавайте одинаковые свет, ракурс, пропорции и цветовую гамму.
  • Для портрета используйте собственные фотографии или разрешение человека; сравните лицо с исходником.
  • Убирайте сгенерированные надписи и логотипы; заголовок лучше добавить в Tilda.
  • Сжимайте готовые изображения и проверяйте качество на мобильном экране.
06 / Готовые запросы

Промпты для изображений

Замените слова в квадратных скобках на свои данные. Запрос для портрета отправляйте вместе с собственными фотографиями.

Деловая ИИ-фотосессия

Используй загруженные фотографии одного человека как референс внешности. Создай естественный профессиональный портрет для сайта [сфера деятельности]. Сохрани узнаваемые черты лица, возраст и цвет волос; лёгкая улыбка, уверенная спокойная поза. Одежда: [описание]. Интерьер: [описание]. Мягкий дневной свет, реалистичная текстура кожи без пластиковой ретуши. Вертикальный кадр 4:5, свободное пространство [слева/справа] для текста. Без надписей, логотипов и дополнительных людей.

Фото услуги или процесса

Создай реалистичное фото для сайта компании, которая занимается [услуга]. Покажи конкретный момент: [действие, инструменты, обстановка]. Стиль бренда: [цвета, настроение]. Естественные материалы и правдоподобные детали, мягкий дневной свет. Горизонтальный формат 16:9, главный объект справа, слева чистое место под заголовок. Без текста, водяных знаков и вымышленных сертификатов.

Карточка товара

Используй загруженное реальное фото товара как точный референс. Сохрани форму, цвет, фактуру, этикетку и все надписи без изменений. Аккуратно отдели товар от исходного фона и размести по центру на фоне [цвет]. Мягкий студийный свет, естественная слабая тень, чистый коммерческий кадр 1:1. Не добавляй предметы и не придумывай элементы упаковки. Если текст на этикетке нельзя сохранить точно, оставь исходную этикетку из фотографии.

Любое изображение для блока

Создай изображение для блока сайта о [тема]. Сюжет: [что происходит и что должно быть видно]. Главный объект: [объект]. Стиль: [фотореализм / иллюстрация / 3D], палитра [цвета], освещение [тип], фон [описание]. Формат [соотношение сторон]. Оставь свободную область [где] для текста сайта. Важно сохранить [детали]. Не добавляй текст, логотипы, лишние руки или случайные предметы.
07 / Слова

Промпты для текстов

Сначала соберите факты. Хороший маркетинговый текст объясняет, для кого предложение, что человек получит и как сделать следующий шаг.

Оффер для услуги

Ты редактор коммерческого сайта. Напиши текст первого экрана для услуги [название] в [город/онлайн]. Клиенты: [кто они]. Их задача: [проблема]. Мы делаем: [конкретные работы]. Наши подтверждённые преимущества: [факты, сроки, гарантии]. Целевое действие: [заявка/звонок/запись]. Дай 5 вариантов заголовка до 10 слов, подзаголовок до 25 слов, 3 коротких пункта и текст кнопки. Пиши ясно, без клише «индивидуальный подход» и без выдуманных цифр или обещаний.

Описание товара

Напиши карточку товара для сайта. Товар: [название]. Подтверждённые характеристики: [размер, материал, комплектация]. Для кого: [аудитория]. Сценарий использования: [как применяют]. Важные ограничения: [что нужно честно сказать]. Составь короткий заголовок, описание на 80–120 слов, 4 преимущества с опорой на характеристики и 5 ответов на вопросы покупателя. Не добавляй свойств, которых нет в исходных данных.

Блок «Почему нам доверяют»

На основе только этих фактов о компании: [перечислите стаж, процесс, квалификацию, материалы, документы, реальные отзывы] создай 4 карточки преимуществ для лендинга [сфера]. В каждой — заголовок 2–5 слов и объяснение одним простым предложением: что именно получает клиент. Не используй слова «лучший», «уникальный», «профессиональный» без доказательства. Если фактов мало, сначала задай мне вопросы.

Структура страницы и FAQ

Помоги адаптировать шаблон сайта под [услуга/товар]. Аудитория: [описание]. Цель страницы: [цель]. Есть блоки: [перечень блоков]. Предложи порядок блоков, что оставить, что убрать и какие сведения нужны для решения клиента. Затем напиши 8 частых вопросов с краткими ответами. Используй только данные, которые я дал; недостающие факты пометь как вопросы ко мне.
Проверяйте результат: стоимость, сроки, медицинские или юридические утверждения, лицензии, отзывы и гарантии должны соответствовать вашим реальным документам и условиям.
08 / Заявки

Подключите почту к формам

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

Добавьте адрес

Откройте «Настройки сайта → Формы → Email», введите свою почту и сохраните.

Подтвердите почту

Перейдите по ссылке в проверочном письме от Tilda. Если письма нет, загляните в «Спам» и «Рассылки».

Включите получателя в каждой форме

Откройте «Контент» блока с формой, отметьте подключенный Email. У вайб-блока выделите форму и откройте «Сервисы».

Опубликуйте и отправьте тест

С опубликованной страницы отправьте заявку с тестовыми данными. Проверьте письмо и раздел «Заявки» в Tilda.

Пошаговая справка Tilda по Email ↗

09 / Документы

Подготовьте сайт к работе с персональными данными

Если через сайт поступают имя, телефон, email или другие данные посетителей, владелец сайта отвечает за их обработкув соответствии с законом № 152-ФЗ. В шаблоне есть специальные попапы с шаблонами документов. Содержание документа нужно заполнить или переписать под ваш бизнес.

Что проверить перед запуском

  • Политика: укажите своего оператора, контакты, цели, категории данных, сервисы и сроки; разместите документ на отдельной странице и добавьте ссылку в подвал.
  • Согласие в формах: рядом с отправкой разместите отдельный понятный текст и ссылку на согласие/политику. Если применяется чекбокс, он не должен быть отмечен заранее, но должен быть обязательным. Рассылку оформляйте отдельным согласием, когда она нужна.
  • Cookie: опишите используемые файлы и настройте уведомление. При аналитических и рекламных cookie удобно использовать блок T972 с выбором категорий.
  • Роскомнадзор: проверьте обязанность подать уведомление об обработке персональных данных через официальный портал до начала такой обработки.
  • Подключённые сервисы: проверьте CRM, аналитику, виджеты, рассылки и место первичного сбора данных. Политика должна отражать фактические интеграции.
Шаблон текста — заготовка, а не готовая политика именно вашей компании. Уберите демонстрационные реквизиты и проверьте документы под свой процесс сбора данных.

Полезные ссылки: персональные данные в Tilda ↗ · настройка T972 ↗ · уведомление Роскомнадзора ↗

10 / Поиск

Настройте базовое SEO

Начните с ясного описания каждой страницы. Первичное SEO помогает поисковику понять содержание сайта и показывает человеку понятный результат выдачи.

Для каждой важной страницы

  • Напишите свой Title и Description в «Настройки страницы → SEO»: услуга или товар, важный контекст и город, если он нужен.
  • Оставьте один ясный H1, выстройте подзаголовки H2–H3 по смыслу, а изображениям добавьте описательные alt-тексты. Чаще всего эти настройки уже есть в шаблонах.
  • Укажите читаемый адрес, например /services или /about, вместо служебного номера страницы.
  • Заполните превью для соцсетей и мессенджеров, чтобы ссылка выглядела аккуратно при отправке.
  • Проверьте, что опубликованная страница открыта для индексации. После подключения домена добавьте сайт в Яндекс Вебмастер и, если актуально для вашей аудитории, Google Search Console.
Пример Title

Ремонт квартир под ключ в Казани — название компании

Пример Description

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

Гид Tilda по SEO ↗

11 / Детали бренда

Установите фавикон

Фавикон — маленький знак рядом с названием страницы во вкладке браузера. Для него лучше использовать простой символ логотипа, который различим в размере 32 × 32 пикселя.

Скачайте favicon по ссылке в письме или создайте свой вариант Настройки сайта → SEO → Favicon Загрузите и опубликуйте

Если значок сразу не обновился, откройте сайт в приватном окне или очистите кэш браузера. Справка Tilda ↗

12 / Финал

Опубликуйте и проверьте сайт

Подключите собственный домен и HTTPS в настройках Tilda, назначьте главную страницу и опубликуйте весь сайт. Затем откройте его как обычный посетитель.

Если что-то выглядит не так

Сначала переопубликуйте изменённую страницу и откройте её в приватном окне. Если проблема осталась, запишите ссылку на страницу, устройство и точный блок: так её легче найти и исправить.

Техническая поддержка

В течение 30 дней с момента покупки вам доступна бесплатная техническая поддержка. Если у вас что-то не получается и идёт не так, напишите на почту neuro-nova@yandex.com.

Made on
Tilda