Тильда (конструктор сайтов): обзор возможностей и инструкция по настройке

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

Что можно создать на Тильде

Tilda – это инструмент для простой разработки:

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

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

Личный сайт или портфолио

Подойдет, если нужно собрать свои работы и презентовать их. Создайте сайт по готовому шаблону, наполните контентом, подберите дизайн и обложки, разделите по тематикам. Организатору праздников, например, подойдут категории: «Свадьба», «День Рождения», «Детский праздник», «Профессиональные праздники», «Корпоративы».

Также используйте Тильду для публикаций анонсов событий, лонгридов. В конструкторе продумана типографика: подобраны ширина строк, интервалы и большой выбор шрифтов, в том числе авторских. Фото и видео можно быстро загрузить с диска, перетащить, встроить из YouTube. Еще в Tilda интегрирован музыкальный сервис SoundCloud, через который легко добавить аудиофайлы.

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

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

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

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

Сайт обучающего проекта

Используйте Тильду, если:

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

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

Небольшой интернет-магазин

Для интернет-магазина конструктор сайтов подойдет, если:

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

Тильда не подойдет, если понадобятся интеграция с 1C, синхронизация витрин и складских остатков, сложная тарифная сетка доставки.

Маркетинг

Читайте также:

CRM-системы: что это и какие задачи бизнеса решают

CRM-системы: что это и какие задачи бизнеса решают

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

Начнем с преимуществ:

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

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

Минусы:

• Для несложного, не многостраничного сайта цена хостинга может быть неоправданно велика, а для интернет-магазина в Тильде есть только стандартные функции и интеграции. Задумайтесь, возможно, вам будет выгоднее обратиться к профессиональным разработчикам. 
• Если у вас нет хотя бы базовых дизайнерских навыков, а готовых блоков недостаточно, придется дополнительно нанимать стороннего специалиста или находить дизайнера через Тильду. 
• Места на хостинге иногда недостаточно. Картинки, видеоролики и другие элементы можно будет встроить в сайт через код, по-другому Тильда не сможет их загрузить из-за размера и внутренних ограничений.

Как создавать страницы сайта на Tilda

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

Страницы на Тильде собирают из блоков с разным дизайном и интерфейсом. Блоки уже адаптированы под просмотр через мобильные устройства. 

Чтобы создать страницу:

• зарегистрируйтесь и выберите тарифный план;
• нажмите на «Создать страницу»;
• выберите шаблон: Бизнес, Магазин, Событие, Контакты, Анкета;
• отредактируйте дизайн по своему вкусу или обратитесь к дизайнеру;
• добавьте контент;
• подключите интеграцию с социальными сетями и сервисами для работы кнопок и форм.

Чтобы редактировать конкретный блок, наведите на него указатель мыши и нажмите кнопку «Настройки» или «Контент». У каждого блока свои варианты для редактирования, чаще всего это: цвет, размер, диапазон видимости.

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

• заголовок;
• описание;
• адрес.

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

Как работать с внутренними страницами сайта

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

Как сделать страницу на Tilda с чистого листа

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

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

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

Убрать метку можно после оплаты годовой подписки или во время пробного периода. Далее некоторые пользователи переходят на бесплатный тариф. Еще с платной подпиской можно экспортировать код и удалить блок Tilda copyright.

Следующий способ – создать блок zero и оставить тег iframe незакрытым. Код HTML должен выглядеть так: <iframe src=” ” scrolling= “no” style= ” width: 100%; height: 0;”>

Также вы можете закрыть надпись другим элементом, сравнять его с фоном. Для этого скорректируйте код, точнее тег allrecords: 

<style>

div#allrecords:after {

content: “”;

display: block;

height: 70px;

position: absolute;

width: 100%;

background: #fff;

}

</style>

Но, если вы не уверены, что сможете верно скорректировать код, то лучше просто оплатите тариф. Так вы не допустите ошибок, получите дополнительные функции и потратите меньше времени.

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

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

Дизайн

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

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

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

Теги статей

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

Во вкладке Facebook* (*продукт компании Meta, которая признана экстремистской организацией в России) and SEO можно отдельно «Задать специальные meta-данные». Воспользуйтесь этой возможностью для улучшения оптимизации.

Калькулятор и тесты

В форму клиентской заявки добавьте автоматический расчет по формуле – поле «Калькулятор»:

1. В категории «Форма и кнопка» выберите блок: BF204N, BF310N, BF311N, BF402N, BF403N или BF502N.
2. Добавьте поля. Например, вес, рост.
3. Продублируйте в «Имя переменной» названия полей на английском.
4. Пропишите формулы расчетов. Например: height * height / width.

BF918 – блок из категории «Форма и кнопка» для создания интерактивного теста. Можно добавить:

• заголовок;
• описание;
• кнопку CTA;
• неограниченное количество карточек с вопросами;
• карточки с результатами;
• кнопку для возвращения к первой карточке;
• кнопку «Поделиться в соцсетях».

Если в тесте есть вопросы, касающиеся персональных данных клиентов, добавьте форму согласия на их обработку.

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

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 укажите адрес вашего сайта. Так ваш домен попадет в поисковики.

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

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

Интеграции

Вы можете внедрить CRM, e-mail-рассылки, собирать обратную связь от клиентов через интеграции систем. У Tilda их целый список. При этом доступны сторонние интеграции.

Прием данных

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

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

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

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

Платежные системы

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

Что еще может Tilda

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

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

Создание пользовательских блоков. Пользовательский блок – это Zero-блок, который позволяет реализовать весь свой творческий потенциал. В нулевом блоке каждый элемент вы создаете вручную без использования шаблонов. Функция подойдет тем, кто имеет базовые знания в веб-дизайне.

Интеграция с внешними сервисами. Функционал конструктора сильно расширяется за счет интеграции с популярными сервисами:

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

Их около 35. Сервисы подключают через Webhook или коды.

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

Электронная торговля. Конструктор позволяет самостоятельно создать небольшой интернет-магазин со всем необходимым функционалом. При создании страницы выберите специальный шаблон для электронной торговли или подберите блоки из библиотеки. В разделе «Магазин» можно найти кнопки, формы, корзину, тарифы и разные карточки продуктов, а в разделе «Другое» – модули для интеграции.

Пользовательская страница 404. Ошибка 404 или Not Found («не найдено») – стандартный код ответа HTTP, который сообщает о неполадках со стороны сервера. В настройках в разделе «Еще» можно создать и настроить страницу ошибок 404. 

Tilda CRM. Это система для работы с заявками клиентов. Настройка системы CRM находится в верхней строке меню основного экрана. Tilda предлагает CRM бесплатно для всех пользователей конструктора. Это способ оптимизировать процесс работы и повысить уровень обслуживания. 

Объединяйте данные с вашего сайта, CRM и других-бизнес инструментов с помощью сквозной аналитики Calltouch. Система сама сформирует отчеты, а вы сэкономите время на рутинной работе. Вы узнаете, что приносит вам целевой трафик и доход.

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

Перед тем, как выбрать подписку, ознакомьтесь с полным списком возможностей сервиса. Тильда предлагает оплачиватьтарифы сразу на год вперед – это дает некоторые бонусы. Например, вы можете убрать надпись «Made on Tilda» и пользоваться бесплатным доменом. Если сомневаетесь в решении – протестируйте платный функционал в течение 2 недель абсолютно бесплатно. 

Free

Это бесплатный тарифный план, который доступен сразу после регистрации. В рамках тарифа доступны:

• разработка 1 сайта с 50 страницами;
• 50 Мб памяти на сервере;
• базовые инструменты для zero блока;
• субдомен на tilda.ws;
• адаптация сайта под мобильные версии;
• интеграция CRM;
• базовые и продвинутые анимации;
• библиотека изображений.

Personal

Оплата – 500 рублей в месяц. Пользователям доступны все функции, кроме экспорта исходного кода, API и безналичной оплаты. Доступное место на сервере – 1 Гб. Сайт уже может включать до 500 страниц.

Business

За 1000 рублей в месяц вы получаете доступ ко всем возможностям. В рамках тарифа можно создать 5 сайтов с 500 страницами. Сервер по-прежнему ограничен до 1 Гб.

Маркетинг

Читайте также:

Как понять сквозную аналитику в три шага

Как понять сквозную аналитику в три шага

Поддержка, справочный центр и Tilda Education

Если возникли трудности, через личный кабинет заполните форму и отправьте заявку в техподдержку сервиса. Некоторым пользователям удобнее связываться со специалистами по почте (адрес: team@tilda.cc). В платных тарифах отдельно предусмотрена опция онлайн-поддержки.

Также вы можете самостоятельно разобраться в проблеме. Самый подробный обзор Tilda делают специалисты сервиса. Через справочный центр или Tilda Education вы найдете ответ на любой вопрос. У Тильды есть подкасты, краткие или подробные видеоуроки, блог, курсы по веб-разработке и SMM, инструкции, статьи, рекомендации по e-commerce и даже целые онлайн-школы. 

Примеры сайтов на Tilda

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

Коротко о главном

• С конструктором создавать сайт удобнее и проще. Тильда предоставляет бесплатные вводные инструктажи, видеоуроки, учебники, курсы.
• Тильда подойдет для лендинга, интернет-магазина, блога, авторского спецпроекта. 
• В сервисе доступно около 30 платежных систем, 24 сервиса приема данных, 34 сторонних интеграций. 
• С тарифом Business вы получите полный пакет возможностей.