Главная | Блог | Темы | Маркетинг | Тильда (конструктор сайтов): обзор возможностей и инструкция по настройкеТильда (конструктор сайтов): обзор возможностей и инструкция по настройке 16 ноября 2021 25 мин на чтение 41 526 сайт бизнес маркетинг сайт бизнес маркетинг Николай БольшаковАвтор блога Calltouch Содержание Нет времени читать? В создании лендинга или даже интернет-магазина поможет Тильда – один из самых популярных веб-конструкторов. Это выгодное решение, когда не нужен сложный сайт или на него не хватает бюджета. В статье разберем возможности Тильды, ее плюсы и минусы.Что можно создать на ТильдеTilda – это инструмент для простой разработки:сайтов;лендингов товаров и услуг;интернет-магазинов;промостраниц, приглашений на события, презентаций;личного портфолио;корпоративных блогов;авторских блогов;спецпроектов.В конструкторе есть готовые блоки, спроектированные программистами. Дизайнеры Тильды предлагают современные, трендовые решения для оформления элементов сайта. Без кодов можно добавить интерактив и анимацию. Личный сайт или портфолиоПодойдет, если нужно собрать свои работы и презентовать их. Создайте сайт по готовому шаблону, наполните контентом, подберите дизайн и обложки, разделите по тематикам. Организатору праздников, например, подойдут категории: «Свадьба», «День Рождения», «Детский праздник», «Профессиональные праздники», «Корпоративы».Также используйте Тильду для публикаций анонсов событий, лонгридов. В конструкторе продумана типографика: подобраны ширина строк, интервалы и большой выбор шрифтов, в том числе авторских. Фото и видео можно быстро загрузить с диска, перетащить, встроить из YouTube. Еще в Tilda интегрирован музыкальный сервис SoundCloud, через который легко добавить аудиофайлы.Контент-проектКонтент-проект – это некоммерческий сайт. Например, любой онлайн-журнал. Хоть его создают не для торговли, реклама сторонних компаний все-таки приносит доход. Тильда поможет создать стильную площадку для своего контента, чтобы привлечь рекламодателей и читателей. Сайт для мероприятия или промостраницаПриглашения с анкетой для гостя нужны для выставок, конференций, лекций, фестивалей, церемоний вручения премий, спектаклей, вебинаров. Если вы планируете важное событие и хотите подготовить сайт с описанием, программой, расписанием, контактами – Тильда предоставит все необходимые инструменты для этого.Сайт обучающего проектаИспользуйте Тильду, если:для продажи курса нужна посадочная страница;вы хотите собрать всю учебную программу на сайте;вам нужно анонсировать старт образовательного марафона или набора на курс.Добавьте на посадочную страницу описание программы, контакты, отзывы, тарифы с разными вариантами оплаты. Tilda дает возможность разместить все видео-уроки с YouTube-канала на сайте и собирать обратную связь от учеников.Небольшой интернет-магазинДля интернет-магазина конструктор сайтов подойдет, если:есть специалист, который возьмет на себя огромное количество ручной работы;товаров не много, нет сложной административной работы.Тильда не подойдет, если понадобятся интеграция с 1C, синхронизация витрин и складских остатков, сложная тарифная сетка доставки. Маркетинг Читайте также: Онлайн-марафон, который нельзя пропустить: 4 шага к интернет-маркетингу уровня PRO Онлайн-марафон, который нельзя пропустить: 4 шага к интернет-маркетингу уровня PRO Плюсы и минусы ТильдыНачнем с преимуществ:Недорогой способ разработки сайта. В функциях можно разобраться самостоятельно и обновлять содержание страниц без помощи программиста.Создание сайта не занимает много времени, а лендинг можно разработать за один день.Блоки легко адаптируются под разные версии сайта. С помощью 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-данные». Воспользуйтесь этой возможностью для улучшения оптимизации.Калькулятор и тестыВ форму клиентской заявки добавьте автоматический расчет по формуле – поле «Калькулятор»:В категории «Форма и кнопка» выберите блок: BF204N, BF310N, BF311N, BF402N, BF403N или BF502N.Добавьте поля. Например, вес, рост.Продублируйте в «Имя переменной» названия полей на английском.Пропишите формулы расчетов. Например: 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. Они подстроятся под любой размер экрана. Обратный звонок, сбор заявок в нерабочее время и возможность связаться через удобные посетителю мессенджеры или соцсети увеличат конверсию на десятки процентов. ВиджетыВиджеты CalltouchУвеличьте конверсию сайта на 30% Подробнее Платежные системыПринимать денежные средства имеют право только официально оформленные пользователи, со статусом самозанятого, ИП или ООО. Есть несколько вариантов продаж и больше 30 способов оплаты. Поддерживаются международные платежные системы. Например, PayPal. Тильда предоставляет видеоинструкцию по созданию интернет-магазина и подключению ПС. Что еще может TildaИнтеграция с WordPress. Можно пользоваться одновременно двумя конструкторами. Для этого установите плагин. Например, проект Лайфхакер базируется на WordPress, а серию лонгридов разработчики сделали с помощью Тильды.Подготовка писем для рассылки. С помощью интеграции с сервисами по рассылкам пользователи будут быстро получать информацию на почту или в мессенджеры после регистрации или покупки. Внутри Тильды есть конструкторы, которые готовят письма к рассылкам по шаблону.Создание пользовательских блоков. Пользовательский блок – это Zero-блок, который позволяет реализовать весь свой творческий потенциал. В нулевом блоке каждый элемент вы создаете вручную без использования шаблонов. Функция подойдет тем, кто имеет базовые знания в веб-дизайне.Интеграция с внешними сервисами. Функционал конструктора сильно расширяется за счет интеграции с популярными сервисами:CRM;системами приема платежей;формами для получения клиентских данных.Их около 35. Сервисы подключают через Webhook или коды.Создание промокодов. Внутри Тильды можно создавать собственные промокоды, которые будут давать дополнительную скидку. Для этого перейдите в настройки платежной системы, задайте имя промокода и сумму скидки. Скидка может быть процентной или фиксированной.Электронная торговля. Конструктор позволяет самостоятельно создать небольшой интернет-магазин со всем необходимым функционалом. При создании страницы выберите специальный шаблон для электронной торговли или подберите блоки из библиотеки. В разделе «Магазин» можно найти кнопки, формы, корзину, тарифы и разные карточки продуктов, а в разделе «Другое» – модули для интеграции.Пользовательская страница 404. Ошибка 404 или Not Found («не найдено») – стандартный код ответа HTTP, который сообщает о неполадках со стороны сервера. В настройках в разделе «Еще» можно создать и настроить страницу ошибок 404. Tilda CRM. Это система для работы с заявками клиентов. Настройка системы CRM находится в верхней строке меню основного экрана. Tilda предлагает CRM бесплатно для всех пользователей конструктора. Это способ оптимизировать процесс работы и повысить уровень обслуживания. Объединяйте данные с вашего сайта, CRM и других-бизнес инструментов с помощью сквозной аналитики Calltouch. Система сама сформирует отчеты, а вы сэкономите время на рутинной работе. Вы узнаете, что приносит вам целевой трафик и доход. Сквозная аналитикаОценивайте эффективность всех рекламных кампаний в одном окне от клика до ROIВкладывайте в ту рекламу, которая приводит клиентов ПодробнееТарифные планы 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 вы получите полный пакет возможностей. Николай БольшаковАвтор блога Calltouch