для чего нужен кастомный код в тильде
Коды для сайтов на платформе Тильда
Градиентные кнопки для сайтов на платформе Тильда
Данную модификацию я использую на сайтах, которые имеют определённую стилистику и заказчики хотят видеть градиентные кнопки. В тильде нет стандартной настройки, что бы сделать такую кнопку. Поэтому я использовал код, который беру с сайта michailozdemir.dev
Тут нам достаточно зайти на страницу, вставить нужные цвета, здесь же посмотреть как будет выглядеть наша кнопка. После чего копируем код и вставляем на тильде в блок другое T123. И не забудьте класс кнопке прописать, об этом я рассказываю тут
Тоже интересный эффект, который можно применить на различных сайтах. Код для глитч эффекта можно взять с этого сайта romanyu.ru Там же есть инструкция, которая поможет сделать подобный эффект на своём сайте.
У Романа много интересных модификаций для Тильды, которые можно применять на своих сайтах. Если что-то не получится, то можно всегда ему написать и попросить помощи.
Глитч в zero block на Тильде для текста
Калькулятор и квиз в zero block на Тильде
Если вам мало модификаций на сайтах, которые я написал выше, то на этом mo-ti.ru их много.
Различные модификации и код начиная от изменения эффектов кнопки и заканчивая сложными калькуляторами и квизами, которые периодически я использую в своих проектах.
Автора данного ресурса с модификациями для Тильды зовут Дмитрий. За небольшую плату можно получить доступ ко всем видео инструкциям на сайте. А если вы дружите с кодом, то и так поймёте как установить модификацию на сайт.
Чем хорош сайт на Тильде? И почему не надо лезть в дорогостоящие решения
Не часто приходится замечать решения предложенные на платформе 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 пары рук квалифицированных специалистов, позволяет получить продукт за весьма скромный бюджет, досягаемый для многих, кто развивает свое дело.
Конструктор сайтов Тильда: возможности и ограничения работы из личного опыта по сборке сайта
Для интернет-маркетолога Тильда доступный и простой в работе инструмент. Конструктор позволяет в короткие сроки собрать лендинг или довольно сложный по структуре проект, не привлекая к разработке верстальщиков и программистов, что существенно экономит ресурсы, а следовательно и деньги на разработку.
Однако в процессе сборки сайта мне удалось столкнуться с довольно большим количеством существенных ограничений. О некоторых моих наблюдениях речь пойдет в этой статье.
Исходные данные
Разработка сайта проводилась с конца августа по октябрь 2019 года. Дополнительно около недели проводили дебагинг и работу по исправлению найденных ошибок. Над проектом работал один дизайнер и два маркетолога. Общее затраченное время на реализацию составило 184 часа.
Сайт состоит из 9 коммерческих страниц и около 80 информационных страниц — новости и статьи блога. Причем контент информационных страниц был перенесен со старой версии сайта.
В Тильде богатый выбор стандартных блоков, которые позволяют реализовать практически любую задачу штатными возможностями. Однако, в нашем случае для большинства разделов был отрисован уникальный дизайн, собрать который стандартными возможностями конструктора оказалось невозможно, к сожалению.
Поэтому сразу было решено для таких нестандартных задач использовать специальный Zero-блок — нулевой блок, который позволяет творить без ограничений и собирать страницы из множества элементов с абсолютно любым дизайном.
Zero-блок
Зеро-блок является ключевой фишкой Тильды. Найти блок можно в левом главном меню со списком стандартных блоков. Располагается он в самом низу. С его помощью можно создавать и редактировать каждый отдельный элемент.
Все что нужно для работы с таким блоков это:
На зеро-блоке можно реализовать любую дизайнерскую задумну. Некоторые элементы можно сделать динамическими, адаптировав для них JS-код или настроить отображение с помощью CSS-стилей. Для такого расширения функционала потребуется интеграция с пользовательским кодом.
Пользовательский код
В Тильде можно адаптировать любой JavaScript или HTML-код, добавить CSS-стили и создать абсолютно кастомные решения.
Например, на одной из коммерческих страниц мы реализовывали слайдер, который был собран полностью на зеро-блоке. При помощи уникального JS-скрипта настроили его работу.
Подключение кода происходит прямо на редактируемой странице. Просто используйте новый блок T123 и добавьте в пустую область ваш код. Блок поддерживает синтаксис HTML, JS и CSS.
К блокам и различным элементам можно подключать CSS-стили для всего проекта сразу. На уровне настроек сайта во вкладке Еще есть возможность задать пользовательский CSS.
Скрипт можно написать самостоятельно или же подыскать готовые решения на сайте mo-tilda.ru. Ресурс позволяет найти множество интересных решений, которые очень круто помогают прокачать существующий сайт. Некоторые фичи мы с командой подглядели именно там.
Адаптивность и мобильная версия
Как я писал ранее, в некоторых случаях при разработке сайта придется отойти от стандартных решений и использовать нулевые блоки.
Однако здесь приходиться столкнуться с некоторыми сложностями — каждый элемент нулевого блока придется подгонять под размеры и форматы отдельных экранов.
Безусловно это минус, так как простая задача по сборке превращается в кропотливый труд с множеством ручной работы.
Представьте если у вас десяток нулевых блоков на странице. Придеться элементы каждого блока адаптировать под пять разных экранов устройств, что довольно серьезно растягивает процесс и сроки сборки страницы.
Имейте это ввиду при использовании zero-блоков.
Сквозные блоки
Очень важный элемент при сборке практически любого сайта на Тильде — сквозные блоки или alias-блоки. Создаются и редактируются в одном месте. Использовать их можно на всех или на отдельных страницах сайта.
Блок позволяет создать элемент один раз и в одном месте, а далее уже сдублировать его содержимое на множестве других страниц, проставляя только уникальный ID-номер родительского блока.
Также есть возможность настроить сквозную шапку или подвал. Это можно сделать в стандартных настройках Тильды на уровне сайта. Перейдите во вкладку Шапка и подвал и выберите нужный блок, который будет отвечать за вывод Header и Footer.
Очень удобное решение, не нужно плодить множество одинаковых элементов по нескольку раз. Упрощает время сборки и последующее редактирование элементов.
Интеграция со сторонними сервисами
В Тильде предусмотрены богатые сторонние интеграции.
Например, можно настроить передачу лидов из форм в популярные CRM системы — Битрикс24 или AmoCRM, передавать данные в системы сквозной аналитики, например в Roistat. Существует также интеграция с сервисами почтовых рассылок или коллтрекинга.
Все это можно настроить во вкладке Формы на уровне настроек проекта.
При заполнении формы, размещенной на сайте, данные будут отправляться в подключенные сервисы. Чтобы собирать данные клиентов, добавьте на страницу блок из категории «Форма и кнопка», настройте поля и опубликуйте страницу. Справка по настройке сервисов приема данных и форм.
Поисковая оптимизация
Несколько слов хотелось бы сказать про SEO на Тильде.
Здесь все намного сложнее, чем в привычных коробочных решениях попялярных CMS. Например, нет возможности вручную настроить служебный файл robots.txt — он выглядит довольно криво, поправить его и настроить под свои нужды не получится.
Довольно странно ведут себя различные сеошные софтины. Например, при анализе сайта Screaming Frog, программа вообще не находила ни одной страницы кроме главной. А те страницы, что все таки удалось определить выводили серверную ошибку 307, вместо привычной 200.
Зато в Тильде реализован прекрасный инструмент для анализа страниц, который самостоятельно определит ошибки в мета-тегах, найдет дубли и предложит рекомендации по улучшению.
Добавлю, что для каждой отдельной страницы модно задать специальные настройки для социальных сетей — загрузить специальную картинку (бейджик) и уникальное описание, которая будет отображаться, если люди расшарят страницу.
Отдельно хочется поговорить о продвижении в поисковых системах, но здесь нужны цифры, без них говорить пока рано, так как сайт в релизе только неделю.
Честно, я испытываю некоторые опасения по поводу ранжирования проекта в Яндекс и Google. Возможно, спустя несколько месяцев поделюсь своими наблюдениями и первыми результатами продвижения сайта, но пока писать о чем-либо очень рано.
Микроразметка Schema.org или JSON-LD
Нельзя настроить разметку для всех страниц сайта автоматически.
Например, для сайтов на WordPress можно установить плагин и задать правила разметки для всех информационных страниц.
К сожалению, в Тильде так сделать не получится.
Для того, чтобы сгенерировать код микроразметки, нужно использовать генератор. Каждую страницу придется размечать отдельно. Рекомендуемый сервис https://webcode.tools/json-ld-generator.
Перенос и бэкопирование
Сайты на Тильде хранятся в облаке, но вы можете легко экспортировать проект на ваш хостинг. Однако данная опция становится доступна только на линейке тарифов Business, от 5 сайтов и больше.
Если у вас только один сайт и вы используете бесплатный тарифный план, то увы, сделать бэкап или перенести сайт вы не сможете.
Вот еще несколько моментов связанных с бэкопированием сайта:
Техническая поддержка
Следует сказать несколько слов про работу технической поддержки.
Ответ от специалиста приходит в течение 4-6 часов, иногда немного дольше. Но в целом ответы очень развернутые и внимательные.
Добавлю, что в большинстве случаев вам возможно и не придеться писать свои вопросы в поддержку. У Тильды очень крутая справка, которая дает ответы на 90% возникающих в процессе сборке вопросов.
Резюмируем
Тильда прекрасный инструмент для создания коммерческих landing page или небольших проектов до 20-30 страниц, не требующих регулярного обновления и добавлений новых материалов — создал и забыл.
Выбрали Тильду для многостраничного сайта — готовьтесь к большому объему ручной работы. Конечно, вы обойдетесь без штатного верстальщика, но вам придется собирать множество элементов ручками. К этому нужно быть готовым.
Также дела обстоят с регулярно обновляемыми проектами — например блог компании, или новостной ресурс — здесь Тильда сильно проигрывает.
Например, в Тильде нет возможности автоматически выводить новые статьи и новости в блоке Похожие материалы или сортировать контент по категориям — таких возможностей просто нет. Каждую страничку придется связывать вручную с уже опубликованным контентом, что согласитесь, довольно не удобно, какое-то странное возвращение в начало 2000х годов.
Лучше выбрать коробочную CMS, например 1С-Битрикс или WordPress, очень упростите себе жизнь.
Для сборки нестандартных решений — Тильда точно не подойдет. Лучше подключите к работе группу программистов и выбирите подходящий фреймворк на каком-нибудь PHP или условном Ruby. Толко будет больше, уж поверьте.
Полезные ссылки
Поделюсь некоторыми полезными ссылками, которые значительно упростили мне процесс погружения в Тильду. Уверен, что помогут и вам.
Остались вопросы? Задавайте в комментариях к этому материалу!
Сервисы и виджеты для сайта — прокачай Тильду!
Как установить на Тильду сторонний сервис
Виджеты продаж и paywall
Для чего пригодятся?
Для продажи цифровых товаров (электронных книг, статей, руководств, уроков), интернет-магазинов; промостраниц продуктов и курсов, платного контента (статей).
Команда Тильды разработала собственные карточки товаров, а также интегрировала конструктор интернет-магазина Ecwid — блоки T301 и T380 в разделе «Другое». Если этих возможностей мало, подключите сторонние сервисы через блок «HTML-код».
Возможности: продажа цифровых товаров (например, электронных книг), скидки, корзина покупок, персонализация форм заказа и автоматических писем, аналитика. Можно поставить кнопку через вставку кода или получить просто ссылку, которую можно поставить на любую кнопку в Тильде. При нажатии пользователь будет отправляться в PayPal и после оплаты он получит ссылку для скачивания.
Стоимость: по запросу; есть пробный период
Возможности: продажа подписок на публикации или единовременного доступа к контенту, например, к определенной странице, продажа скачиваний файла или доступа к видео, ограничение видимости контента для определенных территорий.
Язык: английский / русский
Возможности: продажа цифровых (музыка, книги, учебники, курсы) и материальных товаров, позволяет принимать единовременную оплату, генерировать лицензионные ключи, оплачивать подписку или оформлять предзаказ.
Возможности: популярная п латформа электронной коммерции легко интегрируется в Тильду. Неограниченное количество товаров, коды на скидку и подарочные карты.
Нет смысла тратить время, чтобы заново что-то придумать. В открытом доступе можно найти массу готовых решений, и интегрировать их в проект сразу или после доработки. Это что касается кода. С виджетами ситуация аналогичная.
Зачем разрабатывать с нуля онлайн-чат для сайта, если можно использовать JivoSite или Intercom? Взять готовое — значит, сэкономить время и деньги на разработку.
Ребята, которые делают сайты, редко что-то разрабатывают с нуля. Они используют готовые решения — плагины и модули, интегрированные в CMS. Иногда — пишут новый модуль для управления десятком готовых модулей. Так было всегда.
Самописные сайты, лендинги и конструкторы сайтов создали спрос на эти плагины вне CMS. Теперь их можно интегрировать на любую страницу, вставив небольшой кусок HTML-кода — скрипт, который подтягивает все стили и основной код с сервера виджета.
Формы приема данных и опросы
Для чего пригодятся?
Чем лучше вы знаете вашего клиента, тем эффективнее вы решаете его проблемы, а значит развиваете ваш бизнес.
В библиотеке блоков Тильды есть целая категория «Формы», которые интегрируются с 11-ю сервисами для сбора данных (email, Mailchimp, GetResponse, Google Forms, Telegram и т. д.) Инструкция http://help-ru.tilda.ws/forms
Мы отобрали еще несколько сервисов для сайта, которые дополнят функционал Тильды.
Язык: английский
Стоимость: есть бесплатный план
Возможности: приятный конструктор форм сбора данных, миссия которого «спасти мир от скучных форм». Также можно создать опросы, викторины, формы заказа, формы для предложений и для запросов о приеме на работу (да, в них можно прикрепить файл). Сервис интегрирован в Тильду, поэтому подключить его совсем просто.
Язык: русский
Стоимость: бесплатно
Возможности: Google Forms подключаются к формам, которые есть на Тильде. Но если вам нужны выпадающие списки, чекбоксы с выбором параметров и другие функции, можно создать форму на Google Forms и добавить ее на сайт через вставку html.
Язык: русский
Стоимость: есть бесплатный план
Возможности: специализированный сервис для проведения исследований с помощью опросов. Можно составлять свои или использовать готовые шаблоны.
Аналитика поведения пользователей, повышение вовлечености и конверсии
Для чего пригодятся?
Аналитика помогает принимать решения, основываясь на объективных данных. Базовые показатели (количество визитов, просмотры страниц, количество заявок из форм) можно посмотреть прямо внутри Тильды, подключив счетчики Яндекс. Метрики или Google Analytics. Более подробные данные нужно будет смотреть на сайтах аналитики. Разобраться с ними поможет наша статья «Как повысить конверсию сайта, используя веб-аналитику». Для тех, кому нужны совсем тонкие настройки, наш выбор инструментов из списка ниже.
Язык: русский
Стоимость: от 1300 руб. (один сайт) в месяц.
Возможности: сервис для создания мультилендингов — подменяет содержимое страницы сайта в зависимости от источника, из которого пришел посетитель. Работает довольно просто: ставите ссылку на страницу, на которой нужно менять контент, выделяете фразу и указываете источники и варианты замены. Полезно, если вы предлагаете разные условия покупки, когда у товара или услуги разные характеристики или способы применения.
Язык: русский
Стоимость: бесплатно, содержит стороннюю рекламу.
Возможности: рекомендательный сервис — анализирует поведение пользователя и подбирает статьи, которые будут ему интересны. Выглядит это как блок «Читать также» или «Вам будет интересно». Нужно поставить код на каждую страницу и выбрать тип виджета, который будет показывать подходящие материалы.
Язык: английский
Стоимость: есть бесплатный план
Возможности: система приложений, цель каждого — проанализировать что делают пользователи на сайте и предложить решение, которое увеличит трафик на сайте. Всего приложений 12. Некоторые из них: List Builder — позволяет создать всплывающее окно подписки, которое появляется в нужном месте и в нужное время и собирает базу контактов.
Heat Maps — «тепловая карта», анализирует поведение пользователя на сайте и показывают куда на самом деле кликают посетители. Share — кнопки расшаривания, которые оптимизируют свой внешний вид в зависимости от контента на странице: что-то удобнее затвитить, а что-то отправить по email. Content Analytics — анализирует и показывает насколько глубоко проскролливают вашу страницу.
Календарь
Для чего пригодятся?
Для промостраниц курсов, мастер-классов, выставок, сайтов мини-отелей, хостелов; страниц-визиток психоаналитиков и адвокатов.
Добавьте на страницу календарь и вносите в него информацию о предстоящих тренингах или забронированных датах и времени. Потенциальные клиенты увидят, когда пройдет мероприятие и можно ли записаться на прием в удобное время.
Календарь придется вести самостоятельно. Старайтесь оперативно вносить в него изменения, иначе клиенты остануться недовольными, потому что на сайте время значится свободным, а по факту — уже занято другим человеком.
Если вы принимаете клиентов по записи, вам в любом случае нужно вести учет. Если вы ведете его в облаке, то можете быстро и отовсюду редактировать его, а также показать клиентам. Они увидят, насколько вы заняты, и не будут звонить, чтобы уточнить свободные часы.
Язык: русский
Стоимость: бесплатно
Возможности: трансляция на сайте всех изменений в календаре, отображение за день, неделю или месяц.
Язык: русский
Стоимость: бесплатно
Возможности: трансляция на сайте всех изменений в календаре, отображение за день, неделю или месяц.
Язык: английский
Возможности: календарь на месяц или год, несколько объектов в одном календаре, простое администрирование.
Подарочные карты
Для чего пригодятся?
Для интернет-магазинов; промостраниц продуктов, ресторанов, салонов красоты, спортклубов, курсов, мастер-классов и конференций.
Электронный подарочный сертификат работает так же, как ламинированный или пластиковый. Покупатель сможет использовать его в обычном или интернет-магазине. Он продиктует вам уникальный код, по которому вы поймете на какую сумму или услугу выписали сертификат.
Будьте внимательны, и не позволяйте клиентам заказывать сертификаты на сумму 1000 рублей, если минимальная стоимость товаров и услуг более 2000 рублей.
Сертификаты можно выписывать и на конкретные услуги, обычно, самые популярные — на мастер-класс, курс, абонемент в бассейн или на занятия йогой.
Люди привыкли к подарочным сертификатам, которые можно положить в конверт, поэтому постарайтесь максимально доходчиво объяснить им механизм работы электронного аналога. Не поленитесь, и сделайте для этого отдельную страницу.
Язык: русский
Стоимость: процент комиссии с продаж
Возможности: собственные виртуальные подарочные карты с отправкой на имейл; оплата банковскими картами Visa, Mastercard, Maestro.
Онлайн-запись и продажа билетов
Для чего пригодятся?
Для промостраниц курсов, мастер-классов, салонов красоты, гостевых домиков и бань; страниц-визиток психоаналитиков, адвокатов и персональных тренеров.
Предложите клиентам самостоятельно записываться на занятия к инструктору или на сеансы к массажисту. Они смогут прямо на сайте проверить свободны ли вы в удобное время и сразу записаться на прием. Вы увидите всю информацию по записям в сводной таблице сервиса.
Сервисы бронирования — полноценные CRM-системы, которые хранят данные каждого клиента и позволяют вам отслеживать их активность. Некоторые даже позволяют делать имейл и смс-рассылки. А если нет, то можно экспортировать базу контактов и провести рассылку в сторонних сервисах.
Не все клиенты будут записываться через сайт. Многие предпочтут делать это по телефону или лично — после очередного занятия. Поэтому вам по-прежнему придется участвовать в процессе.
Кроме того, вам придется подтверждать по телефону бронь всех новых клиентов: вдруг, они просто решили проверить, как это работает.
Язык: русский
Стоимость: 3% при объеме продаж менее 300 тыс. руб. в месяц
Возможности: настраиваемые анкеты для регистрации участников, статистика продаж и регистраций, возможность сделать промокоды и скидки, почтовая рассылка по аудитории. Сервис интегрирован в Тильду, инструкция http://help-ru.tilda.ws/timepad
Язык: русский
Стоимость: от 600 рублей в месяц
Возможности: запись, учет, администрирование, имейл и смс-уведомления, бронирование конкретных мест
Язык: русский
Стоимость: от 1200 рублей в месяц
Возможности: запись, учет, администрирование, база данных, смс-рассылки
Язык: английский
Стоимость: есть бесплатная версия
Возможности: запись, интеграция с календарями, уведомления, оплата банковскими картами, PayPal.
Язык: английский
Стоимость: комиссия от продажи билетов — от 2,5%, не менее € 0.49 за билет
Возможности: продажа билетов на конкретные места, продажа билетов на мероприятия; оплата банковскими картами, PayPal.
Язык: русский
Стоимость: комиссия от продажи билетов — 3% от стоимости билета, без абонентской платы за год. Бесплатные билеты — бесплатно (до 300 штук).
Возможности: продажа билетов на мероприятия; 90 способов оплаты.
Используя готовый виджет, пусть и платный, вы экономите деньги не только на программистах. Ведь нужны еще дизайн и верстка. А тот же сервис бронирования вставил и забыл.
Если смотреть на виджеты с точки зрения дизайна, можно сказать, что они универсальные. Обычно, разработчики не дают возможности сильно изменить внешний вид, максимум — цвета поменять. Некоторые открывают доступ к CSS, но лезть туда без конкретной задачи не нужно: сделаете хуже.
Если на сайте используют готовые виджеты, которые нельзя кастомизировать, задача дизайнера — разместить его в правильном месте и сделать так, чтобы он не выделялся на общем фоне.
Калькуляторы
Для чего пригодятся?
Для промостраниц консультаций, курсов, ремонтных работ и сервисов.
Если вы предлагаете сложные продукты, стоимость которых зависит от опций или параметров, покажите потенциальным клиентам, как формируется стоимость — разместите на странице калькулятор. Они увидят, сколько стоит конкретная опция или интересующий их набор опций, двигая ползунки и вводя числовые значения.
Нельзя найти в интернете калькулятор, который похож на тот, который нужен вам, и добавить его на сайт. Во первых, в нем прописаны другие опции и их стоимость. И даже если вы сможете разобраться с этим, остаются еще две беды: его внешний вид и безопасность кода.
Если не хотите, чтобы ваш сайт взломали, используйте код из проверенного источника. В идеале — закажите разработку калькулятора с нуля, с нужными параметрами и приемлемым внешним видом.
К сожалению, сервисов, которые позволяют создать уникальный калькулятор без вмешательства в код, мало. Мы нашли всего один.
Язык: английский
Возможности: гибкая настройка, редактор формул, настройка внешнего вида, прием платежей через PayPal.
Обратная связь и поддержка
Для чего пригодятся?
Для возможности быстро задать вопрос консультанту, сделать заказ или оставить отзыв — без дополнительных действий и переходов.
Виджеты обратной связи отлично повышают конверсию, несмотря не всенародную нелюбовь к мигающим иконкам онлайн-чатов. Впрочем, иконки могут выглядеть и вести себя интеллигентно, не раздражать посетителя, но помогать ему.
Язык: русский
Стоимость: оплата за соединения, начальный тариф: 50 рублей за каждое (до 170 соединений).
Возможности: сервис обратного звонка, который, в отличии от многих, может работать без всплывающего окна — телефон можно ввести в форму на странице. Дизайн формы настраивается. Впрочем, всплывающее окно тоже есть. После того, как посетитель ввел телефон и нажал кнопку, система одновременно звонит вам и клиенту и соединяет звонки.
Язык: английский
Возможности: любимая платформа прогрессивных западных стартапов предлагает три вида сервиса: чат с посетителями на сайте, поддержка в онлайн-чате пользователей вашего сервиса и «побудительный» маркетинг.
Язык: русский
Стоимость: бесплатно
Возможности: Самая популярная российская социальная сеть сделала несколько виджетов, чтобы пользователи общались с сообществами, используя авторизацию vk.com. В общем, логично. Даже если вы не пользуетесь вконтакте активно, аккаунт-то у вас там есть 😉
Язык: английский
Возможности: целая система, призванная наладить отношения с пользователями: сервис поддержки (отслеживание и хранение запросов), справочный центр, онлайн-чат и колл-центр.
Язык: английский
Возможности: сервис, который поможет организовать поддержку пользователей через email. Другими словами, это такой почтовый ящик, адаптированный под потребности работы с большим количеством обращений, на которые отвечают разные люди. Можно отследить статус письма, кто начал отвечать на запрос, передать задачу другому сотруднику, добавить автоответ.
Плюс сервис позволяет создать базу знаний, к которой могут обращаться пользователи самостоятельно — на страницу ставится форма поиска, через которую посетители могут быстро найти ответ. Отправлять вопросы на email также можно через форму на сайте.
Комментарии
Для чего пригодятся?
Для блогов и интернет-магазинов; промостраниц продуктов, курсов и мастер-классов.
Позвольте своим клиентам задавать вопросы и оставлять отзывы на странице продукта в реальном времени. Они смогут общаться с вами и между собой — обмениваться опытом и впечатлениями. А вы — удалить или скрыть неадекватные или нежелательные комментарии.
Если на вопрос одного клиента отвечает другой, это вызывает больше доверия. Цель таких ответов — помочь, а не залезть в кошелек.
Клиент, помимо каких-то общих фраз, цитирования инструкции и характеристик, может поделиться опытом реального использования. Сформулировать мнение о тренере и поделиться эмоциями от занятия. Или испытать смартфон в боевом режиме и рассказать, насколько реальное время работы от аккумулятора отличается от заявленного.
Разработчики Тильды интегрировали виджеты Disqus и HyperСomments — блоки T158 и T163 в разделе «Другое». Они отлично выполняют свои функции: комментировать может каждый, кто авторизуется через социальные сети.
Если по каким-то причинам они вас не устраивают, добавьте любой другой виджет комментариев для сайта через блок «HTML-код».
Язык: русский
Стоимость: бесплатно
Возможности: авторизация через «Вконтакте», трансляция комментариев в ленту со ссылкой на сайт.
Язык: английский
Стоимость: бесплатно
Возможности: авторизация через Фейсбук, трансляция комментариев в хронику, модерация комментариев.
Язык: русский
Стоимость: от 200 рублей в месяц
Возможности: авторизация через социальные сети, расшаривание комментариев в соцсетях, модерация и рейтинг комментариев, аналитика.
Посты из соцсетей
Для чего пригодятся?
Для СМИ, блогов и интернет-магазинов; промостраниц продуктов, курсов и мастер-классов.
Используйте в статьях, чтобы показать хронологию, реакцию на какое-то событие или сослаться на чье-то мнение. Используйте сервис в продажах — чтобы транслировать реальные отзывы о продукте. К таким отзывам больше доверия, потому что видно, кто и когда их публикует.
Посты в соцсетях — отличный инструмент социального подтверждения. Попросите клиентов написать на своей странице мнение о купленном торте или посещенном мастер-классе.
Но помните, что распознать фальшивые отзывы легко. Их авторы всегда хвалят продукт, и не указывают на минусы; говорят о качествах продукта, а не его пользе; стараются сделать вид, что никак не связаны с продавцом.
Язык: английский, можно загуглить инструкцию на русском
Стоимость: бесплатно
Возможности: трансляция на сайте одного твита или ленты
Язык: русский
Стоимость: бесплатно
Возможности: трансляция на сайте одного поста
Язык: русский
Стоимость: бесплатно
Возможности: трансляция на сайте одного поста
Язык: английский, можно загуглить инструкцию на русском
Стоимость: бесплатно
Возможности: трансляция на сайте одного поста, доски или профиля
Кнопки «Поделиться»
Для чего пригодятся?
Для блогов, интернет-магазинов, портфолио студий и фрилансеров; для промостраниц продуктов, курсов и мастер-классов
Работают, как сарафанное радио: посетитель пришел, ознакомился, поделился ссылкой с друзьями. Иногда люди постят ссылки в ленту, чтобы не потерять ее, и вернуться на страницу, когда накопят денег. С каждой такой публикацией растет узнаваемость продукта, а вы получаете бесплатный трафик на сайт.
Наполняйте страницы качественным контентом. Посетитель должен либо купить продукт, либо поделиться ссылкой на него в Фейсбуке.
Позаботьтесь о том, как выглядит ссылка на страницу в социальных сетях. Даже если вы не используете кнопки «Поделиться», посетители могут скопировать и запостить адрес страницы из строки браузера.
Чтобы настроить внешний вид ссылки, зайдите в раздел «Настройки», вкладка «Facebook and SEO». По умолчанию Тильда использует заголовок и описание страницы со вкладки «Главное», а картинку — со вкладки «Бейджик».
Язык: русский
Стоимость: бесплатно
Возможности: кнопки всех социальных сетей, Evernote, Pocket, Viber, WhatsApp, Skype и Telegram.
Язык: русский
Стоимость: бесплатно
Возможности: кнопки всех социальных сетей, Evernote, закладки Google и Яндекс
Язык: русский
Стоимость: бесплатно
Возможности: кнопки всех социальных сетей, Evernote и Pocket, гибкая настройка внешнего вида кнопок.
Язык: русский
Стоимость: бесплатно
Возможности: кнопки всех социальных сетей, Google Translate, Evernote, Pocket и WhatsApp.
Интерактивные элементы
Для чего пригодятся?
Для интернет-магазинов; промостраниц продуктов, жилых комплексов, курортов, ресторанов, мастер-классов и конференций.
Просто изображения и текст вызывают скуку, поэтому используйте интерактивные картинки, чтобы рассказать больше о своем продукте. Дайте посетителям возможность поклацать кнопочки, поуправлять ситуацией. Это увлекает.
Вы можете указать краткие тезисы, по нажатию на которые откроются целые истории.
Интерактивные элементы — сильный инструмент. С его помощью вы погружаете читателя в свой мир, подогреваете интерес, рассказываете о пользе и ведете его к покупке.
Подготовьте развернутое описание продукта, а потом сократите его, оставив только главное. Это как будто написать статью, а потом оставить только подзаголовки. Трюк в том, чтобы с помощью подзаголовков рассказать всю ключевую информацию. Если читатель захочет узнать больше, он кликнет на подзаголовок — и увидит скрытый текст.
Язык: русский
Возможности: интерактивные изображения, виртуальные 360˚ туры, карты и инфографика.
Язык: английский
Стоимость: бесплатно
Возможности: популярный сервис интерактивных карт и таймлайнов, который не стесняются использовать такие гиганты, как Time, Mashable и CNN.
Музыкальные плееры
Для чего пригодятся?
Для СМИ и блогов; промостраниц продуктов, мастер-классов, конференций, выступлений и студий звукозаписи; портфолио битмейкеров и ди-джеев.
Встройте музыкальный плеер в начало статьи, и попросите читателя воспроизвести музыку, чтобы сильнее погрузиться в материал; добавьте в плейлист фрагмент интервью, подкаста или аудиокниги.
В продажах — если вы музыкант, покажите потенциальным клиентам свои работы. Это могут быть биты, сэмплы, звуковые эффекты, дикторская озвучка и т. д.
Предварительно нужно загрузить аудио в выбранный сервис.
Абсолютно все композиции, размещенные в музыкальных сервисах, можно воспроизводить на своем сайте через вставку HTML-кода. Выбранный трек, альбом или плейлист отображается в фирменном плеере выбранного сервиса.
Так вы не нарушаете авторские права. А если вы скачаете трек бесплатно или даже купите его, а затем разместите на сайте — вы их нарушите.
Язык: английский
Стоимость: бесплатно
Возможности: записи радиоэфиров — выступлений ди-джеев, развлекательных и образовательных передач и новостей
Язык: русский
Стоимость: бесплатно
Возможности: треки исполнителей со всего мира, большая библиотека российских артистов
В Тильде идеально подобраны сервисы. Во-первых, с установкой виджетов справится даже ребенок. Во-вторых — это тот набор, который нужен для продающей страницы.
Пренебрегать ими не нужно. Есть часть людей, которые не любят говорить по телефону. Им комфортнее общаться в чате. Все они — потенциальные клиенты, которые приведет других потенциальных клиентов. Хорошо, что относительно чата у Тильды есть несколько вариантов.
Форма обратного звонка экономит средства и время тем, кто не хочет дозваниваться сам.
Формы сбора данных или, например, подписки — пригодятся для настройки рекламы по тем, кто уже заинтересован в вашем продукте.
Еще хорошо, что можно легко поставить кнопки оплаты и не дожидаться нудной регистрации в платежных системах. Для мелких задач подходит вполне. И если нужно быстро протестировать какой-то продукт/услугу — все эти виджеты отлично подойдут.