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

Можно ли заработать на Тильде?

Бизнес сегодня активно переходит в онлайн. Любая компания рано или поздно задумывается о создании собственного рабочего сайта — простого, быстрого и недорогого. Когда спрос рождает предложения — разработчиков и дизайнеров начинают ценить на вес золота. 

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

На биржах фриланса ценник за разработку сайтов на Tilda начинается от 500 рублей. Обычно за такую стоимость берутся делать web-ресурс новички — быстренько собирают лендинг или что-то простое. Более серьезные проекты стоят куда дороже — не менее 25 к за многостраничник и примерно 5 к за создание одной страницы. 

Сайт с параллаксом и анимациями исполнитель на Kwork оценил в 30 000 ₽

Многих разработка на Тильде привлекает своей простотой — типа встроил несколько готовых блоков и за 2-3 дня наклепал сайт. На самом деле это не так. Серьезные заказчики, готовые щедро оплачивать работу, такие проекты не примут. Дизайн обязан быть не просто крутым, но еще и подразумевать комплексный подход — надо не просто создавать красоту, но и давать нечто большее для бизнеса. К примеру, использовать такое визуальное наполнение, чтобы оно побуждало посетителей к действию и раскрывало их боли. 

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

Еще некоторые особенности этого конструктора:

Zero Block — позволяет редактировать текст, добавлять изображения, иконки, кнопки, формы, видео и интерактивные подсказки;

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

Возможности Tilda

Практически для любого проекта подойдут возможности Tilda. Рассмотрим самые основные. 

Дизайн

Дизайн Tilda состоит из:

Дизайн сайта можно адаптировать под себя, редактируя готовые шаблоны, или использовать zero-блоки для разработки с нуля. Изучите каталог экспертов Tilda Experts. Там около тысячи дизайнеров, которые готовы создать для вас уникальный проект. 

SEO

Поисковики без проблем индексируют страницы на Тильде. Задайте url для каждой страницы – адрес должен быть удобным для чтения и понятным для индексации. Если страница еще не готова или будет перемещена на другой url, индексацию можно запретить. 

SSL-сертификат

SSL обеспечивает безопасную передачу данных, шифрует соединение между сайтом и пользователями. Тильда предлагает бесплатный сертификат от центра сертификации Let’s Encrypt. Есть инструкция для его настройки.

Панель вебмастера Tilda

Функционал Тильды позволяет быстро устранять возникающие ошибки внутри платформы. Панель вебмастера поможет:

• подключать Google Search Console и Яндекс.Вебмастер;
• настраивать редиректы страниц;
• подключать HTTPS;
• получать доступ к расширенному загрузчику фавиконов.

Подключение Яндекс.Метрики, Google Analytics, Яндекс.Вебмастер и Google Search Console

Аналитика сайтов от Тильды включает в себя:

• Собственную статистику: анализ посещений, популярных страниц, utm-меток, конверсии, достижения целей, вовлеченность, источники, география.
• Google Analytics и Google Tag Manager: без кодов, работает после подключения аккаунта к счетчикам через настройки сайта.
• Яндекс.Метрику: также можно подключить, доступны все метрики, в том числе вебвизор и карта кликов.
• А/Б тестирование: сравнение эффективности страниц через Google Эксперименты.
• Конструктор UTM-меток: создание ссылок для контекстной и таргетинговой рекламы.
• Действия посетителей сайта: сколько пользователей открыли попап, нажали на кнопку, заполнили форму.

Добавьте свой сайт в Яндекс.Вебмастер и Google Search Console. В настройках сайта выберите SEO → Яндекс Вебмастер или Google Search Console → Редактировать.

Вместо http://tilda.cc укажите адрес вашего сайта. Так ваш домен попадет в поисковики.

Подключение своего домена

Тильда публикует сайт под собственным доменом на бесплатном тарифе. Ваш домен хранится на сервере Тильды и надежно защищен. Чтобы избежать ошибок подключения, сверьте свои действия с чек-листом. Подключить уникальное имя можно только на одном из платных вариантов пользования конструктором. 

Интеграции

Прием данных

В Тильде легко работать с входящими заявками. Для этого на платформе предусмотрены формы для заполнения. Блок с формой вы найдете в категориях «Форма и кнопка» и «Обложка». 

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

Виджеты Calltouch

Для увеличения конверсии сайта и роста продаж

• Повысьте конверсию сайта на 30%
• Оптимизируйте работу колл-центра
• Увеличьте лояльность клиентов
• Подробная статистика по всем обращениям с привязкой к источнику

Узнать подробнее

В Тильде готовую страницу с опросом создают по шаблонам «Анкеты». В одну форму включают до 100 полей. Редактируют их через «Контент» во вкладке «Поля для ввода». Более подробно в этом видеоуроке.

Контакты пользователей отправляются в интегрированные : Google-таблицы, сервисы рассылок, мессенджеры и CRM. Там их легко анализировать и создавать ЦА для рекламы или проводить ретаргетинг. Информация с заявок может поступать в Телеграм, Trello и Slack. Списки рассылок можно оставлять для GetResponse, MailChimp, MailerLite, SendinBlue, UniSender или отправлять лиды в CRM.

Публикуем сайт

По умолчанию платформа присваивает новому сайту буквенно-цифровой адрес вида project1234567.tilda.ws. Но мы хотим красивую ссылку, поэтому нажимаем на My site в левом верхнем углу редактора.

Кстати, «Тильда» сразу сохраняет все наши изменения, поэтому на странице нет кнопки «Сохранить». Если пропал интернет или вы случайно закрыли вкладку, никакие данные не потеряются. А на сайт они попадут только после нажатия кнопки «Опубликовать» — так что можно смело экспериментировать с содержанием страницы.

Страница шаблонов сайта

Переходим в настройки сайта.

Кнопка «Настройки сайта»

Указываем нужное название ссылки шдля публикации. Она будет отображаться в адресной строке браузера, и по ней можно зайти на ваш сайт. Мы не привязывали к сайту свой домен второго уровня (например, skillbox.ru), поэтому сделаем красивый домен третьего уровня. В моём примере ссылка на сайт будет webisamurai.tilda.ws.

Меняем имя ссылки субдомена

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

1. Со страницы шаблонов проекта — с помощью кнопки «Публиковать».

Публикация сайта со страницы рабочих шаблонов

2. В режиме редактирования страницы — с помощью кнопки «Опубликовать».

Публикация из режима редактирования страницы

Публикуем. Ждём подтверждения от «Тильды».

Подтверждение публикации и активная ссылка сайта

Переходим по ссылке, нажав на кнопку «Открыть страницу», и проверяем, всё ли работает

Обращаем внимание на адресную строку браузера

Проверяем ссылку в адресной строке

Всё работает корректно, а по ссылке можно посмотреть результат этого урока.

Основные возможности Tilda

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

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

Инструменты для интернет-продаж. В конструкторе можно создать сайт для приема денег через популярные платежные системы. Такой вариант подойдет, например, для заработка на вебинарах. Более того, система позволяет собрать полноценный магазин с карточками товаров. Заказы будут отображаться во встроенной CRM прямо в личном кабинете Tilda.

Настройки домена. Система позволяет бесплатно зарегистрировать домен вида «имя-сайта.tilda.ws». На платных тарифах к сайтам также можно подключать собственные домены вроде «имя-сайта.com». При этом первый год использования домена входит в подписку, далее его придется оплачивать отдельно.

SEO-инструменты. Вы можете оптимизировать сайты для продвижения в поисковых системах. Tilda позволяет прописывать мета-теги, выбирать теги заголовков, настраивать URL страниц, а также проверять отображение в поисковиках с помощью интеграций с Google Search и «Яндекс.Вебмастер». При желании сайт можно сделать невидимым для поисковых систем.

Аналитика. Вы можете следить за посещаемостью и поведением пользователей на сайте. Конструктор отображает такие показатели, как число посетителей и просмотров, конверсии, количество заходов с мобильных устройств, процент дочитывания страниц, число заявок и так далее. Для более подробной аналитики можно подключать сторонние системы Google Analytics и «Яндекс.Метрику».

Редактор Zero Block. Если шаблонов и стандартных инструментов для изменения блоков не хватит для ваших задач, можете воспользоваться продвинутым редактором Zero Block. Он предоставляет почти неограниченную свободу для управления внешним видом страниц. С его помощью можно редактировать текст, картинки и прочие элементы дизайна с точностью до пикселя. Это позволит вам создать по-настоящему уникальный сайт.

Что еще может Тильда

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

Интеграция с WordPress

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

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

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

Создание пользовательских блоков

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

Интеграция с внешними сервисами

Сервис легко интегрируется с внешними службами. Для интеграции достаточно указать нужную программу в перечне в меню настроек.

Сайт можно интегрировать с:

• CRM;
• системами приема платежей;
• формами для получения контактов.

Чтобы инвертировать платежные системы, нажмите на кнопку «Формы» в меню, дальше – «Платежные системы».

Создание промокодов

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

Электронная торговля

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

Пользовательская страница 404

Пустую страницу или страницу с ошибкой 404 тоже можно редактировать без изменения кодов во вкладке меню «Еще». Так она не будет выглядеть скучно и типично, если придумать свой уникальный текст. С помощью инструментов легко разобраться, даже если нет никаких знаний программирования.

Tilda CRM

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

Возможности SEO

Тильда мастерски ранжирует сайты и исправно выдает их в поиске, поэтому проблем с SEO обычно не возникает. Если после автоматической проверки Google появляется небольшое несоответствие кодов JavaScript, в результате чего не отображается верхняя часть страницы, то этот недостаток можно исправить с помощью небольшой оптимизации.

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

Получение SSL-сертификата

Администрация сайта предлагает клиентам получить сертификат Let’s Encrypt, который дает возможность оптимизировать настройки HTTPS. На сайте есть подробная инструкция по подключению этой услуги

Однако предпринимателям из России нужно с осторожностью пользоваться сертификатом — высокая вероятность, что веб-сайт попросту не увидят отечественные пользователи из-за измененного IP-адреса

Панель вебмастера Tilda

Чтобы зайти в панель вебмастера, нужно:

• зайти в настройки сайта; 
• нажать на вкладку «Аналитика и SEO»;
• выбрать элемент «Оптимизация для поисковых систем (SEO)»;
• найти раздел вебмастера.

Во вкладке «Критические ошибки и рекомендации» даются рекомендуемые правки, они выделяются красным цветом. Это поможет исправить недостатки еще до публикации сайта. В панель вебмастера также можно настроить редирект, включить HTTPS и расширить функционал разгрузчиков фавиконов.

Подключение Метрики, Analytics, Вебмастер и Console

Чтобы настроить аналитику и посмотреть, насколько для вас это актуально, можно временно подключить тариф Personal: он предоставляется бесплатно на пробный период 2 недели. Перейдите в «Мои сайты», создайте новый сайт и домен. Теперь можно подключить Яндекс.Метрику и Google Analytics. 

Чтобы подключить счетчики, зарегистрируйте сайт в системе аналитики, скопируйте идентификационный номер, который расположен сверху. На странице Тильды зайдите в раздел «Аналитика» и «SEO», вставьте номер в поле «Яндекс.Метрика». 

Для подключения Google Analytics нажмите «Подключить», укажите аккаунт и подтвердите доступ к Тильде в GA.

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

Подключение своего домена

Домен можно подключить только на платных тарифах, но если вам важно ваше уникальное название, то стоит заплатить. Желательно, чтобы наименование было лаконичным и запоминающимся – так есть шанс, что домен отложится в голове у посетителя

Домен подключается в личном кабинете Тильды.

Тарифные планы Tilda

Владельцам аккаунтов доступно 3 тарифных плана – Free, Personal и Business.

Free

Free – бесплатный, активируется автоматически после регистрации учетной записи. Он вполне может сгодиться для создания сайта, но совсем простого. Подобный тариф разрешает пользоваться Zero-Block, однако в нем нет опции подключения собственного доменного имени, SSL-сертификата, аналитики сайта и многого другого. Тариф Free – это отличный способ разобраться в работе конструктора.

Лимиты тарифа: максимальное количество проектов – 1, количество страниц для каждого проекта – 50, объем загруженных файлов – 50 Мб.

Personal

Personal – стандартный тариф, который открывает доступ ко всем возможностям Тильды: полная коллекция блоков, подключение своего домена, коллекция бесплатных иконок и многое другое. Ознакомиться с полным набором функций можно здесь.

Лимиты тарифа: максимальное количество проектов – 1, количество страниц для каждого проекта – 500, объем загруженных файлов – 1 Гб.

Стоимость тарифа: 750 руб./месяц + домен в подарок.

Business

Business – профессиональный тариф, который предназначен для размещения нескольких сайтов. Он позволяет на одном аккаунте создать 5 и более сайтов – для каждого отведено определенное количество страниц, свой домен и так далее.

Тарифный план также имеет разновидности – это Business 10, 15, 20 и 30. Число указывает на количество сайтов. Например, в тарифе Business 15 разрешено создавать до 15 сайтов.

Еще одно отличие от предыдущих тарифов – возможность экспорта исходного кода. Благодаря этому можно создать сайт на Тильде и перенести его на свой хостинг. Подойдет для тех, кто хочет подредактировать HTML-код и разместить его на другом хостинге.

Лимиты тарифа: максимальное количество проектов – от 5 до 30, количество страниц для каждого проекта – 500, объем загруженных файлов – 1 Гб.

Стоимость тарифа: от 1250 руб./месяц + домен в подарок.

Плюсы Тильды

За несколько лет использования данного конструктора для внутренних проектов нашего агентства, а также на основе опыта продвижения клиентских сайтов мы выявили несколько преимуществ Тильды: 

Скорость загрузки. Великолепная скорость загрузки без каких-либо «танцев с бубнами» и без привлечения программистов (как это часто бывает на проектах других CMS). Вот пример скорости загрузки страницы одного из наших проектов по Google PageSpeed Insights: 

• Адаптивность под все мобильные устройства по умолчанию. Не нужно беспокоиться по поводу адаптивности сайта, у конструктора все это делается в автоматическом режиме. Это очень удобно и практично, учитывая процент трафика на сайты с мобильных устройств. 
• Полноценные SEO-инструменты. В конструкторе есть все необходимое для эффективного поискового продвижения. 
• Удобный и понятный интерфейс. 
• Большой выбор готовых блоков и шаблонов страниц, которые можно корректировать под свои потребности. Фактически неограниченные возможности в создании качественного продукта без знаний верстки, дизайна и программирования. Конструктор насчитывает более 90 шаблонов страниц для различных сфер бизнеса и более 450 готовых блоков для описания вашего продукта или услуги, создания конверсионных триггеров, захватов и различных форм для совершения пользователем целевого действия. Причем все шаблоны страниц и блоки можно без проблем изменять под ваши потребности.
• Возможность создать уникальный дизайн. Специальный Zero-блок позволит дизайнеру создать любой блок, элемент на странице с нуля. 
• Тильда предоставляет свой хостинг и доменное имя на поддомене конструктора бесплатно. Это довольно удобно и экономно для небольших начинающих компаний и стартапов, так как платить за услуги выделенного хостинга и покупать доменное имя не нужно. Развернуть проект на поддомене от Тильды можно совершенно бесплатно. Выглядеть имя будет приблизительно так: vashsite.tilda.ws. Проекты с таким доменом можно успешно продвигать в поиске, например, Яндекс хорошо ранжирует проекты, сделанные на поддомене Тильда. 
• Интеграция. Есть возможность интегрироваться со многими сервисами и CRM платежных систем, чатов, мессенджеров, email-рассылками и т.д. 
• Функция Потоки. Позволяет создавать неограниченное количество лент публикаций, которые не требуют сложного оформления или дизайна. Используется для новостей или постов. Большой плюс страниц, созданных в потоках – возможность их оптимизации. Можно задать метаданные, заголовки в тексте Н1-Н4, добавить изображения или видео, форматировать текст, указать автора новости или статьи. 
• CRM. Конструктор имеет встроенную CRM-систему, в которую попадают все лиды, пришедшие через сайт. 

В зависимости от потребностей вы можете подключить свои инструменты: amoCRM, HubSpot, Bitrix24 и т.д. 

• Быстрые и недорогие решения для бизнеса. Система предоставляет возможности запуска проекта в самые короткие сроки при минимальных затратах, что очень актуально в современных реалиях.
• Техподдержка. Если что-то не удается сделать и нужна консультация, можно смело обращаться в техподдержку, она быстро отвечает и помогает решить множество вопросов. Кроме того, в интернете можно найти много обучающих материалов, в которых сможет разобраться даже неспециалист. 

Как убрать надпись «Made on Tilda»

Стоит заметить, что при ежемесячной оплате любого тарифа остается одна неприятная особенность – надпись «Made on Tilda» в подвале сайта.

Надпись исчезает, если оплатить тариф Personal или Business на год. Также вы можете подключить тарифный план Business, а затем экспортировать весь код и удалить в нем блок HTML-кода с надписью – такой вариант подойдет только для тех, кто собирается размещать сайт на другом хостинге.

Если вам не подходит годовая оплата, можно рассмотреть другие конструкторы. Например, на Craftum нет такой особенности, но точно так же можно собирать сайты как с помощью шаблонов, так и с нуля. Есть 10-дневный тестовый период, во время которого доступны все возможности конструктора. 

Для каких проектов подходит Тильда

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

Собственный веб-сайт или портфолио

Тильда подходит для модификации личного сайта или другого подобного проекта. Базовые шаблоны позволяют не использовать дорогую верстку HTML и сократить стоимость проектирования. К мелким проектам можно вовсе не привлекать разработчика, а попытаться справиться с задачей самостоятельно.

Контент-проекты

На базе Тильды сделано одно из самых больших медиа по химической промышленности в России от Инжинирингового химико-технологического центра в Томске. Владельцы центра утверждают, что получают 15% своей годовой прибыли только благодаря этому проекту. Простота Тильды удобна и пользователям, и авторам, поэтому приносит положительные результаты.

Лендинги

Создать лендинг по силам даже неспециалисту. Можно сэкономить на проекте, если попробовать самостоятельно изучить инструменты Тильды. Это большой плюс для новичков в бизнесе, особенно для начинающих компаний, которые не хотят вкладывать много средств в создание сайта.

Сайты для мероприятий и промостраницы

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

Сайты обучающих проектов

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

Другие возможности Tilda

Есть возможность создавать вкладки, по которым будут отсортированы статьи на сайте – так называемые, теги. Их можно задавать как по тематике статей, так и наиболее часто встречающимся запросам.

Еще одна удобная функция – наличие калькулятора. Он полезен для создания кодов и тестов, которые помогают выявить ошибки в работе сайта еще на стадии проектирования. Калькулятор доступен в бесплатной версии.

Стоит ли выбирать Тильду

Этот сервис считается одним из самых удобных приложений для создания сайта. Он предоставляет бесплатные и платные возможности в области написания сайтов – с простым интерфейсом Тильды может разобраться практически любой пользователь. Она служит хорошим инструментом для фрилансеров и начинающих предпринимателей.

Плюсы и минусы

Среди преимуществ конструктора можно выделить:

• большой функционал;
• редактор для создания авторского, а не шаблонного дизайна;
• сервисы аналитики, которые помогут проследить успешность маркетинга;
• проверку SEO-оптимизации готового продукта;
• наличие CRM.

Но Тильда не лишена недостатков:

• внушительные тарифы по сравнению с другими похожими сервисами;
• в бесплатной версии отсутствует возможность подключения домена;
• шаблоны удобны только для лендингов;
• при переносе сайта на другую платформу потеряются многие элементы;
• не подстраивается под размеры экрана автоматически.

Отличие от WordPress

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

Наши продукты помогают вашему бизнесу оптимизировать расходы на маркетинг
Узнать подробнее

Настраиваем заголовок

В Тильде есть два пути — выбрать уже готовый шаблон или создать страницу с нуля. Шаблон подходит в тех случаях, когда надо быстро сделать типовой сайт и не хочется думать над дизайном. Это не наш случай, потому что у нас дизайн уже есть — мы повторяем то, что сделали в прошлой статье, поэтому выбираем вариант «Пустая страница»:

Чтобы увидеть все элементы, из которых можно собирать страницу, нажимаем на «Все блоки»:

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

Неважно, что там написано больше, чем нам нужно — лишнее мы удалим или скроем. Допустим, мы решили, что самый первый заголовок (TL01) нам подходит, поэтому нажимаем на него, и он сразу попадает на страницу:

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

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

Осталось настроить размер и положение текста как на уже готовой HTML-странице. Для этого сначала выделяем текст и с помощью инструментов, которые появляются на верхней панели, делаем заголовку нужный размер и выравниваем по левому краю:

Но у нас остались большие отступы слева и сверху, их тоже нужно поправить. Нажимаем кнопку «Настройки» возле заголовка и в появившемся меню настраиваем размеры отступов и нажимаем «Сохранить и закрыть»:

Какой дизайн можно сделать на Tilda

Можно начать подборку дизайна с чистого листа или с помощью готовых программных шаблонов, модернизировать готовый шаблон или посмотреть, как выстроены шаблоны, и самому создать типовой проект. Рассмотрим подробнее каждый вариант.

Готовые шаблоны

Шаблоны разделены по тематикам – например, варианты сайта для бизнеса, быта, досуга и т.п. Они отличаются дизайном и функционалом, который реализуется для каждой темы.

Готовые блоки

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

Текст и изображения

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

Zero-блоки

Zero-блоки – чистый лист, с помощью которого можно воплотить самую сложную задумку. Здесь можно отрегулировать вручную любой компонент — адаптацию для устройства, колористику, контент, заглавное изображение. Блоки считывают анимацию и вставляют ее на нужное место в тексте или на сайте.

Вёрстка в Тильде

Вёрстка сайта заняла один день. Чтобы быстро собрать сайт на Тильде, я взяла готовый шаблон. Впоследствии от него осталось только три блока, остальное я добавляла из библиотеки блоков Тильды.

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

Вот несколько блоков моего лендинга:

Все стандартные блоки Тильды хорошо сочетаются между собой. И лучше не вносить много правок.

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

Мысленно проведите две линии слева и справа ― элементы сайта не должны выходить за эти линии.

Отрегулировать ширину блока можно в его настройках. Можно установить ширину 12 колонок.

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

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

Загрузите видео на обложку вместо фото. Это просто сделать, и сайт будет выглядеть эффектно.

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

Разбавьте стандартные блоки zero-блоками. С их помощью картинку или текст располагают в определённом месте, а не там, где они размещены в стандартных блоках. Но потом этот блок придётся отдельно адаптировать для мобильных устройств.

Интеграции Tilda с другими системами

Но этот список ограничен парой десятков сервисов и среди них может не оказаться инструмента, который необходим именно вам. В таком случае выручит онлайн-коннектор ApiX-Drive. Это платформа для быстрого создания интеграций между разными системами. С ее помощью можно подключать к Tilda огромное количество дополнительных инструментов. Перечислим некоторые из них.

• CRM. Подключайте свой магазин к amoCRM, «Битрикс24», retailCRM, U-ON.Travel, «МойСклад», «Клиентикс», GetCourse, Odoo, YClients, Intrum, Creatio или «Мой склад». В результате заявки будут автоматически попадать из формы вашего сайта в выбранную систему управления заказами.
• Мессенджеры. Хотите получать уведомления о новых заказах на сайте прямо в любимом мессенджере? Просто подключите форму своего магазина к Viber, Telegram или Slack.
• Сервисы SMS-рассылок. Интеграция Tilda с одним из сервисов рассылок позволит наладить автоматическую отправку уведомлений с подтверждением заказа. Заполнив форму на сайте, клиент получит соответствующее SMS. Коннектор поддерживает TurboSMS, AlphaSMS, Intel Telecom, SMS.RU, «SMS-Центр», SMS Club и прочие сервисы рассылок.
• Системы управления проектами. Если вы принимаете через сайт заявки на услуги, можете подключить к нему Trello, Meistertask, Worksection, «Мегаплан» или Planfix. В таком случае каждая заявка будет автоматически добавляться в выбранный планировщик в виде новой задачи.
• Онлайн-таблицы. После интеграции с Google Sheets все оставленные посетителями данные будут автоматически копироваться из форм в «Гугл таблицу». К примеру, если вы принимаете через сайт заказы, то сможете использовать Google Sheets как CRM.

Кроме того, коннектор поддерживает многоуровневые интеграции. То есть вы можете выбрать Tilda как источник данных и подключить к нему несколько сервисов-приемников: к примеру, CRM, систему SMS-рассылок и мессенджер. В таком случае данные из форм будут автоматически передаваться в каждый подключенный сервис.

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