Читайте в Телеграме, как писать и заказывать контент
Продолжая пользоваться сайтом, вы соглашаетесь на использование cookie
Хорошо

Как сделать сайт на Тильде: для предпринимателей и экспертов

Эксперт: Екатерина Шведова
Дизайнер в Рыбе
Много лет делает сайты, иллюстрации, баннеры, листовки, брошюры. Помогала с версткой и дизайном крупным клиентам. Например, Авито, Ситилинку, билайн бизнес, АТОЛ.
Над статьей работали:
Автор: Аня Тернавская
Редактор: Ирина Крымская
Тильда — это конструктор сайтов, который не требует знаний программирования. На платформе можно создавать лендинги, многостраничники, сайты-визитки и онлайн-магазины. Главное — разобраться в устройстве и понять, как редактировать блоки, делать уникальный дизайн, устанавливать брендированные домены.

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

Содержание статьи

Почему стоит использовать Тильду

Тильда — быстрый и дешевый инструмент: с его помощью сайт можно собрать с нуля без программиста или верстальщика. А функционала платформы хватит для большинства контент-проектов: лендинга, визитки или портфолио эксперта. Рассказываем, почему стоит использовать Тильду:

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

Для блога и новостного сайта можно использовать «Потоки» — ленту с постами: один поток может вместить до 5000 публикаций. В ней можно создавать полноценные статьи с картинками, видео, цитатами и другими элементами. Однако раздел поддерживает только базовые инструменты оформления, поэтому выглядеть заметки будут достаточно однотипно, и сверстать свою страницу из блоков не получится.
Легко управлять проектом. У Тильды понятный интерфейс, поэтому собственник может самостоятельно добавлять товары или статьи. Если нужно передать сайт подрядчику, нужно узнать его почту и открыть на нее доступ — никаких сложных схем.

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

Есть бесплатные шаблоны сайтов. В них иногда достаточно поменять текст и основные цвета. Страницы состоят из готовых блоков, в которые остается залить свой контент. Их можно менять местами, копировать, скрывать и удалять. Блоки содержат все элементы, необходимые для сборки сайта: колонки текста, меню, фотогалереи, кнопки и формы. В них удобно описывать услуги и преимущества, размещать отзывы и прайсы, презентовать свою команду.
Если вы делаете сайт впервые, мы советуем воспользоваться шаблоном — это проще, чем разрабатывать дизайн самостоятельно. Готовый сайт можно дополнить и позже: добавить блоки, анимацию, изменить информацию или поменять местами кнопки. Шаблон — это гибкая структура, которую легко скорректировать под свои нужды.

Если хотите создать уникальный сайт и не боитесь разбираться в сложном функционале, используйте Zero Block — встроенный веб-редактор для разработки дизайна страниц с нуля. В отличие от шаблонов, в этом интерфейсе нет готовых решений, страницы можно кастомизировать: делать необычные анимации, двигать элементы по холсту без ограничений и размещать их по слоям, как в графическом редакторе.

Екатерина Шведова

Плюсы и минусы Тильды

Тильда может подойти не каждому проекту, так как имеет ограничения. Некоторые из них обойти нельзя, другие — можно, если приобрести платный тариф. Несмотря на минусы, у платформы есть множество преимуществ, которые делают ее одним из самых удобных конструкторов.
Бесплатная серия советов «Минималочка»
О том, как устроен контент-маркетинг. Внутри практический план как начать делать контент и продвигаться за счет него. Без лишней болтовни, только то, что хочет знать бизнес
Советы придут в течение суток. Если советы не пришли, проверьте, пожалуйста, папку «Спам». Еще лучше — сразу добавьте адрес mail@ryba.team в список контактов.

Сколько стоит сайт на Тильде

Тильда предлагает три тарифа: Free, Personal и Business. У первого ограничено количество блоков: нельзя добавить формы, каталог товаров или баннер для онлайн-оплаты, недоступен Zero Block. Чтобы пользоваться платформой без ограничений для бизнеса, лучше подключать Personal или Business. Рассказываем о каждом тарифе подробнее:

Free. Базовый тариф, к которому платформа автоматически подключает при регистрации. Он подойдет, чтобы познакомиться с конструктором и создать простой одностраничник, используя базовую коллекцию блоков. Максимальное количество страниц в проекте — 50. Собирать заявки, интегрировать CRM и подключить онлайн-оплату нельзя — нужен более продвинутый тариф.

💲 Стоимость: бесплатно.

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

💲 Стоимость: 750 рублей, если платить раз в месяц. При оплате за год — 6000 рублей и домен в подарок на время подписки. Его нужно зарегистрировать в течение шести месяцев с момента покупки.

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

💲 Стоимость: 1250 рублей, если платить раз в месяц. При оплате за год — 12 000 рублей и домен в подарок на время подписки. Его нужно зарегистрировать в течение шести месяцев с момента покупки.
Единственные различия между Personal и Business — количество сайтов и экспорт исходного кода

Как сделать сайт: основные этапы

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

Определитесь с форматом и структурой сайта

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

Лендинг. Это одностраничный сайт с простой структурой. Его часто используют, чтобы быстро продать продукт, собрать контакты или презентовать услуги. Обычно лендинг состоит из 6−9 блоков, на страницу добавляют лид-магнит.
Такой лендинг сверстали для компании, которая доставляет автомобили из-за границы. У страницы простой и понятный дизайн, а к главным блокам можно перейти из меню
Онлайн-магазин. Это многостраничный сайт, на котором есть каталог, личный кабинет, корзина. Один из его важнейших элементов — понятная навигация и меню, чтобы пользователи могли перемещаться без проблем. А кроме того, гостевой режим, который позволяет складывать товары в корзину без регистрации: когда человек соберет нужную продукцию, то авторизуется охотнее, потому что уже готов купить.

Блог. Многостраничный сайт, на котором публикуют тексты и другой медиаконтент. Часто, кроме статей, туда добавляют отдельные рубрики, личный кабинет и список авторов.

Проанализируйте конкурентов и соберите референсы

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

Структура страниц. Подмечайте, насколько удобно устроено меню и как быстро можно совершить покупку или другое целевое действие. Если это не занимает много времени, возьмите на заметку структуру: чем проще путь пользователя, тем лучше.
На нашем сайте понятное меню, в котором удобно ориентироваться. Кнопку с CTA выделили синим цветом, чтобы привлечь внимание
Уникальное торговое предложение (УТП). Обратите внимание на сильные формулировки: с цифрами, выгодой и конкретикой. Например, когда мы делали сайт «Уральской Логистической Группы», сделали понятное для аудитории УТП на первом экране — «Профессиональная логистика для нефтепродуктов».
Вывели УТП на главную страницу и добавили емкое, но полное описание услуг
Оферы. Это торговые предложения, которые объясняют, что вы продаете, и призывают к действию. Оцените, понятно ли предложение, и обратите внимание на формулировку. Подмечайте оферы, которые написаны по простой схеме: что делаем + для кого + результат.

Дизайн. Визуальное оформление должно выглядеть гармонично, сайт — удобно использовать с компьютера и телефона, а текст — комфортно читать. Важно, чтобы страницы были не только красивыми, но и функциональными: если пользователь не сможет прочитать текст на кнопке или не увидит часть элементов в мобильной версии, то он устанет разбираться и перейдет к конкуренту.
Ищите не только прямых конкурентов, но и проекты из других сфер. Если создаете лендинг для онлайн-школы, посмотрите, как устроены сайты различных курсов: обратите внимание, как расположены блоки и как они приводят пользователя к целевому действию.

Екатерина Шведова

Сделайте прототип

Прототип — это черновик сайта, в котором прописывают структуру блоков и располагают их в правильной последовательности. Пока не нужно продумывать дизайн кнопок, цветовое оформление или иллюстрации — прототип помогает увидеть, как будет выглядеть будущий сайт в общем.
В прототипе понятно, как будет выглядеть сайт в общих чертах: как расположить блоки и что в них писать
Именно на этом этапе определяют, насколько удобен сайт: пользователь должен легко ориентироваться на странице и находить нужные кнопки. В прототипе легче найти недочеты и исправить их, чтобы не переделывать после публикации, иначе потратите много времени и денег на новый дизайн.

Напишите тексты для сайта

Задача текста на сайте — коротко и ясно рассказать о продукте или услуге. Но если язык витиеватый и сложный, клиент быстро устает читать, закрывает сайт и переходит к конкурентам. Чтобы удержать внимание и не нагружать посетителя лишней информацией, пишите понятно и лаконично, без лишних метафор, аллегорий и словесного мусора.

Одна из самых сложных задач — написать хороший офер. Он часто состоит из одного короткого предложения и учитывает боли ЦА. Например, неплохо работают оферы вроде «Помогаем ресторанам автоматизировать заказы и увеличить прибыль», «Набор косметики со скидкой 40%».

Дополняйте текст фактами и цифрами — это вызывает доверие и показывает экспертность. Вместо «Работаем с крупными брендами» лучше написать «Нас выбрали 120 компаний», и обязательно укажите самые значимые на рынке.
Мы создаем прототипы сразу с текстами — такой сделали для сервиса Contentelly: здесь есть офер и заманчивый CTA

Подберите иллюстрации

Иллюстрации должны дополнять текст на сайте и быть полезными. Например, если рассказываете об эффективной косметике, покажите кожу до использования и после. Системе CRM стоит добавить на главную страницу скриншот из сервиса: так клиент сможет оценить простой дизайн. Рассказываем, как правильно подобрать иллюстрации, чтобы сайт приносил продажи:

Используйте оригинальные фотографии. Старайтесь выбирать наиболее естественные изображения хорошего качества, которые подходят под цветовую гамму сайта. Если на картинке должны быть люди, избегайте белого фона: он создает атмосферу постановочной фотосессии.
Бренд косметики WEME добавил на сайт уникальные фотографии — на них видна консистенция продукта и цвет
Стоковые картинки помогают, когда бюджет ограничен, а своей базы изображений нет. Выбирайте естественные фото: пластиковые улыбки и шаблонные позы не вызывают доверия. А бренд теряет уникальность, когда клиент видит одну и ту же фотографию на разных сайтах.

Делайте качественные фотографии. Размытые или плохо отретушированные изображения выглядят неэстетично и неаккуратно. Чтобы сайт смотрелся презентабельно, поручите съемки профессиональному фотографу и не забудьте дать ТЗ. В нем укажите, для чего нужны изображения, опишите стиль, настроение и гамму, а также пришлите референсы — примеры картинок с желаемым результатом.
На сайте клиники Renewal есть фотографии интерьера, которые можно рассмотреть в деталях. Клиенту показывают чистые уютные помещения, которые приятно выглядят и не отталкивают
Выдерживайте единый стиль. Когда изображения отличаются по цветовой гамме, обработке и общему настроению, сайт выглядит хаотично, будто его собирали в спешке. Гармоничные фотографии в едином стиле помогают легче воспринимать информацию и показывают профессионализм компании.
Рассылка про контент-маркетинг для бизнеса
Раз в две недели наш директор по счастью клиентов Юля Каримова рассказывает о всяких полезных вещах: как перестать зависеть от сарафанки, как получать лиды из контент-маркетинга, кому поручить создание контента, сколько денег нужно закладывать на продвижение и много чего еще.

Как настроить сайт на Тильде

Сначала зарегистрируйтесь на Тильде. Для этого понадобится только электронная почта — подтвердите ее в письме, и можно начинать работу.

Как подключить платный домен к сайту на Тильде

Сайты на Тильде имеют стандартный домен, в котором содержится название платформы. Например, mysite.tilda.ws. Такой адрес сложно запомнить, потому что он не ассоциируется с брендом и напоминает учебный проект. Уникальный домен усиливает имидж компании и помогает продвигаться в поисковых системах, а запоминающийся адрес привлекает клиентов.

Адрес можно купить на Тильде или получить в подарок к тарифам Personal и Business. Чтобы его зарегистрировать, нужно зайти в раздел «Домены» по ссылке. Затем следуйте инструкции:

1. Нажмите на кнопку «Зарегистрировать новый домен» в правом верхнем углу.
2. Введите доменное имя и проверьте, доступно ли оно.
3. Выберите один из вариантов.
4. Откроется окно с предоплатой — нужно внести сумму и заполнить форму.
Если вы не заполнили форму, домен считается свободным, поэтому сделать это нужно как можно скорее. Когда система одобрит регистрацию, адрес появится в настройках сайта во вкладке «Домены».

Как создать страницу на Тильде

Страницу на Тильде можно создать с помощью готового шаблона — тогда редактировать придется по минимуму. Рассмотрим этот способ

1. Зайдите в раздел «Мои проекты» и нажмите на кнопку «Создать новый сайт». Придумайте название — его не будет видно никому, кроме вас.
2. Нажмите на кнопку «Создать новую страницу» в правом верхнем углу.
3. Выберите подходящий шаблон: в библиотеке есть варианты для онлайн-магазинов, портфолио и даже мероприятий.
4. Нажмите кнопку «Выбрать».
5. Чтобы отредактировать текст, наведите на нужный блок и зайдите в меню «Контент».
6. Измените данные и нажмите «Сохранить и закрыть».
7. Детально отредактировать страницу можно через меню «Настройки».
8. С его помощью можно изменить расположение текста, настроить цвет, непрозрачность, интервал анимации.

Как сделать меню сайта

Добавить меню как блок несложно, трудности появляются, когда нужно сделать кнопки кликабельными. Показываем, как просто поставить ссылки-якоря и сделать меню рабочим:

1. Добавьте новый блок через Shift + A и выберите пункт «Меню».
2. Выберите подходящий шаблон и нажмите на него. Меню появится на странице.
3. Теперь, чтобы кнопки из меню вели на нужные части страницы, нужно поставить ссылки-якоря. Выберите блок, в который должна вести ссылка из меню, зайдите в его настройки и пролистните до самого конца. Выберите пункт «Якорная ссылка».
4. Введите любое название на латинице. Лучше, чтобы оно было связано с содержанием блока: так запомнить его будет легче.
5. Сохраните и закройте настройки. Затем зайдите в блок «Контент» в меню и разверните раздел «Список пунктов меню».
6. Вставьте ссылку-якорь в нужное поле. Сохраните изменения. Теперь при нажатии на кнопку со ссылкой пользователя перебросит на нужную часть страницы.

Как опубликовать сайт

Показываем, как запустить сайт на Тильде — это можно сделать в один клик:

1. Нажмите на кнопку «Опубликовать» в верхней правой части страницы.
2. Введите имя для сайта.
3. После публикации на странице появится окно с общедоступным адресом.

Как делегировать создание сайта

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

Сделайте всё самостоятельно. На это уйдет время, потому что придется заменить копирайтера, дизайнера и верстальщика. При этом параллельно нужно решать привычные рабочие задачи — они вряд ли будут ждать. Если хотите качественный сайт, придется познакомиться с азами типографики, изучить техническую часть работы с платформой, научиться писать тексты для сайта и подбирать иллюстрации.

Напишите тексты, а оформление отдайте на аутсорс. Дизайнер соберет сайт на готовом шаблоне или спроектирует по вашему заказу. Фрилансер возьмет меньше денег, чем агентство, но здесь вы будете ставить задачи и отвечать за результат. А еще вам предстоит на этапе ТЗ понять, насколько подрядчик адекватен и справится ли с работой.

Закажите создание сайта целиком. Это самый дорогой и надежный способ собрать сайт на Тильде. Мы в Рыбе разрабатываем лендинги и многостраничные сайты с нуля: пишем тексты, отрисовываем дизайн в Фигме, адаптируем под мобильные устройства, подключаем домен и сервисы аналитики, а также обеспечиваем базовую SEO-оптимизацию. Делаем сайты не только красивыми, но и функциональными: текст для нас на первом месте — так у наших клиентов получается повышать конверсию.
На лендинге для компании «Первый нормальный» подробно и простым языком расписали преимущества, обозначив решение проблем клиентов

Коротко: как сделать сайт на Тильде для вашего бизнеса

  • Тильда — конструктор для создания сайтов, который не требует навыков кодинга и будет понятен даже новичкам.
  • Новички могут создать сайт на Тильде с помощью готовых бесплатных шаблонов.
  • Платная подписка на Тильду позволяет использовать все блоки и зарегистрировать свой домен. Выгоднее приобретать годовые тарифы: самый дешевый обойдется в 6000 рублей.
  • Чтобы создать сайт на Тильде, нужно определиться с идеей — от нее зависит структура сайта. Страницы онлайн-магазина и портфолио будут сильно отличаться.
  • Проанализируйте конкурентов, позаимствуйте у них удачные решения и соберите референсы — сайты, похожие на вашу задумку.
  • Сделайте понятный офер и УТП. Формулируйте мысли просто, чтобы не запутать ЦА.
  • Подбирайте фотографии, которые дополняют текст сайта, иллюстрируют продукты или услуги.
  • Не используйте на сайте стоковые картинки: они снижают доверие аудитории, потому что выглядят искусственно. В фотографиях соблюдайте единый стиль, чтобы бренд выглядел профессионально в глазах клиента.
  • Чтобы настроить сайт на Тильде, достаточно зарегистрироваться и подтвердить почту — платформа автоматически подключит к базовому бесплатному тарифу с неограниченным сроком.
  • Создание сайта можно делегировать. Мы в Рыбе делаем под ключ: отрисовываем красивый дизайн, подключаем домен и настраиваем SEO-оптимизацию.
расскажите нам о своей задаче
Если хотите работать в Рыбе, заполните форму на странице «Карьера»