Тильда

Альтернативы и конкуренты Тильды

Ввиду завышенной стоимости, у Tilda очень много естественных конкурентов. Это все конструкторы с визуальными редакторами и более низкой стоимостью. То есть практически все конструкторы этого класса: uKit, Wix, Ucraft, SITE123, LPgenerator и многие другие. Обладая внушительным ценником, герой обзора не предлагает чего-то сверхъестественного, являясь просто добротным сервисом с приятным интерфейсом.

Ввиду стоимости, целесообразность использования Tilda размывается. Сравнение с конкурентами топит её. Что по возможностям, что по стоимости вариант не оптимальный. С трезвой головой и сухой логикой её не выбирают. Только на эмоциях – красивый интерфейс, шрифт, название, творческая жилка нравится в подаче и прочее. Это тоже факторы, да. Если радует, нужно брать, пусть и в 2 раза дороже аналогов. Окупится настроением. Но, увы, не отдачей: среднестатистические сайты на Тильде выглядят простыми, красиво получается только у дизайнеров.

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

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

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

Плюсы Tilda:

• Поддержка вставки кода и интеграций функциональности других сервисов;
• Zero Block – встроенный конструктор секций;
• Регулярные обновления, в том числе, ассортимента готовых секций;
• Удобный редактор, множество вариантов оформления блоков;
• Встроенный магазин с неплохой функциональностью и степенью удобства администрирования;
• Встроенная бесплатная CRM, удобная и простая в использовании;
• Приличный встроенный магазин и блог;
• Продвинутые настройки типографики сайта;
• Интуитивный интерфейс с приятным дизайном;
• Возможность экспорта файлов сайта, что позволяет легко мигрировать на свой сервер;
• Отличный раздел справки.

Минусы Tilda:

• Одностраничные шаблоны;
• Нет встроенных специализированных средств для сбора статистики и анализа конверсии лендингов;
• Неудобный процесс создания многостраничных сайтов;
• Нет встроенных A/B-тестов;
• Медленная и недостаточно компетентна служба технической поддержки;
• Завышенная стоимость базового тарифного плана.
• Малое количество дискового пространства на тарифах.

Приходим к тому, с чего начали. Более-менее хорошо Tilda подходит для создания лендингов, лонгридов и портфолио. Всё остальное – под вопросом, дело даже не в функциональности блога и магазина, они вполне ОК, но куда заливать контент? В 1 Гб хранилища? Много ли его там поместится? Технология сжатия изображений расширяет ресурс, но всё же не решает проблему. Для создания объёмных, долгоиграющих проектов с регулярным добавлением контента (страниц, постов, товаров) Тильда не подходит. Даже бизнес-сайты, поскольку для их создания нужно быть хоть немного дизайнером – шаблоны ведь все одностраничные, придётся оформлять большинство страниц вручную. Сайтбилдер понравится творческим личностям и новичкам, желающим попробовать запустить свои первые лендинги.

Как настроить интеграцию: на примере Tilda и Google Sheets

Для работы с коннектором не нужны навыки программирования. Чтобы создать интеграцию, достаточно подключить аккаунты Tilda и другого сервиса к сайту ApiX-Drive и настроить между ними связь. На это потребуется около 15 минут.

Для наглядности разберем процесс по шагам. В качестве примера подключим к Tilda Google Sheets, чтобы данные из форм автоматически попадали в таблицу. Это позволит нам вести учет всех заказов в одной удобной системе.

Итак, регистрируемся на сайте ApiX-Drive. Заходим в личный кабинет и кликаем «Создать связь».

После этого приступаем к подключению.

Подключение формы Tilda

Выбираем Tilda в качестве системы-источника данных.

Выбираем действие, которое должен совершать коннектор: «Получить данные из форм».

Кликаем «Подключить аккаунт «Tilda».

Копируем URL для приема данных — он поможет подключить нужную форму.

Открываем в новой вкладке личный кабинет Tilda. Заходим в настройки сайта, который хотим подключить к Google Sheets, открываем раздел «Формы» и выбираем Webhook. Затем вставляем только что скопированный URL и нажимаем «Добавить».

Добавляем приемщик данных ко всем формам.

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

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

На экране появятся данные, которые мы отправили в качестве тестового заказа. Переходим к следующему этапу.

Подключение таблицы Google Sheets

Кликаем «Начать настройку Приема Данных».

Выбираем Google Sheets в качестве приемника данных.

Выбираем действие, которое должен выполнять коннектор с загруженными данными: «Добавить строчку».

Подключаем аккаунт Google Sheets.

Выбираем таблицу (файл) и лист, в которые ApiX-Drive будет вставлять заказы. Затем выбираем, какие именно данные по каждому заказу будут попадать в Google Sheets. Для этого кликаем по нужным полям и выбираем подходящие типы данных. Каждое поле соответствует колонке в нашей таблице. Лишние поля оставляем пустыми.

Проверяем пример данных, которые будут передаваться по каждому заказу. Если надо что-то изменить, кликаем «Редактировать» и вносим правки. Если все правильно, нажимаем «Далее».

Включаем обновление, чтобы разрешить передачу данных.

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

Примерно так переданные заказы будут отображаться в Google Sheets:

На этом все. ApiX-Drive начнет передавать данные в соответствии с заданными параметрами.

Сценарии публикации

На Tilda есть 7 сценариев публикации. Количество доступных вариантов зависит от того, какой у вас тарифный план.

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

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

На тарифе Business к перечисленным вариантам публикации добавляется экспорт кода. Он доступен в четырёх режимах. Во всех случаях контент хранится на стороннем хостинге.

1. Вы верстаете проект на Тильде, а затем берёте весь код и размещаете его на своем сайте. Это может быть весь проект или только его часть — например, отдельные страницы со специальным оформлением.
2. Более продвинутый вариант — полная интеграция с сайтом. Вы создаёте контент на Тильде, а затем экспортируете код и получаете проект с элементами стиля основного сайта.
3. Ещё более сложный подход — автоматическая интеграция через API. Вы создаёте контент на Tilda, затем публикуете его, и он появляется на основном сайте, вписываясь в его макет. Настройка этого варианта требует участия веб-разработчиков.
4. Интеграция с сайтом на WordPress с помощью плагина — та же интеграция, только максимально удобная благодаря расширению, созданному разработчиками Tilda.

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

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

Zero Block

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

Для зрелищности можно использовать триггерную анимацию, которая срабатывает при наведении или клике курсором мыши по заданному элементу. Например, при наведении на иконку рядом всплывает изображение. К одной анимации можно привязать несколько триггеров. Всё это делается в настройках пошаговой анимации: нужно выбрать Event и вариант срабатывания (On Click или On Hover), а затем выбрать элемент-триггер и добавить шаги анимации – сценарий того, что будет происходит после заданного действия.

Для удобства можно использовать автоматическую расстановку элементов, задав расстояние относительно друг друга в пикселях. Редактор позволяет менять масштаб холста сочетаниями Ctrl+/Ctrl-. Сбросить до значений по умолчанию можно, нажав Ctrl+0.

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

Принцип работы сервиса

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

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

Каждый клиент будет использовать ресурсы сайта Тильда в индивидуальном порядке. Именно поэтому необходимо подобрать оптимальный тарифный план.

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

The following two tabs change content below.

Александр Лаптев
В 2011 году окончил ФГОБУ ВО «Финансовый университет при Правительстве Российской Федерации» по специальности «Экономист». В настоящее время помогаю в освоении сайта cabinet-bank.ru, и готов ответить на Ваши вопросы. (Страница автора)

Последние записи автора — Александр Лаптев

• Вход в личный кабинет Компаньон Финанс: пошаговая инструкция, функции профиля — 07.05.2021
• Личный кабинет Комос Закупки: регистрация на сайте, инструкция для входа — 07.05.2021
• Вход в личный кабинет Комеджик: пошаговый алгоритм, функции аккаунта — 07.05.2021

Целевая аудитория

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

Таким образом, система переехала с творческой ориентации на коммерческую, однако внутри всё осталось по-прежнему (обновления происходят, конечно). Концепция та же, но позиционирование, функциональность слегка изменились – теперь Тильда является конструктором лендингов. Инструментом для заработка, а не пиара, как ранее.

Интеграции 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, а вы — уведомление о новом заказе в мессенджере. Все перечисленные действия коннектор выполняет на автомате.

Шаблоны сайтов

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

Когда выбираете шаблон, вы, по сути, выбираете главную страницу сайта. Какой она будет? Доступны следующие категории: бизнес, блог, магазин, анкета, контакты, событие, внутренние страницы. В каждом разделе примерно по 10 вариантов сборки страниц. Это не проблема. Вы сами можете создавать такие композиции в любом количестве — можно выбрать пустую страницу, оформив её с нуля.

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

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

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

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

Ценовая политика

На Free можно использовать Tilda неограниченно долго. Сможете создать многостраничный сайт (до 50 страниц), но без прикрепления своего домена, ограниченным количеством блоков и предельным объёмом загруженных файлов в 50 Мб

Ограничения не совместимы с решением сколь-нибудь важной задачи

Для полноценной работы к вашим услугам 2 тарифных плана:

1. Personal (750 руб/мес или 6000 руб/год) – создание 1 сайта, 500 страниц, 1 Gb дискового пространства, полная функциональность, при оплате за год получите домен в подарок, возможность отключения в настройках сайта лейбла «Made on Tilda».
2. Business (1250 руб/мес или 12000 руб/год) – создание 5 сайтов, 500 страниц, возможность экспорта исходного кода.

Tilda ориентирована на создание лендингов, портфолио, а также малостраничных бизнес-сайтов (как правило, не более 10 страниц) компаний и предпринимателей. Стоимость тарифов превышает среднюю цену по рынку. Оплата принимается через банковские карты и PayPal

Важно: при помесячной оплате по умолчанию включены автоматические платежи сроком на один год. К слову, Personal стоит откровенно дорого по нашим меркам

Это западный ценник. За эти деньги можно построить 2 сайта даже в более интересных системах.

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

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

1. Tilda Pro 10 (2500 руб/мес или 25000 руб/год) – 10 сайтов
2. Tilda Pro 15 (3750 рублей или 40000 руб/год) – 15 сайтов
3. Tilda Pro 20 (5000 рублей или 50000 руб/год) – 20 сайтов

Благодаря возможности создания 5 проектов, тариф Business выглядит привлекательным вариантом для желающих создать несколько посадочных страниц для тестирования маркетинговых гипотез. Разгоняться на многостраничные сайты в рамках Тильды не интересно – производственный процесс для этого не приспособлен, есть ограничение по количеству страниц, блог и магазин дохлые. В общем, можно собрать 5 лендингов, лонгридов, портфолио, бизнес-сайтов или их комбинаций за 12 000 рублей/год. Выгодно ли это? Наверное, да, если вам и правда нужны 5 сайтов.

SEO-оптимизация

Tilda ввиду специализации не очень хорошо подходит для SEO-продвижения, поэтому сайты данного сервиса нужно продвигать, прежде всего, контекстной рекламой и социальными сетями.

Старайтесь наполнить страницы содержательными текстами, насколько это возможно. Побольше отзывов, вопросов и ответов, описаний важных характеристик, комментариев к фото и видео – находите повод добавить классный текст по теме. Это уместно не только на лонгридах, но и на лендингах. Встроенный таргетинг из Facebook даст неплохой старт вашей рекламной кампании. Для подключения Google Analytics нужно ввести ID вашего аккаунта в системе. Так вы запустите сбор статистики по проекту. Поддержка сервисов Яндекса реализована аналогичным образом.

Для каждой страницы можно заполнить значения стандартных мета-тегов – ключевики, описание, заголовок и alt для изображений. Служебные sitemap.xml/robots.txt создаются автоматически. Можно подключить бесплатно SSL к домену, настроить ЧПУ. Сайты от 5 страниц можно продвигать сайт по нескольким запросам, нагрузив их текстом. Рекомендуем добавить блог с той же целью – охватить больше запросов с его помощью.

Также Tilda поддерживает автоматическое сжатие загружаемых пользователями изображений в формат WebP. Такой подход позволяет снизить вес картинок на сайте до 35% по сравнению с распространёнными JPEG/PNG, не теряя в качестве. Это ускоряет загрузку страниц, особенно на слабых девайсах с плохим Интернетом со всеми вытекающими – полезный фактор ранжирования в глазах поисковых систем. Люди реже закрывают сайт, не дождавшись прорисовки страниц, производительность/оптимизация выше.

А ещё система самостоятельно делает ресайз картинок до нужного размера контейнера: автоматически определяет подходящий и подгружает с сервера уже обрезанный вариант, который будет выглядеть хорошо в данном конкретном случае. Для нормальной работы этих функций у вас должен быть включён lazy load (находится по пути “Настройки сайта — Ещё”, по умолчанию опция активирована, выключать не рекомендуем).

Редактирование страницы

В редакторе Тильды используется bootstrap-сетка из 12 столбцов. По ней вы будете выравнивать контент. Страница верстается строго вертикально. Вы добавляете блоки один за другим и меняете очередность их появления на экране при скролле.

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

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

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

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

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

Перед публикацией страницы нажмите на кнопку «Настройки». Вам нужно заполнить несколько важных полей.

• Заголовок — это название страницы, которое будет отображаться в поисковой выдаче, на вкладке в браузере, при публикации ссылки в соцсетях и отправке через мессенджеры.
• Описание — информация о том, какой контент размещён на странице. Описание тоже выводится в поисковой выдаче и при публикации ссылки на страницу.
• Адрес — уникальный URL, который ведёт на страницу.

На вкладке «Бейджик» вы можете выбрать изображение, которое будет использоваться при публикации ссылки на страницу. Отображение в Фейсбуке и поисковой выдаче настраивается на одноимённой вкладке. Можно использовать заголовок и описания, добавленные на вкладке «Главное», или задать специальные метаданные.

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

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

Возможности редактора

Самое интересное в Tilda – WYSIWYG-редактор. Страницы в нём необходимо собирать из готовых секций (даже не виджетов/элементов, а именно целых блоков), после чего их внешний вид и контент можно детально настроить. Логично предположить, что широта возможностей сайта во многом зависит от доступных наборов секций. Их довольно много.

Кликнув по значку «+» между секциями шаблона, вы увидите полный список разделов с блоками: хедер, описание проекта, заголовок, параграф, изображение, галерея, прямая речь, колонки, преимущества, разделитель, меню, список страниц, видео, форма с кнопкой, магазин, команда, расписание, этапы, тарифы, партнёры, соцсети, футер и другие. Каждый раздел содержит большое количество (минимум десяток) по-разному оформленных секций.

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

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

Шрифтам уделено особое внимание – в настройках можно выбрать источники (Typekit, Google Fonts, Basic Fonts or your own font). Для каждого образца можно настроить text font weight, size, headline font weight and colors for each type of font

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

Работа с Zero Block

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

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

В Zero Block можно добавить следующие элементы:

• Текст
• Изображение
• Геометрическую фигуру
• Кнопку
• Видео
• Всплывающую подсказку
• Блок для вставки HTML-кода
• Форму
• Галерею

По сути, в Zero Block вы можете собрать блок с любым содержимым. Это отличный вариант, если в библиотеке нет стандартного решения для вашего интерфейса. У каждого элемента есть собственный набор настроек, так что получается очень гибкая (и потому непростая) среда для разработки уникального дизайна.

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

Главное преимущество Zero Block — пошаговая анимация. Именно благодаря ей он стал таким популярным инструментом среди дизайнеров. Пошаговая анимация позволяет создавать интерактивные сайты, которые стали визитной карточкой конструктора Tilda.

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

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

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

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

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

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

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

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

Вывод

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

Для создания интерактивных сайтов с впечатляющей анимацией и уникальным дизайном разработчики используют мощный Zero Block. Чтобы создавать в нём привлекательные и функциональные блоки, нужно пройти обучение. В справке Tilda даже есть бесплатный учебник с видеоуроками, объясняющими основные операции. Если времени на обучение нет, то можно первое время обходиться стандартными блоками. В них тоже есть анимация, пусть и не такая интересная, как в настройках Zero Block.

С инструментами Тильды можно работать на бесплатном тарифе, однако он подходит только для обучения и создания совсем простых сайтов. Все возможности конструктора доступны на тарифе Personal, а если вам нужно экспортировать код или создать больше 5 сайтов, то придётся покупать подписку на Business.

Выводы и рекомендации

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

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