Конструктор и платформа для создания сайтов Tilda Publishing

Почему конструктор — хорошо?

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

И как раз конструктор позволяет держать ориентир на том, что действительно важно — на контенте. Контент решает!

Контент решает!

Но бывают исключения. Пример от BlackSwan

Мы делаем лендинг для Георгия Кота — один из самых известных стилистов России. У него на сайте нет ни качественных фотографий, ни видео. Ни-че-го. И даже при отсутствии крутого сайта и прочей мишуры, он на свой мастер класс по коммерческим причёскам собирает целый стадион.

Но это «заслуженный» стилист России.

А ты нет. Поэтому придётся ловить клиента контентом! Что для этого сделать. Рассказываю дальше.

Создание интернет-магазина: краткая инструкция

Сервис подходит для работы небольших онлайн-витрин. Есть возможность подключить сервисы Яндекс.Деньги, Яндекс.Касса, PayPal, Robokassa, CloudPayments, Stripe, чтобы клиенты оплачивали товары/услуги картой Visa/Mastercard, Яндекс.Деньгами, с мобильного счёта, через Сбербанк Онлайн, Альфа Клик. Заявки и оплата могут приниматься в сервисе с помощью CRM-системы, форма заказа товаров легко настраивается под конкретные нужды.

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

Продажа товара ведётся одним из выбранных способов:

Через корзину – подходит для продажи одного или множества товаров.
Без корзины (прямая) – без возможности выбора варианта и количества товаров.
Без онлайн оплаты – клиент заказывает товар на сайте, а оплачивает потом.
Один товар/услуга – подходит для продажи через корзину или с прямым переходом к онлайн оплате.
С выбором параметров товара/услуги – клиент может выбрать цвет, модель, размер и т.д.

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

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

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

Причина № 1

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

сложность в оформлении кейсов (мало гибкости, многое верстали руками на лету);
доработка или исправление сайта требовали участия верстальщика и программиста, коих у нас в штате не было первые 4 года существования студии;
улучшения сайта делались крайне редко, так как требовали больших усилий (одна из причин, по которой в итоге переделывался весь сайт);
проблемы с оперативными правками на сайте (ошибки/баги/обновления копились в списке доработок).

МегаФонТаргет – новый сервис для маркетологов!

Таргетированные SMS-рассылки с множеством фильтров для определения ЦА. Стоимость от 1,7 руб. за сообщение, CTR доходит до 45%!

Попробуйте провести тестовую кампанию! Cossa рекомендует.

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

Какой конструктор я выбираю

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

Я же давно определился и выбрал двух фаворитов. Один с упором на любимые маркетологами «фишечки» — PlatformaLP, а второй с упором на отменный дизайн и типографику — Tilda.

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

Тильду я расхвалю дальше

О профессиональном редакторе Zero Block

Редактор потребуется в том случае, если вы хотите создавать блоки со своим уникальным дизайном. Zero Block (нулевой блок) добавляется двумя способами: прокрутите страницу вниз и кликните на значок Zero или выберите его в библиотеке блоков «Другое».

Настройки нулевого блока почти идентичные настройкам шаблонов, но для редактирования используется не кнопка «Контент», а «Редактировать блок».

Визуально он похож на графический редактор:

«+» – кнопка для добавления изображений, текста, видео, формы и т.д.
Две рабочие области – Grid Container (сетка) и Window Container (границы экрана браузера), то есть весь контент должен располагаться в области с вертикальными линиями.

Элементы можно редактировать мышкой – перемещение, изменение размера, копирование, выделение.

Для оперативной работы разработчик предлагает горячие клавиши.

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

Animation – различные варианты появления анимации на экране.
Parallax – эффект параллакса элемента.
Fixing — эффект фиксации элемента.

К каждой категории есть дополнительные опции, скрытые под знаком стрелки вниз.

Руководство по созданию продвинутой анимации.

Что хочу сказать: вполне удобный и простой редактор. Если вы владеете азами работы в Photoshop, то Zero Block вообще не вызовет никаких сложностей.

Образование с Tilda Education

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

Сейчас их три:

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

Ограничения

Несмотря на массу достоинств платформы, у Тильды есть определенные ограничения:

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

Управление сайтом

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

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

«Тильда сильно экономит время, так как часть проекта можно сделать без привлечения технических специалистов. Еще один плюс – клиент может управлять контентом сайта самостоятельно. Внутри CreativePeople нет строгого разделения, что сделать на коробочной CMS, а что сделать на Тильде. Тильду мы используем как фреймворк. Что-то можем сделать с помощью стандартных блоков, но чаще используем редактор Zero Block и верстаем блоки самостоятельно. Тильда сильно экономит время, так как часть проекта можно сделать без привлечения технических специалистов. Еще один плюс – клиент может управлять контентом сайта самостоятельно».

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

Алексей Пономарь, CEO, Лайфхакер

«Для редактора, который лучшие годы своей жизни посвятил сайту с админкой, в которой есть максимум 5 элементов, Tilda Publishing — это оказаться в дьюти-фри с папиной кредиткой».

Инна Герман, главный редактор «Теории и практики»

Минусы сайта на Tilda для студии дизайна

Минус № 1. Код

Код местами вызывает кучу вопросов. А часто один вопрос — WTF?! Например, вот такие вещи:

Не уверен, влияет ли это на поисковую выдачу, или на что-то ещё, кроме фырканья нашего frontend-разработчика. Но факт остаётся фактом.

Минус № 2. Минимальная интерактивность элементов

Имею в виду практически полное отсутствие ховеров на элементах, эффектов появления при скролле, и прочих плюшек, которые мы так любили при использовании WebFlow (см. предыдущий сайт). Частично решили это через кастомные стили, которые можно прописать в Tilda в специально отведённом поле. Вот бы иметь настройки эффектов анимаций и ховеров! Но, как говорят разработчики сервиса, в ближайших планах подобных настроек не предвидится.

Минус № 3. Как ни крути, это конструктор

Увы, иногда не удаётся найти подходящий блок (или настроить имеющийся) для воплощения в жизнь задуманного. Приходится выкручиваться, используя то, что есть. Вот пример. Эксперимента ради собрал посадочную, дизайн которой разрабатывался без учёта возможности реализации на Tilda. Смотрите сами.

(без Tilda) vs Сборка на Tilda

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

Кому подойдёт Tilda

Tilda подходит всем, кто ведёт деятельность в интернете. Сейчас конструктор активно используют:

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

Разбиваю сомнения о конструкторах вдребезги!

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

Но ведь в подвале сайта будет висеть логотип конструктора

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

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

Да, кому-то покажется много, платить каждый месяц по 1 250 ₽ за сайт на Тильде. Но за эти деньги конструктор решает кучу проблем и экономит деньги на разработке веб-ресурса. Если платить по акции сразу за год, то получится 12 000 ₽, а это уже по 1 000 ₽ в месяц.

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

Во-вторых, давай начистоту. В большинстве случаев хватает того, что предлагает конструктор. Не льсти своей фантазии и креативности, сделай круто с тем набором инструментов, что есть.

Ой, наделают сайтов на конструкторах, а потом код ползёт на смартфонах и планшетах!

Как раз наоборот. Тильда автоматически адаптирует сайт для гаджетов с разными размерами экранов. Можно корректировать дизайн ручками. Хотя, на Платформе ЛП придётся повозиться.

Если же заказывать отдельно настройку адаптивности, то произойдёт так:

Дизайнер нарисует основной макет сайта, а потом перерисует его под разные экраны. А затем верстальщик вдохнёт в макеты жизнь. Это дорого.
Либо дизайнер сделает основной макет, а верстальщик сам провозится с мобильной адаптацией, «играя блоками и наполнением». Исход плачевный: заголовки плывут, тексты сливаются, при пролистывании сайта на телефоне трескаются капилляры в глазах — верстальщик нашкодил.

Создание страницы сайта в Tilda

Открывайте проект и нажимайте «+ Создать новую страницу». Максимальное число страниц 1 сайта на бесплатном тарифе – 50, на платных тарифах – 500.

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

Я выберу категорию «Событие». На примере одного из шаблонов покажу доступный функционал редактора.

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

Настройки – редактирование внешнего вида данных: выравнивание, высота, отступы, размеры шрифтов, межстрочное расстояние, настройка фонового видео и анимации и т.д.
Контент – редактирование содержимого блока: текст надзоголовка, заголовка, вставка фонового изображения или видео.
Duplicate (2 сдвоенных квадрата) – создать дубль блока.
Delete – удалить блок.
Hide – спрятать/показать блок.
Короткая стрелка – под ней находятся опции «вырезать», «копировать», «вставить», «выделить» для управления блоками.
Стрелки вниз и вверх – перемещение блоков в нужное место страницы.
Знак + в кружке – прокрутите блок вниз и нажмите на значок плюса, чтобы добавить новый блок на страницу. В библиотеке блоков есть масса шаблонов: обложка, о проекте, ключевая фраза, преимущества, прямая речь, отзывы, расписание, контакты и т.д.

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

Настройки страницы включают несколько опций:

Главное – заголовок, описание и адрес страницы.
Бэйджик – позволяет загрузить другое изображение для бэйджика страницы (по умолчанию используется первая картинка).
Facebook and SEO – показывает, как будет отображаться страница в соцсети Facebook и поисковой выдаче. Здесь же задаются meta-данные.
Экспорт – скачивание страницы в формате zip архива или через открытый код.
Действия – передача страницы на другой аккаунт в Тильде, создание копии, удаление и перенос страницы на другой сайт на Тильде.
Дополнительно – отключение адаптации страницы под мобильные устройства, снятие страницы с публикации, просмотр статистики и др.

Тарификация

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

В Тильда предложены 3 тарифных плана:

Free – бесплатно навсегда. Предполагает работу над 1 сайтом с базовым функционалом без подключения своего домена.
Personal – 750 руб/мес, при подписке на год 500 руб/мес. Даёт возможность работать над 1 сайтом, применяя все перечисленные выше возможности за исключением безналичной оплаты, экспорта исходного кода и API.
Business – 1250 руб/мес, при подписке на год 1000 руб/мес. Включает весь функционал платформы, а также позволяет создавать одновременно и работать над 5 сайтами с одного аккаунта на Тильде.

SEO

Поисковики не видят мой сайт, что делать?
Как добавить robots.txt и sitemap.xml
Как сделать страницу ошибки 404?
Как добавить (назначить) тег H1?
Как запретить индексировать страницу поисковикам?
Почему Яндекс показывает неправильный фавикон (favicon), не отображается нужный?
Как улучшить SEO?
Как убрать disallow в robots.txt?
Нужно ли назначать H1 в блоке, который виден только на мобильных?
Как запретить индексировать сайт поисковым системам?
Почему сайт не индексируется в поисковых системах?
Как сделать переадресацию с кодом 301 со старых ссылок на новые?
Как исключить неправильную ссылку в поисковой системе?

Лендинги на Tilda

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

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

«Tilda стала для нас решением проблемы, когда мы уперлись в сроки обновления сайта — при работе с подрядчиком зависишь от его графика и темпа. Мы ускорили запуск новых лендингов, сэкономили время и ресурсы на привлечение дизайнера и разработки. С помощью Тильды мы быстро сделали новый лендинг и подняли конверсию в регистрации в 3 раза. Отличное решение для быстрого тестирования гипотез в стартапе или крупной компании».

Мария Любимцева, руководитель проектов digital-маркетинга ФРИИ

Что ещё предлагает Tilda

Справочный центр и поддержку

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

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

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

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

Возможностей Tilda хватит, чтобы создать сотни индивидуальных страниц и ни разу не повториться. Сотрудники Tilda следят за достойными работами, сделанными с помощью конструктора. Cамые интересные, способные вдохновить других пользователей, размещают в подборке #madeontilda.

Образовательный журнал Tilda Education

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

«Дизайн в цифровой среде» — авторский курс основателя платформы Никиты Обухова, который покажет, из каких этапов состоит работа дизайнера над сайтом;

«Интернет-маркетинг с нуля» — 10 лекций, которые помогут научиться продвигать сайт с помощью разных каналов;

«Создание Landing Page» — бесплатный курс, который научит создавать эффективные страницы.

Причина № 2

В апреле я выступал с докладом про тренды в дизайне и записывал видео по этой же теме. Если кратко — сайты становятся одинаковыми по сетке и компоновке блоков.

Вот, например, свежие работы коллег из ТОПа:

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

Tilda даёт набор блоков, который позволяет собрать страницы с подобной структурой за 30-40 минут (при условии, что готовы тексты, фотографии, пиктограммы и прочее).

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

Итак, причина № 2 — блоков Tilda хватает для демонстрации работ дизайн-студии.

Исследование темы подкрепило уверенность в правильности выбора. Многие студии используют конструкторы как минимум для портфолио:

surfstudio.ru — сайт разработчика мобильных приложений;
25studio-design.ru — сайт студии дизайна на Tilda;
piece-of-cake.ru — сайт студии дизайна на Tilda;
work.antonandirene.com — портфолио сделано на конструкторе Ready Mag;
westernjack.com — сайт на конструкторе Ready Mag.

Технические возможности

Тильда — SAAS-платформа, что расшифровывается как software as a service (программное обеспечение как услуга). То есть это онлайн-сервис для создания сайтов, как и другие конструкторы, а не полноценная CMS. У этого факта есть как недостатки, так и достоинства.

Глобальный недостаток один — нет доступа к базе данных и ядру сайта. Но этот же момент становится достоинством для начинающих разработчиков — «сломать» сайт невозможно. А еще вам не нужны программисты и собственная техническая служба. За вас все сделают специалисты Тильда.

Есть несколько вариантов использования Тильды:

Разработать самостоятельный сайт на отдельном домене или поддомене.
Создать страницы и интегрировать их в CMS с помощью плагинов (например, такие есть для «1С-Битрикс» и WordPress).
Использовать как источник для публикации на существующий сайт через API.
Сверстать сайт, скачать код и разместить его на своем сервере.

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

И Тильда даёт такую возможность: часто что-то меняю, неважно, что CSS-стили уже почти забыл».

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

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

«За два года, что мы работаем с Тильдой, ничего не рухнуло, ни разу не было проблем — и это меня очень радует. Особенно мне нравится, что можно ставить виджеты. Как человек, который вообще не знает код, я могу спокойно подключить внешний html-код, и в результате посетители сайта не делают лишний клик, чтобы перейти на другой сайт для покупки билета».

«Поразил экспорт. Я ожидал увидеть треш и угар, а у вас технично все по папочкам разложено — даже исходники страниц без header/footer’ов в /files. Респект! Подключили на php-шечку и nginx буквально за полчаса с мелкими доработками».

Максим Березкин, 2Gis.ru

Общие вопросы

Как сделать кликабельным номер телефона?
Как загрузить файл на свой сайт?
Как убрать «Made on Tilda» внизу страницы (в подвале сайта)?
Как передать страницу или сайт на другой аккаунт?
Как добавить сторонний виджет (калькулятор, календарь и др.)?
Как поменять текст кнопки BUY NOW
Как в Тильде переключить язык?
Как удалить аккаунт?
Почему не видны изменения после публикации, а в предпросмотре есть?
Как восстановить удаленную страницу?
Что такое ID блока?
Как сделать А/Б тест
Как создать больше 500 страниц для сайта?
Как ограничить доступ к сайту?
Как поменять email, на который зарегистирован аккаунт?
Как исправить отображение ссылки на сайт в соцсетях?
Как задать маску для телефонного номера?
Блок перестает отображаться после публикации
Мой проект был заблокирован. Что делать?
При шеринге в Фейсбук добавляется пометка «Tilda». Что делать?
Как экспортировать сайт к себе на хостинг?
Какой оптимальный размер бейджика страницы?
Какой должен быть размер фото для добавления в галерею?
Есть ли в Тильде виджет обратного звонка?
Как получить помощь от службы поддержки клиентов?
Как сделать плавный скроллинг по якорным ссылкам?
Как добавить на сайт политику конфиденциальности?
Как добавить таймер обратного отсчета?
Как удалить сайт (проект)?
Как добавить кнопку «Наверх»?
Как создать квиз (quiz) или опрос с вариантами ответа?
Я новичок в вопросах создания сайта. С чего начать?
Как добавить сайт в поиск Google и Яндекс?
Как перейти на английский (русский) интерфейс?
Как опубликовать все страницы сразу?
При экспорте сайта не показываются картинки и всё слетело. Как исправить?
Как сохранить страницу как шаблон?
Как ускорить (оптимизировать) загрузку сайта на Тильде?
Как сделать карту с описанием контактов?

Плюсы сайта на Tilda для студии дизайна

Если повториться, то плюсы следующие:

Плюс № 1. Скорость создания / редактирования страниц

Сборка целевых страниц на Tilda, подобных вот этой и этой (без учёта подготовки контента) занимает у меня 3-4 часа. Если говорить про последний опыт в создании подобной страницы на Web Flow, она заняла порядка 8 часов работы дизайнера и столько же верстальщика.

Плюс № 2. Внешний вид страниц

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

Плюс № 3. Интеграция с сервисами

Возможности Tilda по интеграции с различными сервисами впечатляют. CRM, рассылка, мессенджеры, приём платежей. И это только малая часть! Мы, правда, используем только парочку: JivoSite, форма отправки заявки, приём оплаты через PayPal.

Плюс № 4. Кастомизация

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

Базовые настройки сайта

Откройте раздел «Мои сайты» или нажмите «+ Создать сайт». Задайте проекту название.

Дальше откройте «Настройки сайта» и заполните описание, укажите субдомен на Тильде или подключите собственный домен (для платного тарифа).

Официальный мануал по подключению своего домена в Центре Помощи Tilda.

В разделе «Шрифты и цвета» выбираются наиболее подходящие вам шрифты, их размер, насыщенность и цвета. Можно загружать свои собственные шрифты.

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

Подключение Google Analytics:

автоматически в системе – кнопка «Подключить»-«Разрешить» доступ к данным в аккаунте Google.
вручную – выбрать код счётчика из списка в Google, ввести его в соответствующую строку на Тильде.

Дополнительно подключается Google Tag Manager, чтобы отслеживать события на стороне сервиса. Мануал на сайте разработчика.

Подключение Яндекс.Метрики:

авторизуйтесь в Метрике и создайте счётчик, нажимайте кнопку «Подключить»-«Разрешить» доступ к данным в аккаунте Яндекса.
вручную – выберите код счётчика в Метрике, скопируйте и введите в соответствующую строку в Тильде.

В этом же разделе подключаются PIXEL Facebook – через Менеджер рекламы FB, и VKontakte – через рекламный кабинет VK во вкладке «Ретаргетинг».

В разделе SEO подключаются сервисы Google Search Console и Яндекс.Вебмастер. Вам нужно кликнуть «Редактировать»-«Подключить». Добавление ресурса к сервисам возможно после публикации главной страницы сайта.

В разделе «Экспорт» можно скопировать проделанную на Тильде работу на другой сервис с помощью исходного кода. Опция доступна только на бизнес-аккаунте.

Раздел «Формы» отображает доступные сервисы для сбора информации из форм, чтобы собирать заявки, получать данные на электронную почту, создавать списки рассылок, отправлять лиды в CRM.

Подведу итог

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

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

Поэтому я вижу три выхода:

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