Новичкам
Итак, вы купили шаблон на Tilda — шаблон уже появился в вашем личном кабинете, и теперь... непонятно, с чего начать. Открывать редактор и сразу менять всё подряд? Или есть правильный порядок действий?
Есть. И он важен: если делать вещи в нужной последовательности, сайт запускается быстрее, выглядит профессионально с первого дня и сразу готов принимать заявки. В этой статье — семь шагов, которые стоит сделать до того, как нажать кнопку «Опубликовать».
Статья написана для тех, кто работает с Tilda впервые или запускает сайт на шаблоне второй-третий раз и хочет не упустить важное.
Шаг 1. Смените акцентный цвет на фирменный
Это самое быстрое и самое заметное изменение. Один правильный цвет — и сайт перестаёт быть «шаблоном», превращаясь в ваш фирменный ресурс. Именно акцентный цвет определяет, как выглядят кнопки, ссылки, выделения и все интерактивные элементы.
Как поменять цвет в Tilda
- Откройте настройки сайта → раздел «Стили».
- Найдите поле «Цвет ссылок» или «Акцентный цвет».
- Вставьте hex-код вашего фирменного цвета (например, #E05A2B).
- Нажмите «Сохранить» — цвет применится сразу ко всем страницам.
- Если у вас нет фирменного цвета — не переживайте. Воспользуйтесь сервисом coolors.co: загрузите фото вашего продукта или интерьера, и он предложит подходящую палитру.
Совет дизайнера: выбирайте насыщенный, но не кричащий цвет. Тёмно-зелёный, терракотовый, глубокий синий — работают лучше, чем ярко-жёлтый или неоновый. Акцент должен выделять кнопки, а не раздражать глаза.
Шаг 2. Добавьте логотип и название компании
Шапка сайта — первое, что видит посетитель. Если там стоит заглушка «Ваш логотип» или чужое название — доверие падает ещё до того, как человек прочитал хоть одно слово.
Что нужно заменить в шапке
- Логотип. Загрузите SVG или PNG с прозрачным фоном. Оптимальный размер — до 250 пикселей по ширине, вес до 50 КБ.
- Название компании. Если используете текстовый логотип — замените демо-текст на своё название.
- Контактный номер или мессенджер в шапке (если он предусмотрен шаблоном).
Ссылки в навигационном меню — переименуйте разделы под свою структуру.
Логотипа ещё нет? Сделайте простую текстовую «заглушку» — название компании красивым шрифтом. Это лучше, чем пустое место. Логотип можно добавить позже.
Не забудьте заменить favicon — маленькую иконку во вкладке браузера. Она настраивается в разделе «Настройки сайта → Favicon». Без неё вкладка показывает стандартную иконку Tilda.
Шаг 3. Замените все тексты на свои
Это самый важный и самый объёмный шаг. Демо-тексты в шаблоне — заглушки, которые объясняют структуру, но не продают ваш бизнес. Хороший текст на сайте — это не «поэзия», а конкретные ответы на вопросы клиента.
Что писать на каждом ключевом блоке
Главный заголовок (Hero): Ответьте на вопрос: «Что вы делаете и для кого?» Пример: «Юридическая помощь для малого бизнеса в Москве — без предоплаты». Никакого «Добро пожаловать» — это слова ни о чём.
Подзаголовок под Hero: Раскройте главную выгоду или закройте главное возражение. «Берёмся за дела, от которых отказывают другие. Первая консультация бесплатно».
Блок услуг: Перечислите конкретные услуги с понятными названиями. Не «Комплексное сопровождение», а «Регистрация ООО за 3 дня».
Блок «О нас»: Не история компании, а польза для клиента. «10 лет на рынке» — не аргумент. «Выиграли 94% судебных дел» — аргумент.
Отзывы: Замените демо-отзывы реальными — с именем, фото и конкретным результатом. «Хороший специалист» — слабо. «Помогли вернуть 340 000 ₽ от контрагента» — сильно.
Форма заявки: Поменяйте заголовок формы на конкретный призыв: «Получите бесплатную консультацию за 15 минут» вместо «Свяжитесь с нами».
Пишите так, как будто объясняете другу, чем занимаетесь. Прочитайте вслух — если звучит неестественно, перепишите проще. Ваш клиент — не эксперт в вашей нише.
Шаг 4. Загрузите реальные фотографии
Стоковые фото — главный признак «шаблонного» сайта. Красивые улыбающиеся люди в костюмах вызывают у посетителей ровно одну мысль: «Это не настоящая компания». Даже несовершенные, но реальные фото работают лучше.
Что фотографировать и где взять фото
- Ваш продукт или результат работы — в хорошем освещении, горизонтальный кадр.
- Рабочий процесс — как вы делаете то, что делаете.
- Команда или вы сами — живые лица создают доверие.
- Пространство — офис, студия, производство, если это часть вашего бренда.
Если реальных фото пока нет — используйте Unsplash (unsplash.com) или Pexels (pexels.com). Это бесплатные стоки с качественными нейтральными фотографиями. Ищите по теме вашей ниши и выбирайте фото без явных зарубежных реалий.
Требования к фото для Tilda
- Формат: JPG или WebP. PNG — только для логотипов и иконок с прозрачностью.
- Размер по ширине: 1200–2000 пикселей для полноэкранных блоков.
- Вес файла: до 500 КБ. Tilda сжимает автоматически, но тяжёлые файлы замедляют загрузку.
- Ориентация: горизонтальная для обложек и баннеров, квадратная для карточек команды.
Фото на телефон — это нормально. Современные смартфоны снимают лучше, чем старые зеркалки. Главное — дневной свет и чистый фон.
Шаг 5. Настройте формы и укажите, куда приходят заявки
Форма заявки — это конечная цель всего сайта. Если она не настроена, все остальные усилия бессмысленны: посетитель заполнит форму, нажмёт кнопку — и ничего не произойдёт. Вы не узнаете, что кто-то хотел к вам обратиться.
Куда может приходить заявка
- На email — самый простой способ. Зайдите в настройки формы → поле «Email для уведомлений».
- В Telegram — через интеграцию с Telegram Bot. Заявки приходят прямо в чат.
- В AmoCRM или Bitrix24 — если у вас уже есть CRM-система.
- В Google Sheets — удобно, если хотите видеть все заявки в одной таблице.
- В несколько мест сразу — email + Telegram: так вы точно не пропустите.
Как проверить, что форма работает
- Заполните форму тестовыми данными (своим именем и телефоном).
- Убедитесь, что письмо пришло на нужный email или сообщение — в Telegram.
- Проверьте, что страница «Спасибо» открывается корректно после отправки.
- Если форма не отправляет — проверьте настройки уведомлений в Tilda.
Не оставляйте email по умолчанию, который Tilda прописывает автоматически. Он может быть чужим или нерабочим. Всегда вводите свой адрес вручную.
Шаг 6. Заполните SEO-настройки страниц
SEO — это то, как поисковики понимают ваш сайт и кому его показывают. Базовые настройки займут полчаса, но без них сайт практически невидим в Яндексе и Google. Хорошая новость: Tilda делает половину работы автоматически — вам нужно только заполнить нужные поля.
Что настроить обязательно
Title (заголовок страницы): Это название вашей страницы в поисковой выдаче — текст синей ссылки. Должен содержать главный ключевой запрос и быть не длиннее 60 символов. Пример: «Доставка цветов в Москве — быстро и свежо | FlowerBox»
Description (описание): Текст под ссылкой в поиске — именно он влияет на то, кликнет ли пользователь. Длина: 120–155 символов. Вставьте ключ и добавьте призыв: «Заказывайте на flowerbox.ru — доставим за 2 часа или вернём деньги».
Заголовок H1: Главный заголовок на странице. Должен содержать основной запрос и быть написан для человека, а не для робота. Один H1 на страницу — строго.
Alt-тексты к фотографиям: Описание изображения для поисковиков. В Tilda — поле «Alt» в настройках картинки. Пример: «букет из пионов с доставкой в Москве». Не «image001.jpg».
В Tilda есть встроенный SEO-помощник: «Настройки сайта → SEO → Рекомендации». Он покажет список ошибок и подскажет, что исправить. Проверьте перед запуском.
Шаг 7. Подключите аналитику и подготовьтесь к запуску
Последний шаг перед публикацией — убедиться, что вы будете знать, что происходит на сайте после запуска. Без аналитики вы летите вслепую: не знаете, сколько людей заходит, откуда они приходят и на каком шаге уходят.
Минимальный набор аналитики для старта
- Яндекс Метрика — главный инструмент для русскоязычной аудитории. Покажет количество посетителей, источники трафика и поведение на сайте. Код счётчика вставляется в Tilda через «Настройки сайта → Аналитика».
- Google Analytics — полезно добавить, если планируете запускать рекламу в Google или работать с международной аудиторией.
- Яндекс Вебмастер — зарегистрируйте сайт, чтобы Яндекс начал индексировать страницы быстрее. Займёт 5 минут, но ускорит появление сайта в поиске на 1–2 недели.
- Google Search Console — аналог Вебмастера для Google. Добавьте сайт и отправьте sitemap через «Настройки сайта → SEO → Sitemap» в Tilda.
Чек-лист перед нажатием «Опубликовать»
- Просмотрите сайт на мобильном телефоне — откройте в браузере телефона.
- Проверьте все кнопки и ссылки — нажмите каждую вручную.
- Убедитесь, что нет демо-текста «Lorem ipsum» или чужого названия.
- Отправьте тестовую заявку через форму — убедитесь, что она дошла.
- Проверьте, что заголовок вкладки браузера показывает ваше название, а не «New site».
- Откройте сайт в режиме инкогнито — так вы увидите его глазами нового посетителя.
Попросите друга или знакомого открыть сайт и честно сказать: понятно ли с первого взгляда, чем вы занимаетесь? Это самый честный тест.
Частые вопросы после покупки шаблона
Шаблон появился в кабинете Tilda, но я не понимаю, как его открыть
Зайдите на tilda.cc, войдите в аккаунт. В разделе «Мои сайты» появится новый проект с названием шаблона. Нажмите на него → «Редактировать» — откроется редактор. Если проект не появился в течение 30 минут — напишите нам в Telegram @tematemahelp.
Могу ли я сначала всё настроить, а потом опубликовать?
Да. В Tilda сайт публикуется только когда вы нажимаете «Опубликовать». До этого момента он виден только вам в редакторе. Редактируйте сколько угодно — ничего не «утечёт» в интернет без вашего ведома.
Я случайно испортил блок. Как вернуть назад?
В редакторе Tilda есть история версий страницы: нажмите на три точки рядом с блоком и выберите «История». Можно откатиться на предыдущую сохранённую версию. Также работает стандартная отмена действий: Ctrl+Z (Windows) или Cmd+Z (Mac).
Нужно ли платить за шаблон ещё раз, если я захочу создать второй сайт?
Да. Шаблон приобретается на один аккаунт Tilda и один проект. Если нужен второй сайт — нужен отдельный шаблон или новая покупка. Напишите нам — возможно, подберём подходящий вариант из каталога.
Когда сайт появится в Яндексе и Google?
После публикации и регистрации в поисковиках — обычно 2–4 недели для первичной индексации. Если зарегистрировать сайт в Яндекс Вебмастере и Google Search Console и отправить sitemap вручную — процесс ускорится до 1–2 недель.
Что делать, если что-то пошло не так?
Напишите нам в Telegram @tematemahelp — мы помогаем всем покупателям шаблонов Tematema. Обычно отвечаем в течение нескольких часов в рабочее время. Опишите проблему конкретно: что сделали, что произошло, на какой странице.
Итого: семь шагов — и сайт готов к работе
Покупка шаблона — это только начало. Но правильно сделанные семь шагов превращают готовый дизайн в настоящий рабочий инструмент: сайт, который выглядит профессионально, находится в поиске и приносит заявки с первого дня.
Не нужно делать всё идеально с первого раза. Запустите — и дорабатывайте по ходу. Сайт, который работает сегодня, всегда лучше идеального, который будет готов через месяц.
Посмотреть наши шаблона для Tilda. Если остались вопросы, напишите нам на почту или в телеграм