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

Предприниматели регулярно делают веб-проекты: сайты для бизнеса, промо-страницы для акций и мероприятий, интернет-магазины. Для этого им не обязательно обращаться к дизайнеру или в веб-студию.
Конструктор сайтов Tilda поможет создать сайт, лендинг, небольшой интернет-магазин или блог без посторонней помощи. Рассказываем, как это сделать.

Добавьте блоки из библиотеки

Главная особенность сервиса — блочный редактор. Сайт создается из готовых смысловых секций, в которых элементы уже расставлены по своим местам. Выберите обложку, услуги, отзывы, форму заявки — всего в библиотеке больше 480 блоков в 28 категориях. Последовательно добавляйте блоки, чтобы собрать страницу сайта.
Блочный редактор Tilda
В каждом блоке дизайнеры уже правильно расположили текст, иконки и изображения. Просто наполните блок своим контентом. В настройках можно изменить шрифты, отступы, фон, размер кнопок — результатом будет уникальный сайт, не похожий на шаблон.

Все блоки из библиотеки уже адаптивны. Это значит, что они хорошо отображаются на экранах планшетов, телефонов и компьютеров без дополнительных настроек. Текст, картинки и другие объекты автоматически подстраиваются под размеры экрана.

Используйте шаблоны

Дизайнеры Тильды создали 180 шаблонов для разных бизнесов. В каталоге можно выбрать прототип для сайта компании, лендинга мероприятия, интернет-магазина или лонгрида для журнала. Всего 7 категорий: бизнес, магазин, событие, блог, контакты, анкета и внутренние страницы. Шаблоны подойдут, когда нужно протестировать идею или быстро собрать страницу для акции или вебинара.
Шаблоны в Tilda

Создайте блок с уникальным дизайном

Уникальный дизайн сайта можно создать во встроенном редакторе Zero Block. В нем профессиональные дизайнеры делают проекты без ограничений стандартных блоков.
Профессиональный редактор Zero Block
Нулевой блок добавляется на страницу как стандартный, но внутри него можно работать как в графическом редакторе. Текст, изображения, кнопки, формы и другие элементы вы сможете расположить на экране как угодно. Просто перетаскивайте объекты и собирайте нужный дизайн.

В Zero Block отображение на мобильных устройствах нужно настраивать вручную — для этого переключитесь на режим редактирования для другого экрана и поменяйте расположение и размер элементов.

Добавьте анимацию

С помощью анимации можно акцентировать внимание пользователей на важном: преимуществах, заголовках с оффером, формах.
Пошаговая анимация в Тильде
Создайте эффект появления заголовка и кнопки, поэкспериментируйте с эффектами параллакса и фиксации при скролле. С помощью пошаговой анимации в Zero Block можно заставить элементы двигаться и трансформироваться по вашему сценарию.

Не стоит применять анимацию к каждому блоку. Старайтесь привлечь внимание посетителя только к самым важным элементам сайта.

Получайте заявки от клиентов

Форма заявки — один из самых простых и эффективных способов превратить посетителей в клиентов. В библиотеке Тильды есть отдельная категория с формами. Вы сможете создать вертикальную, горизонтальную, pop-up или пошаговую форму для сбора контактов.
Блоки с формами
Каждая форма сделана как конструктор — можно добавить неограниченное количество различных полей, чекбоксов, выпадающих списков. А еще можно добавить прикрепление файлов, выбор даты или калькулятор — стоимость заказа будет рассчитываться автоматически перед отправкой формы. В настройках вертикальных форм есть тип поля «Разбиение по шагам», который позволяет превратить обычную форму в пошаговую.

Заявки из форм отображаются в личном кабинете. Можно настроить передачу заявок во внешние сервисы: e-mail, мессенджеры, google таблицы, CRM-системы, сервисы рассылок — всего доступно 18 сервисов для интеграции.

Внутри конструктора уже есть удобный инструмент для работы с заявками — Tilda CRM. С ним легко разобраться и организовать работу с клиентами, чтобы превратить больше заявок в продажи.
Tilda CRM

Создайте интернет-магазин и начните продавать онлайн

Для интернет-магазина в Тильде есть блоки с карточками товаров и корзины. В зависимости от типа товаров можно добавить карточки разного вида: в колонках, во весь экран, в pop-up окне.
Шаблон интернет-магазина
В корзине можно добавить несколько полей, как и в формах, а также подключить онлайн-оплату. Для приёма оплаты на сайте можно добавить 11 платежных систем: Яндекс Кассу, Cloudpayments, Робакассу, Paypal, эквайринг банков и др.

Дополнительно можно подключить уведомление покупателя о заказе в случае успешной оплаты.

Подготовьте сайт для поисковых систем

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

Добавьте заголовок (title) и описание (description), которые будут отображаться в поисковой выдаче. Добавьте теги h1, h2, h3 к заголовкам страницы и атрибуты alt к изображениям. Не пугайтесь незнакомых терминов, в Справочном центре Тильды есть понятный пошаговый гид по настройкам — просто пройдите все этапы по инструкции.

В настройках сайта есть отдельный инструмент для проверки ошибок, влияющих на индексацию. Он покажет, на каких страницах есть ошибки и как их исправить.
Инструмент SEO-рекомендаций

Подключите домен

К готовом сайту можно подключить собственный домен. Для популярных регистраторов есть подробные инструкции. При оплате тарифа Personal или Business на год вы получите домен в подарок.

Или бесплатно опубликуйте сайт на домене третьего уровня вида «имя-сайта.tilda.ws».

Все сайты, созданные на Тильде, защищены от DDoS атак и быстро загружаются из любой страны благодаря CDN.

Подробнее о том, как защищены сайта на Тильде.

Выберите тариф

На тарифе Free вы сможете сделать один сайт бесплатно. Часть блоков в библиотеке и некоторые функции будут недоступны.

Тариф Personal стоит 750 руб/мес (500 при оплате на год) и позволяет создать один сайт, используя все возможности платформы. Можно протестировать 14 дней бесплатно.

Тариф Business стоит от 1250 руб/мес (1000 при оплате на год) и позволяет создать пять сайтов. Можно экспортировать код сайта и разместить на своем сервере.

Создайте свой сайт бесплатно

Зарегистрируйтесь на Тильде и сделайте свой проект самостоятельно.

Специально для Комсомольской Правды команда Тильды подготовила видеоинструкцию по созданию сайта. Она поможет вам быстро разобраться с интерфейсом.
Если статья была вам полезна, пожалуйста, поделитесь ею с друзьями в соцсетях
Made on
Tilda