Если вам нужен лендинг или простой сайт (например, резюме, портфолио, небольшой интернет-магазин), вы можете создать его самостоятельно при помощи Tilda. Сайт с нуля из готовых шаблонов и блоков соберёт даже новичок, не обладающий навыками дизайна, вёрстки, программирования и администрирования.
Хороший конструктор сэкономит время и деньги: вы получите функциональный и эстетичный веб-ресурс, оптимизированный под мобильные устройства, без привлечения специалистов и оплаты их работы. В этой статье мы расскажем, как создать сайт на Tilda, одном из самых популярных конструкторов.
Оглавление
- Что такое Tilda
- Плюсы и минусы
- Цена
- Возможности Tilda
- Как подготовиться к созданию сайта
- Как создать сайт на Tilda
- Как создавать страницы сайта на Tilda
- Как подключить платный домен к сайту на Tilda
- Заключение
Что такое Tilda
Tilda — блочный конструктор сайтов. Это означает, что страницы ресурса формируются из готовых блоков, которые достаточно заполнить собственным контентом (фотографиями, текстом, иконками).
КАК СОЗДАТЬ САЙТ САМОМУ | За 45 минут | Без знаний программирования. Тильда/Tilda
Интерфейс редактирования статьи и библиотека блоков
Плюсы и минусы
Преимущества создания сайтов на Tilda:
- автоматическая адаптация сайта под мобильные устройства, не требующая дополнительных действий;
- дружественность SEO и беспрепятственная индексация поисковыми системами;
- простота работы с конструктором;
- современный дизайн и акцент на типографику — сайты получаются красивыми и удобными;
- облачный хостинг с защитой от DDoS-атак;
- интеграция с сервисами оплаты, аналитики, связи с клиентами и т. д.;
- встроенная CRM для работы с заявками.
- ограниченный функционал бесплатного тарифа;
- невозможность кастомизировать блоки без специальных навыков;
- внешняя схожесть сайтов на Tilda.
Цена
Tilda предлагает три тарифных плана: Free, Personal и Business. Рассмотрим их подробнее.
Тарифные планы Tilda
Free
Бесплатный тариф с ограниченным функционалом.
Позволяет создать один сайт до 50 страниц, занять не более 50 МБ на сервере, получить доступ к некоторым блокам и библиотеке иконок и изображений. CRM и автоматическая адаптация под мобильные устройства включены во все тарифы.
Personal
750 ₽ в месяц или 6 000 ₽ за год.
Разрешает создание одного сайта до 500 страниц и до 1 ГБ, открывает полную коллекцию блоков, позволяет принимать платежи с сайта. Можно подключить свой домен, есть возможность добавления товаров, SEO-оптимизации страниц и просмотра аналитики.
Как создать сайт на Тильде бесплатно за 15 минут. Tilda – конструктор сайтов
Business
1 250 ₽ в месяц или 12 000 ₽ за год.
До 5 сайтов по 500 страниц, до 1 ГБ на сервере. Включает в себя тот же функционал, что и на тарифе Personal, плюс экспорт кода и безналичную оплату для клиентов.
Возможности Tilda
У конструктора много возможностей, ниже некоторые из них.
- Шаблоны разного назначения: магазины, курсы, имиджевые сайты, визитки, портфолио, резюме и другие.
- Готовые блоки для любых типов контента: текст, фото, обложки, кнопки, тарифы, галереи, карты, видео и аудио.
- Zero Block: полностью настраиваемая форма для создания кастомных блоков.
- Интернет-магазин с карточками товаров, корзиной и заказом через сайт.
- Формы обратной связи с любым количеством полей и подключение виджетов (JivoSite, CallBackHunter и других).
- Встроенная CRM и интеграция с внешними CRM (Битрикс24, AMO и другими) для обработки форм, заказов и коммуникации с клиентами.
- Внутренняя аналитика и быстрое подключение Google Analytics и Яндекс.Метрики.
- Гибкие настройки индексации и SEO.
Как подготовиться к созданию сайта
Чтобы сайт работал эффективно, нужно:
- разработать понятную пользователям и поисковым системам структуру;
- создать полезный для посетителей оптимизированный контент;
- продумать логику страниц и удобство пользования ими;
- подобрать соответствующий фирменному стилю внешний вид элементов.
Структура сайта
Из каких страниц лучше составить сайт, зависит от ваших целей. Лендинг можно построить по схеме воронки продаж, а для интернет-магазина понадобится сложная разветвлённая иерархия страниц и разделов.
Есть два подхода к составлению структуры сайта.
Изучение конкурентов. Нужно просмотреть как можно больше сайтов конкурентов и сформировать структуру сайта по аналогии с ними.
Анализ поисковых запросов. Нужно собрать соответствующие вашей тематике поисковые запросы (например, с помощью Яндекс.Wordstat), разделить их по группам и, исходя из получившегося списка групп, сделать вывод о том, какие страницы должны быть на сайте.
Подготовка контента для сайта
Заранее напишите тексты и подготовьте изображения, которые планируете разместить на сайте. Тексты должны быть уникальными, простыми и понятными, содержать ключевые слова (если нужно) и отвечать на вопросы потенциальных клиентов о ваших товарах или услугах. Воспользуйтесь нашими правилами создания коммерческого текста.
Прототипирование
Прототип — эскиз будущего сайта. Лучше заранее продумать, как будут выглядеть страницы ресурса, где будут находиться конверсионные элементы (формы и кнопки), как посетители будут взаимодействовать с сайтом.
Для прототипирования можно воспользоваться сервисами:
- Figma,
- Axure,
- Moqups,
- Marvel,
- Google Docs,
- Microsoft Word.
Схемы страниц можно нарисовать от руки на бумаге или доске. При составлении прототипов обращайте внимание не только на сайты конкурентов, но и на ваши любимые ресурсы, которыми вам удобно и приятно пользоваться.
Нарисованный вручную прототип. Пример с сайта Tilda
Шрифты, цвета, иконки
Подберите шаблон, подходящий не только по функционалу, но и по цветам. Если такого шаблона нет, каждый блок можно отредактировать так, как вам нужно. Помните о том, что минимализм и аскетичность смотрятся выигрышнее дизайнерских нагромождений.
Выберите один шрифт (или два, но тщательно подберите шрифтовую пару) и два, максимум три, цвета (оптимальное соотношение — 90% черного и белого и 10% ярких цветовых акцентов).
Tilda предлагает встроенный набор иконок. Если среди них вы не найдёте нужные, поищите на сайте flaticon.com.
Как создать сайт на Tilda
После того как вы сделали базовые настройки, подготовили структуру, прототип и контент, определились с внешним видом, можно приступать к созданию сайта.
Создайте проект
1. Зарегистрируйтесь на сайте Tilda.
2. Платформа сразу же предложит создать новый сайт. Укажите его название и нажмите на кнопку «Создать».
Скриншот создания проекта на Tilda
3. Перейдите в раздел «Тарифы и оплата». Даже если вы уверены, что вам хватит функционала тарифа Free, рекомендуем воспользоваться бесплатным двухнедельным тестовым периодом тарифа Personal, чтобы протестировать возможности конструктора.
Активация тарифа Personal на тестовый период
4. Вернитесь в раздел «Мои сайты», нажмите «Редактировать сайт» под названием проекта. На открывшейся странице нажмите «Настройки сайта».
Кнопка «Настройки сайта» находится в верхнем правом углу
5. На вкладке «Главное» добавьте описание и пропишите субдомен (адрес, по которому будет доступен сайт). Здесь же есть ссылка на подключение собственного домена.
Основные настройки сайта на Tilda
Настройте сайт
В разделе настроек «Аналитика» подключите Google Analytics или Google Tag Manager и Яндекс.Метрику. Здесь же можно добавить на сайт пиксели соцсетей.
Перейдите в раздел «SEO», подключите к сайту защищённый протокол HTTPS, настройте перенаправление с HTTP на HTTPS, а также редирект с WWW на основной домен (или наоборот: важно, чтобы сайт был доступен либо только с WWW, либо только без WWW). В этом же разделе вы можете подключить к сайту панели Яндекс.Вебмастер и Google Search Console.
На этом первичные настройки закончены. После создания страниц вы можете вернуться в этот раздел и настроить сайт более гибко.
Создайте первую страницу
Нажмите на кнопку «Создать новую страницу». Вы попадёте в раздел, где можно сформировать страницу с нуля или выбрать готовый шаблон.
Кнопка «Создать страницу» списке страниц проекта
Выберите шаблон
В Tilda есть около 250 шаблонов страниц для разных целей и видов бизнеса. Выберите подходящий вам по функционалу и дизайну вариант (и то, и другое можно поправить при дальнейшей работе).
Готовые шаблоны Tilda, разбитые на группы
Измените заголовок страницы сайта
Основные настройки страницы
Добавьте блоки
Часто бывает, что готовый шаблон не удовлетворяет вашим потребностям на 100%. Ничего страшного в этом нет — вы легко отредактируете страницы, добавив к ним нужные блоки. Рассмотрим процесс добавления и кастомизации меню (другие блоки добавляются и редактируются по аналогии).
1. Откройте страницу в режиме редактирования.
2. Блок можно добавить в любое место страницы, нажав на значок «+» под, над и между другими элементами.
3. Слева откроется библиотека готовых блоков, которые распределены по тематическим группам. Найдите группу «Меню» и выберите вариант блока с нужными вам элементами, например, ME301 (универсальное меню с логотипом слева).
4. Блок появился на странице, теперь вы можете его отредактировать. При наведении на меню вы увидите кнопки: номер блока (позволяет сменить тип блока, сохранив содержимое), «Настройки» (всё, что касается внешнего вида) и «Контент» (содержимое блока).
Кнопки управления меню
5. Чтобы изменить пункты меню, добавить логотип, ссылки на соцсети и другие элементы, нажмите на кнопку «Контент».
6. Выберите «Список пунктов меню». В открывшемся окне задайте названия пунктов и ссылки на них. Если вы создаёте одностраничник, проставьте якорные ссылки для навигации по лендингу. Если делаете многостраничный сайт, но другие страницы еще не создали, добавьте названия пунктов меню, а к ссылкам вернитесь позже.
Редактирование пунктов меню
7. Ниже добавьте логотип или название компании/сайта и ссылки на соцсети.
8. Если хотите, чтобы посетители сайта совершали целевое действие прямо в верхнем меню (например, писали вам в мессенджер), разместите там соответствующие кнопки.
9. После того как внесли изменения, нажмите «Сохранить» (если планируете ещё что-то делать в контенте блока) или «Сохранить и закрыть».
Протестируйте сайт
Когда вы добавили и отредактировали все нужные блоки, тщательно проверьте, как они выглядят и работают и на десктопе, и на мобильных устройствах. Для этого воспользуйтесь ссылкой «Предпросмотр» в верхнем правом углу страницы, для переключения устройства в режиме предпросмотра нажмите кнопку с иконкой компьютера в нижнем левом углу.
Мобильная версия сайта в режиме предпросмотра
Опубликуйте сайт
Когда вы довольны тем, как выглядит и работает сайт, он готов к публикации. Здесь есть три варианта:
- нажать на кнопку «Опубликовать» в режиме редактирования страницы;
- в списке страниц сайта навести на нужную страницу и нажать на появившуюся кнопку «Публиковать»;
- в этом же списке кликнуть по ссылке «Опубликовать все страницы».
Публикация страницы из интерфейса редактирования
Публикация из списка страниц
Как создавать страницы сайта на Tilda
Конструктор Tilda идеален для лендингов и одностраничников, но он отлично подходит и для создания сайтов с более сложной структурой, например, блогов или небольших интернет-магазинов. Ниже — несколько лайфхаков по работе с такими ресурсами.
Как работать с внутренними страницами сайта
Создавайте внутренние страницы по тому же алгоритму, что и главную. Только лучше выбрать другой шаблон.
Если на сайте предполагается несколько однотипных документов (карточек товара, записей блога), создайте одну такую страницу, отредактируйте её под себя, сохраните как шаблон и используйте при создании новых страничек. Вы можете сохранить несколько собственных шаблонов и выбирать их в разделе «Мои шаблоны» при создании новых страниц.
Как сделать страницу на Tilda с чистого листа
Допустим, по какой-то причине вам не подошёл ни один из готовых шаблонов страниц. Выход — собрать страницу с нуля самостоятельно. При создании документа вместо шаблона выберите «Пустая страница» и настраивайте его так, как нужно вам. Добавление и редактирование блоков мы описали выше.
Как подключить платный домен к сайту на Tilda
По умолчанию сайты расположены на домене tilda.ws, но тарифы Personal и Business дают возможность подключить свой домен (адрес сайта). Купить его можно как у регистраторов доменов, так и через Tilda. После покупки нужно указать новый адрес сайта в разделе настроек «Домен», а в личном кабинете регистратора доменов добавить DNS-записи. Рекомендуем воспользоваться пошаговой инструкцией по подключению домена от Tilda, так как набор действий отличается в зависимости от того, через какую компанию вы приобрели домен.
Заключение
Tilda по праву занимает позицию одного из самых популярных конструкторов. Он прост в использовании, но при этом обладает широким функционалом, что позволяет создавать удобные и красивые сайты с минимальными временными затратами и без специальных знаний в области сайтостроения. Конструктор экономит время и деньги, и это большое преимущество для малого бизнеса и фрилансеров.
Источник: digital-academy.ru
Инструкция: как сделать лендинг для онлайн-школы без дизайнера и программиста
Лендинг (или landing page) — одностраничный сайт. Его цель — продать товар или услугу посетителям. Сегодня расскажем, как сделать такую продающую страницу с помощью конструктора Tilda: быстро, просто, можно бесплатно.
Что такое Tilda
Tilda или «Тильда» — конструктор сайтов: лендингов, визиток, корпоративных порталов и так далее. В нём можно создать любой веб-ресурс без знаний, кода буквально за полчаса. Всё настраивается мышкой и клавиатурой, а результат впечатляет — конструктор используют даже крупные компании.
Создание сайтов на «Тильде» проще, чем разработка на обычных CMS. Чтобы получить стандартный веб-ресурс, нужно заказать его разработку у программиста, привлечь дизайнера, SEO-оптимизатора и других диджитал-специалистов. А в конструкторе можно сделать всё самому.
Основные преимущества Tilda:
- не нужно знаний кода — сайт соберёт и человек, далёкий от программирования;
- можно изменить всё в любой момент: сделать редизайн, поменять заголовок, удалить ненужные блоки;
- всё включено для SEO — не нужно устанавливать плагины, метатеги можно прописывать прямо в настройках страницы;
- лёгкая интеграция с другими сервисами — можно подключить почтовые рассылки, системы аналитики, приём онлайн-платежей и многое другое.
У Tilda есть больше 480 шаблонов для разных сайтов, готовая интеграция с 12 сервисами для лендингов, интеграция с другими веб-ресурсами через API и многое другое.
Предусмотрено несколько тарифов: один бесплатный, два платных. На бесплатном функции ограничены, можно создать 1 сайт до 50 страниц. На платном Personal доступны 1 сайт, более 50 страниц, подключение своего домена, полная коллекция блоков. На платном Business всё то же самое, но можно создавать до 5 сайтов и экспортировать исходный код. Цена начинается от 500 рублей.
Как создать лендинг на Tilda
Сначала определитесь, какой тариф вам нужен. Если готовы мириться с некрасивым URL лендинга, не платите. Адрес сайта будет выглядеть примерно так: project89098219.tilda.ws.
А если хотите потом перенести лендинг на свой домен, получить максимум возможностей редактирования или создать несколько продающих страниц, заплатите за расширенный тариф.
Зарегистрироваться на сайте просто — достаточно придумать пароль, указать адрес электронной почты и имя. После регистрации создайте проект: его название ни на что не влияет, оно нужно, чтобы вы сами поняли, какой сайт соответствует проекту. Когда зайдёте в проект, нажмите «создать новую страницу».
Перед вами откроется список шаблонов. Лендинги расположены в первом разделе «Бизнес». Посмотрите список и выберите подходящий шаблон — в базе уже есть готовые решения для разных типов бизнеса. Если хотите сделать что-то уникальное, выберите пустую страницу — она первая в списке. Работать с шаблонами проще, поэтому в примере мы будем использовать шаблон «универсальный лендинг».
Лайфхак: если хотите посмотреть, как выглядит шаблон полностью, наведите на него курсор. Изображение будет прокручиваться.
В шаблоне уже есть подсказки: что и где писать, какую информацию нужно разместить, куда добавить логотип.
Когда выберете шаблон, попадёте в меню редактирования. Чтобы поменять текст, достаточно кликнуть на него мышкой. А чтобы изменить цвет заголовков, подзаголовков, фона, нажмите на «Настройки» нужного блока.
Доступны стандартные средства форматирования. Например, можно написать текст, выделить его и сделать жирным, подчёркнутым, изменить размер, выравнивание, межстрочное расстояние.
Даже без фона вы можете сделать нормальное форматирование и расставить цветовые акценты — например, выделить оффер или контакты.
Лайфхак: если случайно удалите весь текст, не сможете потом просто кликнуть по тому же месту и написать новый. Текст можно снова добавить через «Контент».
В «Настройках» можно менять всё что угодно. Например, убрать из шапки сайта пункты меню или оставить их, чтобы пользователь сразу мог перейти к контактам, преимуществам, другому экрану. А ещё можно поставить свои ссылки на кнопки социальных сетей, добавить нужный URL в конверсионные кнопки, поменять там текст, описания преимуществ и так далее.
Изображения можно заменить, просто кликнув по ним. Только будьте внимательны с размерами файлов: лучше, чтобы они были такие же, как в шаблоне. Иначе оформление может «полететь».
Если нужно быстро поменять всё оформление блока, можно сделать это за пару нажатий мышкой. Нажмите на цифры в левом верхнем углу и выберите подходящее. Эта функция есть не на всех блоках — иногда чтобы полностью изменить оформление, надо добавить новый модуль.
Чтобы полностью поменять структуру лендинга, можно добавлять новые и удалять старые блоки. Например, убрать экран с рассказом о компании и добавить модуль, в котором опишете программу обучения на вашем курсе. Сделать это просто.
Через функцию добавления новых блоков можно добавить якорные ссылки. Потом их нужно разместить в шапке сайта. Например, если добавили якорную ссылку перед блоком с формой обратной связи и контактами, разместите в шапке сайта ссылку «Контакты» — пользователь сразу сможет перейти к ним. Такие ссылки доступны только на платных тарифах.
После того как всё настроили, можете посмотреть, как будет выглядеть сайт, заполнить метаданные для него, задать общие настройки.
Если выберете платный тариф, получите больше возможностей — например, сможете выбирать больше типов оформления, перенести сайт на свой домен или хостинг.
Создать лендинг на Tilda легко. Но недостаточно просто разобраться в конструкторе и сделать пару блоков. Чтобы лендинг работал, нужно грамотно подойти к его оформлению.
Что сделать, чтобы лендинг работал
На самом деле сделать надо не так уж и много. Можно начать с малого — выбрать структуру, соответствующую вашему бизнесу. В шаблонах Tilda уже есть подсказки, можно просто следовать им.
Изучите свою целевую аудиторию перед тем, как создавать лендинг. Узнайте, сколько им лет, чем занимаются, какие цвета любят, какие термины не хотят видеть. И пишите понятный текст для конкретных людей: тогда он «выстрелит».
Чтобы повысить конверсию стандартного, шаблонного лендинга, заранее проработайте структуру. Важно составить её так, чтобы потенциальный покупатель понял свою выгоду от покупки. Чаще всего в структуре используют:
- оффер — главное предложение выгоды на первом экране;
- боли — рассказ о проблеме клиента, предложение вашего продукта в качестве решения;
- подробный рассказ о продукте — что входит в обучение, что ученик получит после, сколько длится курс, какой будет программа и так далее;
- преимущества компании — почему стоит учиться именно у вас, какие бонусы можете предложить;
- отзывы, желательно достоверные, со ссылками на самих учеников, чтобы посетители сайта могли проверить информацию;
- формы обратной связи, кнопки «записаться на обучение», «получить курс» и другие;
- FAQ — ответы на распространённые вопросы пользователей.
Можете вдохновиться примерами сайтов на Tilda— посмотрите, как делают лендинги и другие веб-ресурсы разные компании, чтобы подобрать оптимальную структуру для своей ниши.
Правильная структура — ещё не всё. Лендинг должен внушать доверие. Поэтому пишите правду — не стоит приукрашивать реальность, особенно если всё перечисленное вами можно легко проверить. А ещё не усложняйте восприятие — пишите коротко, понятно и ёмко.
- Откажитесь от качественных прилагательных «красивый», «быстро», «качественно» — понятие привлекательности, скорости, качества у каждого своё. Лучше дайте измеримые характеристики.
- Не используйте штампы типа «высококвалифицированных специалистов», «динамично развивающейся команды». Лучше расскажите, какой реально опыт у преподавателей.
- Используйте факты. Расскажите, сколько заработали ваши ученики, какие награды вы получили. Если нечем похвастаться — подробно расскажите о том, как проходит обучение.
- Правильно оформляйте текст — это улучшает его восприятие. Используйте списки, подзаголовки, выделение жирным, другие способы форматирования там, где это уместно.
Ваш лендинг должен быть простым, понятным и серьёзным. Тогда он будет работать хорошо.
На Tilda можно быстро создать конверсионный лендинг, если разобраться с настройками конструктора и писать просто, понятно для целевой аудитории. Чтобы получить максимальную отдачу, тестируйте разные изменения на лендинге: смотрите, как влияют на конверсию цвета кнопок, заголовки, расположение модулей. Тогда сможете найти самый удачный вариант.
Источник: the-accel.ru
Как создать сайт бесплатно
7 бесплатных видео-уроков по созданию сайта под свой бизнес:
1. Анализ продукта для создания продающего лендинга на Тильде
2. Создание лендинга под конкретный продукт
3. Воронка продаж на сайте: лид магнит
4. Воронка продаж на сайте: трипваер
5. Воронка продаж на сайте: максимизаторы прибыли (часть 1)
6. Воронка продаж на сайте: максимизаторы прибыли (часть 2)
7. Воронка продаж на сайте: тропинка возврата
Когда создадите сайт, отправляйте мне ссылку, дам комментарии, рекомендации и отвечу на ваши вопросы. На консультации вы также можете узнать:
1. Как продвигать ваш лендинг в других каналах с отслеживанием аналитики через UTM-метки и QR-коды.
2. Лайфхаки по работе с Whatsapp Business, Email-рассылками, электронной подписью и пр.
Первый урок
В конце будут ссылки на следующие уроки
Хотите получить больше?
Начинающий
Если вы продаете в Instagram, у вас нет сайта, вы хотите узнать:
1. Как бесплатно сделать сайт с витриной продуктов.
2. Как втрое ускорить приём заявок.
3. Как не потерять заявку и удержать клиента.
4. Как усилить продажи.
5. Как не тратить на Taplink.
Продолжающий: продукт, воронка, сайт
Если у вас есть бесплатный сайт на Tilda с информацией по вашим продуктам (товары / услуги), вы хотите узнать:
1. Как выжать максимум из сайта.
2. Как улучшить, пересобрать свой продукт.
3. Как вовлечь клиента в маркетинговую воронку.
4. Как усилить продажи.
Продвинутый: сайт pro
Если у вас есть сайт в бесплатной версии на Tilda и она становится для вас тесной, вы узнаете:
1. Как купить и подключить домен.
2. Как сделать, чтобы Google и Яндекс лучше показывали ваш сайт в поиске.
3. Как оценить эффективность сайта и маркетинговых кампаний.
4. Как автоматизировать уведомления о заявках на сайте.
5. Как автоматизировать сбор email-адресов клиентов.
6. Как автоматизировать перенос заявок из сайта в воронку продаж и базу данных по клиентам.
Эксперт: интернет-магазин
Если у вас есть платный сайт на Tilda и вы хотите создать интернет-магазин, на курсе вы узнаете:
1. Как сделать интернет-магазин для продажи продуктов через отдельные лендинги.
2. Как подготовить витрину для интернет-магазина и сделать через нее продажу нескольких товаров с разными параметрами.
3. Как настроить интернет-магазин без / с онлайн-оплатой.
4. Как интегрировать интернет-магазин с другими сервисами.
5. Как использовать продвинутые инструменты для улучшения контента на сайте и создания дополнительного канала продаж.
Источник: www.redqoo.com