Как работать с конструктором Tilda
Tilda – это конструктор, позволяющий создавать профессиональные сайты без знания программирования. Принцип конструирования заложен в блоках – добавляя их, можно создавать различные страницы. Но конструирование с помощью готовых шаблонов – это лишь один из способов создания ресурсов на Tilda. Отличительной особенностью сервиса является функция «Zero-Block», с помощью которой можно создавать уникальные блоки, а также адаптировать их под разные устройства.
Сегодня мы рассмотрим, почему отдают предпочтение подобному конструктору и какие с его помощью можно реализовать проекты, а после этого создадим сайт-визитку с нуля.
Почему выбирают Tilda
Ответ здесь довольно прост – потому что это многофункциональное решение для тех, кто не умеет разрабатывать сайты с помощью кода. Естественно, что навыки дизайна и типографики также должны присутствовать, но получить их гораздо проще, чем изучить основы верстки и программирования.
Это была лишь часть особенностей конструктора Tilda, ознакомиться со всеми можно на официальном сайте.
Что умеет Тильда
Чтобы понять, на что способна Tilda, рекомендую посмотреть на готовые сайты, созданные с помощью данного конструктора.
Вот так может выглядеть сайт-портфолио:
Лендинг для продажи интерактивных роботов:
Лендинг для проката автомобилей:
Лендинг для продажи элитной недвижимости:
Если вы хотите научиться делать мощные и продающие сайты на Тильде, то рекомендую поизучать подобные сайты. Постепенно будет прокачиваться насмотренность – умение распознать стильное и гармоничное решение.
Посмотреть больше сайтов на Тильде можно здесь.
Тарифные планы Tilda
Владельцам аккаунтов доступно 3 тарифных плана – Free, Personal и Business.
Free
Free – бесплатный, активируется автоматически после регистрации учетной записи. Он вполне может сгодиться для создания сайта, но совсем простого. Подобный тариф разрешает пользоваться Zero-Block, однако в нем нет опции подключения собственного доменного имени, SSL-сертификата, аналитики сайта и многого другого. Тариф Free – это отличный способ разобраться в работе конструктора.
Лимиты тарифа: максимальное количество проектов – 1, количество страниц для каждого проекта – 50, объем загруженных файлов – 50 Мб.
Personal
Personal – стандартный тариф, который открывает доступ ко всем возможностям Тильды: полная коллекция блоков, подключение своего домена, коллекция бесплатных иконок и многое другое. Ознакомиться с полным набором функций можно здесь.
Лимиты тарифа: максимальное количество проектов – 1, количество страниц для каждого проекта – 500, объем загруженных файлов – 1 Гб.
Стоимость тарифа: 750 руб./месяц + домен в подарок.
Business
Business – профессиональный тариф, который предназначен для размещения нескольких сайтов. Он позволяет на одном аккаунте создать 5 и более сайтов – для каждого отведено определенное количество страниц, свой домен и так далее.
Тарифный план также имеет разновидности – это Business 10, 15, 20 и 30. Число указывает на количество сайтов. Например, в тарифе Business 15 разрешено создавать до 15 сайтов.
Еще одно отличие от предыдущих тарифов – возможность экспорта исходного кода. Благодаря этому можно создать сайт на Тильде и перенести его на свой хостинг. Подойдет для тех, кто хочет подредактировать HTML-код и разместить его на другом хостинге.
Лимиты тарифа: максимальное количество проектов – от 5 до 30, количество страниц для каждого проекта – 500, объем загруженных файлов – 1 Гб.
Стоимость тарифа: от 1250 руб./месяц + домен в подарок.
Как убрать надпись «Made on Tilda»
Стоит заметить, что при ежемесячной оплате любого тарифа остается одна неприятная особенность – надпись «Made on Tilda» в подвале сайта.
Надпись исчезает, если оплатить тариф Personal или Business на год. Также вы можете подключить тарифный план Business, а затем экспортировать весь код и удалить в нем блок HTML-кода с надписью – такой вариант подойдет только для тех, кто собирается размещать сайт на другом хостинге.
Если вам не подходит годовая оплата, можно рассмотреть другие конструкторы. Например, на Craftum нет такой особенности, но точно так же можно собирать сайты как с помощью шаблонов, так и с нуля. Есть 10-дневный тестовый период, во время которого доступны все возможности конструктора.
Создаем сайт на Tilda
Приступим к практическим навыкам – в данном разделе мы научимся создавать полноценный сайт как с помощью обычных блоков, так и с помощью Zero-Block. Для примера возьмем небольшой сайт-визитку, включающий в себя такие блоки, как «Главный экран», «Информация о компании» и «Контакты». Но перед этим зарегистрируемся на сервисе.
Готово! Мы создали сайт и активировали тариф Personal. Теперь можно переходить к редактированию будущего веб-ресурса, подключению домена и т.д. Первым делом наполним наш сайт теми блоками, что мы решили создать.
Вот так можно создать сайт и выпустить его в свет. Советую детально изучить раздел «Zero-Block», где мы самостоятельно создавали страницу «О компании». Именно в нем и проводят большую часть времени разработчики сайтов на Тильде.
Также не стоит забывать и об обычных блоках: несмотря на то, что они довольно шаблонные, некоторые из них нередко встречаются на популярных сайтах. Чаще всего это блоки с контактами либо отзывами.
Как настроить сайт на Tilda
Те функции, с помощью которых мы создали сайт, – это не все, что может Тильда. Есть еще один раздел редактирования, в котором можно поменять различные настройки веб-сайта. Чтобы его открыть, достаточно перейти в раздел «Мои сайты», выбрать «Редактировать сайт» и затем нажать «Настройки сайта».
Здесь находятся все внутренности сайта: настройка шрифтов, цвета и главной страницы, аналитика сайта, добавление собственного доменного имени, подключение SEO-сервисов и многое другое.
Тут же мы можем подключить платежные системы либо ограничить доступ к опубликованным страницам. Функционала вполне достаточно, но я не рекомендую забивать голову всем сразу: для начала будет достаточно первых 4-х разделов.
Заключение
Tilda – это отличное решение для тех, кто хочет научиться создавать красивые сайты без знания программирования. Да, будет проблематично развернуть огромный веб-ресурс с большой базой данных, но для небольших интернет-магазинов, лендингов и визиток подобный конструктор отлично подойдет.
Как сделать сайт с помощью конструктора Tilda: пошаговое руководство
Время чтения: 50 минут Нет времени читать? Нет времени?
Tilda — удобный конструктор сайтов, с помощью которого человек без опыта веб-разработки может создать функциональный ресурс. Пошаговое руководство поможет быстро разобраться с возможностями и особенностями платформы.
Почему стоит выбрать Tilda
При упоминании Tilda в голову приходят эпитеты «модный» и даже «хайповый». Конструктор активно используют представители так называемого креативного класса: фрилансеры разных специальностей, представители веб-студий.
«Тильда» стала модной не просто так. Достоинства конструктора выделяют его среди аналогичных решений и даже позволяют конкурировать с полноценными CMS.
Как все конструкторы, Tilda позволяет сделать сайт без специальных знаний. Интерфейс платформы интуитивно понятный. На каждом этапе работы система подсказывает пользователю следующие шаги. Готовые шаблоны и модули позволяют быстро создать красивый и функциональный ресурс.
Tilda выделяется на фоне других конструкторов ориентацией на визуальную привлекательность и легкость восприятия контента. Это не пустые рекламные слоганы: платформа отличается безупречной типографикой и удачной интеграцией визуального и текстового контента. Это позволяет разработчикам позиционировать «Тильду» в качестве инструмента для создания лонгридов.
Пользователям Tilda доступны модули и шаблоны, с помощью которых можно быстро создавать конверсионные лендинги. Конструктор подходит для запуска интернет-магазина. На «Тильде» можно сделать корпоративный сайт, виртуальную визитку с портфолио, контент-проект.
Примеры созданных с помощью конструктора ресурсов можно найти в разделе MadeOnTilda на официальном сайте проекта. Обратите внимание на пример интеграции «Тильды» и WordPress. «Лайфхакер» использует конструктор для создания лонгридов, а основной сайт проекта работает на WP.
У Tilda есть недостатки, которые будут рассмотрены ниже. Но главный из них нужно обсудить сразу.
Стоимость Tilda
Пользователям доступны три тарифных плана: Free, Personal и Business.
Возможностей бесплатного тарифа хватит для создания сайта-визитки. Пользователь получает 50 Мб дискового пространства, возможность создать один сайт и до 50 страниц. План Free предполагает доступ только к части модулей. Поэтому функциональность сайтов на бесплатном тарифе ограничена.
Теоретически доменное имя влияет на пользовательский опыт. Человеку проще запомнить URL pupkin.ru или roga-kopyta.com, чем pupkin.tilda.ws или roga-kopyta.livejourlnal.com. Но все-таки подавляющее большинство посетителей приходит на сайт из поиска и по ссылкам, а не вводит адрес ресурса в строку браузера.
Доступ к конструктору сайтов стоит 6000 рублей в год. Это неоправданно дорого. Полноценный сайт на любой CMS, например, WordPress, Joomla!, Drupal, OpenCart, обойдется гораздо дешевле.
Тариф Business включает все возможности Personal. Дополнительно пользователь может создавать до пяти сайтов. Главное отличие — возможность экспортировать код и установить Tilda на свой сервер.
За подключение по тарифу Business нужно платить 1000 рублей в месяц или 12 000 рублей в год. Обратите внимание, услуги хостинг-провайдера нужно оплачивать отдельно.
Выбор тарифа зависит от формата сайта и потребностей владельца. Принять решение поможет таблица.
Чем хорош сайт на Тильде? И почему не надо лезть в дорогостоящие решения
Не часто приходится замечать решения предложенные на платформе Tilda, а зря. Почему так? Что такое вообще Tilda и для кого она?
Сразу отметим, что данный материал ни в коем случае не является рекламным, а представляет из себя анализ Тильды, как решение для бизнеса.
По факту в более чем 50% случаев от всех задач бизнеса в медиа пространстве, ваш сайт не нуждается в том, чтобы он был разработан кодом. Не обязательно ставить такие условия где необходимо будет привлекать верстальщика или программиста. В таких проектах обычно нуждается средний или крупный бизнес, так как к тому времени у компании сформировалось представление и сложные многоуровневые задачи, которые решаются только таким же сложными решениями.
Tilda в свою очередь тоже не является панацеей и не возведена в абсолютное значение, можно пользоваться другими решениями похожими на Тильду.
Что чаще всего приходится слышать про Тильду?
Во-вторых, скорее всего меня могут закидать тухлыми помидорами, но серьезная компания не будет стараться «выгрызать» серьезный сайт за условные 20.000 рублей. Тут 2 пути: или компания не такая серьезная, или же у директора нет понимания, что такое сайт и для чего он нужен.
2. «Не, Тильда не подойдет, у нее слишком урезанный функционал…»
Да, вы правы, Тильда имеет большое количество ограничений, но как правило если вы обращаетесь к профессионалам то выбор данного решения будет не случайным.
Отсюда вы сразу сможете понять профессионализм человека с которым обсуждаете будущий сайт еще на этапе брифинга. И насторожиться в случае если вам не задали ни одного вопроса относящегося к вашим пожеланиям, но почему-то сразу назвали тильду.
Тогда скорее всего вы общаетесь с командой, которая работает только на этой платформе или же с непрофессионалом.
Теперь, когда мы прониклись всей серьезностью данного решения. Сформулируем реальную ситуацию и ряд задач с которыми пришлось столкнуться заказчикам.
Рассмотрим параллельно 2 ситуации, которые могут показаться разными, но по факту объединены одним и тем же.
1. Заказчик не имеет серьезного бюджета, но ему срочно необходим небольшой сайт для мероприятия, которое стартует уже в конце недели.
2. Заказчик имеет серьезный бюджет, но у него отсутствуют амбициозные задачи и в целом планы на будущий сайт. Сроки не превышают 14 дней, но для простоты понимания давайте приведем также к 7 дням.
Задача
По факту перед нами стоит задача, как сделать симпатичный MVP-проект, в срок не превышающий 7 дней.
«Да, давайте здесь не будем заострять внимание и формировать представление, что вся web-разработка такая же быстрая и не затратная. В данной ситуации разбираются частные случаи, чтобы показать, что даже казалось бы в безвыходной ситуации есть решение»
День 1. Подбор референсов и обсуждение проекта
Для экономии времени и ресурсов приступаем к аналитике, но акцентируем внимание только на самых важных моментах, а именно:
какова будет общая концепция продукта;
какие есть конкуренты и что они из себя представляют;
Что нравится целевой аудитории;
что из референсов может лучше всего подойти.
Конец дня ознаменовывается обсуждением выбранных решений с заказчиками. На каждый из этапов тратим примерно по 2 часа.
День 2. Прототипирование
День 3-4. Дизайн
На данном этапе делаем акцент, выделяя под него 2 суток. Так как он является самым основным в рамках работы на Тильде. Определяемся с 3 наиболее интересными и продуманными работами в данной нише, предварительно все это согласовав с заказчиками. Первый день занимает подбор и поиск будущих элементов сайта, а именно:
иные визуальные элементы, которые нельзя отнести к чему-то конкретному, но от этого они не становятся менее важными
Все должно быть объединено общей идей, сочетаться между собой, что также отсылает нас к проработке первичной логики по которой уже идет дальнейший отбор элементов. На чем первый день удачно заканчивается. Собрав бэкграунд элементов, вспоминаем о тех исходных работах, которые мы взяли, как ориентир. После чего объединяем удачные идеи этих сайтов с теми элементами, что мы нашли, находясь в свободном плавании на ресурсах для дизайнеров.
День 5. Верстка
День 6. Подключение домена
День 7. Видео инструкции и обучение заказчика
Для этого записываем видеоинструкции:
как добавлять контент;
Как редактировать текст и менять изображения;
Как пользоваться панелью администратора
Где они уже самостоятельно сможет все настроить, повторяя шаги из видео.
Вывод
самозанятые или у вас небольшой стартап, когда нет уверенности в бизнес-модели;
Экономия на более чем половине команды разработчиков, отсекая программиста и верстальщика. Используя при этом 2-3 пары рук квалифицированных специалистов, позволяет получить продукт за весьма скромный бюджет, досягаемый для многих, кто развивает свое дело.
Топ-15 инструментов Тильды для интернет-маркетолога в 2021 году
Разобрались в актуальной базе инструментов Тильды для разработки и развития digital-проектов и выделили топ-15, которые, на наш взгляд, особенно полезны с точки зрения продвижения сайта.
Мы активно применяем их в работе и с крупными клиентами, такими как Проектная дирекция Минстроя России, ГК «Современные транспортные технологии», TeleparkTV и другими.
Тильда позволяет создать интернет-магазин без участия программиста, верстальщика и, если хотите, дизайнера. Пользуясь только стандартным функционалом конструктора, вы можете запустить полноценный сайт с возможностью презентации товара, сбора контактных данных пользователей и онлайн-оплаты.
Подключив в настройках сайта модуль «Каталог товаров», вы сможете управлять каталогом централизованно. Добавляйте и редактируйте карточки товаров, распределяйте их на категории, создавайте фильтры — изменения сразу отобразятся на всех страницах сайта. Установите количество товара в наличии. После оплаты заказа система автоматически уменьшит количество товаров, а когда товар будет распродан, в карточке появится надпись «Нет в наличии».
Первое, что должен уметь делать интернет-маркетолог, — организовать сбор контактных данных целевых пользователей на сайте. На Тильде это можно сделать с помощью классической стандартной, пошаговой формы или формы с калькулятором. Посетители сайта вводят информацию о себе в поля формы, а вы получаете её в сервисе приема данных.
С Тильдой интегрировано более 20 сервисов приема данных: E-mail, Google Таблицы, MailChimp, Google Forms, SendGrid, GetResponse, UniSender, SendinBlue, Mailerlite, SendPulse, AmoCRM, Мегаплан, Pipedrive, Zoho CRM, Hubspot, Битрикс24, Telegram, Slack, Trello, Zapier.
Дополнительно вы можете реализовать прием данных из форм на свой скрипт или скрипт сервиса, не интегрированного с Тильдой, а также подключить к Тильде напрямую собственный скрипт.
Главные инструменты для вовлечения пользователей и сбора обратной связи — интерактивные опросы, голосования и тестирования. С их помощью посетитель сайта получает полезную информацию или делится своими эмоциями и пожеланиями в игровой форме.
В Тильде доступно несколько вариантов блоков для сбора обратной связи и вовлечения пользователей. Выберите подходящий блок в библиотеке Тильды, заполните уникальным контентом и настройте его под ваши задачи и внешний вид сайта. Экспериментируйте с подачей контента и вы удивитесь, как увеличилось время, которое пользователи проводят на сайте, и как улучшились поведенческие факторы, важные для поискового продвижения.
Коммуникацию с клиентами можно организовать двумя способами: с помощью стандартного виджета Тильды или виджета стороннего сервиса.
Вы можете реализовать на сайте:
Добавьте на страницу стандартный виджет обратной связи из библиотеки Тильды: обратный звонок, отправку сообщения, форму подписки. Или используйте один из сервисов, интегрированных в конструктор: Jivosite, Callbackhunter, Chatra.io и YClients.
Если вы привыкли работать с другим сервисом, добавьте его на сайт с помощью функции вставки html-кода.
В Тильде есть собственная система для работы с заявками — Tilda CRM. С ее помощью можно управлять данными небольшого бизнеса прямо на сайте. Также вы можете подключить внешнюю CRM — AmoCRM, Мегаплан, Битрикс24, Pipedrive, Zoho CRM и Hubspot уже интегрированы в Тильду, нужно только настроить передачу данных.
По умолчанию все заявки из форм обратной связи фиксируются в личном кабинете Тильды в разделе «Заявки». Это позволяет контролировать лиды даже без подключения сторонних сервисов приема данных. Но рекомендуем подстраховаться и подключить еще один сервис, поскольку срок хранения заявок в Тильде — только 30 дней.
Изучайте показатели сайта, не покидая аккаунта Тильды. В конструктор встроен собственный счетчик, который отслеживает статистику сайта и выводит основные данные, необходимые для принятия маркетинговых решений. Чтобы видеть перед собой полную картину происходящего на сайте, подключите Яндекс.Метрику и Google Analytics — сделать это можно в несколько кликов.
Показатели во внутреннем сервисе статистики:
Для ведения блога или ленты новостей на сайте в Тильде доступен специальный модуль — «Потоки». Он позволяет «обойти» ограничение конструктора в 500 страниц на 1 сайт и разместить сколько угодно постов с уникальным URL (техническое ограничение — 5 000 постов на 1 поток, но потоков может быть несколько).
«Потоки» включают встроенный текстовый редактор с базовыми инструментами для верстки материалов. Простой интерфейс позволяет быстро оформить и опубликовать пост буквально в несколько кликов. Для текста доступно несколько стилей: заголовок, введение, цитата. Также вы можете добавить изображение или видео.
Кроме удобного редактора модуль дает следующие возможности:
Тильда позволяет связать сайт с социальными сетями. Просто добавьте и настройте кнопки соцсетей из стандартных блоков Тильды, чтобы пользователи делились вашим сайтом на своих страницах.
Встроенный конструктор писем делает Тильду удобной для email-маркетинга. Вы можете собирать письма самостоятельно, без помощи дизайнера и frontend-разработчика. Так же, как и в случае со страницами сайта, вам доступна Библиотека блоков, из которых вы можете собрать подходящее письмо. При желании можно воспользоваться готовым шаблоном — вариантов очень много.
Тильда позволяет быстро настроить интеграцию с сервисами рассылок Mailchimp, SendGrid, GetResponse, UniSender, SendinBlue, Mailerlite, SendPulse и отправлять письма подписчикам, не покидая личного кабинета. Вы можете использовать и любой другой сервис — письмо из Тильды легко выгружается в виде html-кода.
С помощью Тильды вы можете запустить персонализированные лендинги для разных клиентов. Контент меняется в зависимости от ссылки, по которой переходит пользователь, или региона его нахождения. На мультиязычном сайте можно настроить переадресацию на нужную версию в зависимости от языка, установленного в браузере пользователя.
Создание личного кабинета на сайте позволяет ограничить доступ к эксклюзивному контенту, получить который пользователь может только после регистрации или покупки товара. Вы можете разрешить пользователям регистрироваться на сайте самостоятельно через форму или открывать им доступ вручную, также доступно разделение пользователей по группам.
К сожалению, личный кабинет, который позволяет добавить на сайт Тильда, достаточно простой с точки зрения функционала и подходит разве что для инфобизнеса. Для интернет-магазина он будет бесполезен, поскольку не позволяет выводить информацию о сделанных заказах или фиксировать товары, которые понравились пользователю.
Простой встроенный редактор позволяет сэкономить время на обработку изображений. Совсем не обязательно использовать сложные графические редакторы: меняйте размер, насыщенность, яркость, добавляйте фильтры на фотографии, не покидая страницы, над которой вы работаете. Чтобы перейти к редактированию, достаточно загрузить нужный файл в блок, заточенный под размещение изображения, и кликнуть на соответствующую иконку.
TimePad — сервис для организации мероприятий и продажи электронных билетов. Тильда позволяет буквально в пару кликов встроить на сайт форму TimePad. Вам достаточно создать событие на сервисе и добавить виджет мероприятия на сайт, выбрав подходящий блок в Библиотеке Тильды. Найти его можно в категории «Другое».
Для командной работы над проектом Тильда предусмотрела функционал мультидоступа «Сотрудники». Вы можете открыть полный или ограниченный доступ к редактированию сайта для пользователей других аккаунтов Тильды. Это особенно удобно для СМИ, информационных порталов, корпоративных блогов и интернет-магазинов. Вам не придется передавать доступы к своему аккаунту всем сотрудникам, которые отвечают за наполнение сайта контентом, и беспокоиться, что они что-то поменяют в настройках. Благодаря этой функции вы можете предоставить ответственным лицам доступ исключительно к работе с контентом.
Возможность платная, стоимость — от 360 руб. / месяц.
Создавайте уникальные URL страниц для рекламных кампаний в поисковых системах и социальных сетях с помощью генератора utm-меток. Благодаря UTM-меткам вы получите подробную информацию об источниках трафика по каждой ссылке отдельно и сможете более детально анализировать результаты маркетинговых активностей.
