Установить скрипт на Tilda
Внимание: функция вставки HTML-кода недоступна в бесплатном тарифе Tilda. Если вы пользуетесь им, перейдите на Tilda Personal или Tilda Business.
Чтобы разместить скрипт Callibri, зайдите в свой аккаунт на Tilda. Выберите сайт, в код которого нужно установить скрипт, и нажмите Редактировать сайт.
Затем перейдите в Настройки сайта — они находятся рядом с названием.
В меню слева выберите раздел Еще. Найдите блок «HTML-код для вставки внутрь HEAD» (он находится в конце страницы), нажмите Редактировать код.
Вставьте скрипт Callibri в открывшуюся форму:
Сохраните изменения.
Вернитесь на экран со списком страниц сайта. Над названием сайта нажмите Опубликовать все страницы.
Готово! Скрипт Callibri установлен на все страницы вашего сайта, можно подключать МультиЧат и МультиТрекинг.
Как проверить, установлен ли скрипт Callibri на сайте?
- Откройте код страницы и перейдите во вкладку «Console» или «Консоль».
- Введите функцию callibriInit() и нажмите клавишу «Enter».
- Если скрипт установлен верно, появится сообщение «undefined».
Не могу самостоятельно установить скрипт Callibri на сайте. Поможете?
Если вы не можете установить скрипт самостоятельно, воспользуйтесь услугой платной настройки. Для этого создайте обращение в поддержку (кнопка находится ниже). Укажите в нем данные от админки вашего сайта (логин/пароль/ссылка на админку). О стоимости и сроках установки вам ответит специалист техподдержки.
Часто задаваемые вопросы
Найти ID блока очень просто — зайдите в настройки блока и промотайте вниз. В последней строке и будет ID конкретного блока. Выглядит он примерно так: #rec123456789 .
Также можно найти ID через просмотр HTML-кода страницы. Подробнее об этом смотрите в видео выше.
Как найти ID блока
- Щёлкните правой кнопкой мыши на элементе.
- Выберите «Показать код» (или «Проверить объект» — в разных браузерах по-разному).
- Скопируйте первый из классов.
Как найти class элемента
P. S. Если у вас в контекстном меню не отображается пункт «Проверить код», зайдите в настройки браузера и включите меню «Разработка».
Как включить меню «Разработка» в Safari
Как добавить class целому блоку?
- Заходим в настройки блока.
- Проматываем все настройки вниз.
- Над ID блока видим надпись «Добавить CSS Class Name».
- Жмакаем по ней.
- Вписываем свой класс, начиная с «uc-» .
Как добавить class целому блоку
Как добавить class элементу в Zero-блоке?
- Добавьте любой элемент в Zero-блок.
- Нажмите на него правой кнопкой мыши.
- В появившемся контекстном меню выберите «Add CSS Class Name».
Нажмите правой кнопкой мыши на элемент в Zero-блоке и выберите «Add CSS Clas Name»
Можете называть класс как захотите, но лучше не начинать с «t-» или «tn-», т.к. под такое начало зарезервированы классы тильды. И, даже, если сейчас такого класса нет, не факт, что он не появится в будущем.
В настройках элемента появится новый раздел. Впишите сюда название класса
Не пугайтесь, если вы удалите имя класса для текущего элемента, и в настройках пропадёт соответствующий раздел. Снова добавить класс можно будет точно также через контекстное меню.
Почему блоки T123 со скриптами лучше всего размещать в футере?
Браузер «читает» вашу страницу сверху вниз. Соответственно, если он видит в скрипте элемент (например, какой-то блок, к которому вы обращаетесь в скрипте), который браузер ещё не видел на странице, скрипт не выполнится, т.к. браузер уже хочет выполнить скрипт, но ещё не знает о каком элементе идёт речь.
Поэтому лучше всего размещать скрипт под элементами, с которыми он взаимодействует или вообще в футере сайта. Первый вариант удобнее, т.к. пользуясь таким правилом, вы будете помнить, что скрипт относится к блоку (-ам) над ним. Однако, размещая скрипт в футере вы точно избежите проблем, которые могут возникнуть.
Где хранить изображения и как получить на них ссылки
Есть один лайфхак. Если вы не хотите пользоваться специализированными сервисами, то прозе всего загрузить изображения в любой блок с изображениями на Тильде. Это может быть как блок с одним изображением (IM01), так и любая галерея.
Заходите в «Контент», загружаете нужные изображения, сохраняете блок, после чего снова нажимаете «Контент», копируете все ссылки (щёлкаете правой кнопкой мыши по ссылке и выбираете «Скопировать адрес ссылки»). После чего смело удаляете блок. С вашими изображениями ничего не случится, они будут храниться на Тильде.
Как скопировать N ссылок на изображения?
Если вам для какой-то задачи нужно залить на Тильду этим методом очень много изображений и скопировать все ссылки на них, то не пугайтесь, вам не придётся вручную копировать каждую ссылку. Сделать это очень просто:
1. Создайте новую страницу на Тильде.
2. Добавьте галерею GL01 и загрузите туда изображения.
3. Откройте консоль разработчика.
4. Вставьте туда следующий текст и нажмите Enter:
var tGalleryImages = document.querySelectorAll('.gallery-imgs-class'); var linksArray = new Array(); tGalleryImages.forEach(img => < linksArray.push(img.querySelector('table a').href) >); copy(linksArray)
Сервисы и виджеты для сайта — прокачай Тильду!
Компания Meta Platforms Inc., владеющая социальными сетями Facebook и Instagram, по решению суда от 21.03.2022 признана экстремистской организацией, ее деятельность на территории России запрещена.
Рассказываем, как расширить функциональность Тильды, добавив сторонние сервисы — виджеты для бронирования, онлайн-записи и продажи билетов; фотогалерею из Instagram, кнопки соцсетей, калькуляторы, интерактивные картинки и другие полезные вещи.
Тильда — инструмент для создания сайта из готовых блоков — дизайнерских и технических решений. Любой человек за пару часов может собрать страницу для портфолио или продажи билетов на мероприятие без помощи программиста и дизайнера. Для удобства мы интегрировали в Тильду популярные сторонние сервисы. А если вам не хватает какого-то сервиса, его легко добавить через вставку html кода.
На страницу, сделанную в Тильде, можно добавить сервисы обратной связи JivoSite и Chatra, кнопки расшаривания в соцсетях, формы для сбора данных, а также интегрировать различные сервисы аналитики и платежные системы PayPal и Яндекс. Деньги и многое другое.
Весь перечень доступных сервисов смотрите в полном описании возможностей Тильды.
Как установить на Тильду сторонний сервис
Если на Тильде нет нужной функциональности, вы можете заплатить программисту за ее разработку — небольшая разработка не будет стоить очень дорого или использовать готовые решения.
И то, и другое нужно подключить к сайту с помощью блока «HTML-код». Через него добавляется абсолютно любой код, включая теги
Все сторонние сервисы импортируют на сайт через HTML-код по одинаковой схеме. Вы регистрируетесь в сервисе→настраиваете размеры, цвет, поля и функциональность виджета→копируете сгенерированный код и вставляете его на сайт.
При этом каждый код индивидуальный. Он привязан к конкретному пользователю и серверу, на котором хранятся настройки виджета.
Мы собрали виджеты, которые в разной степени помогают стимулировать продажи или вовлекать ваших посетителей, а главное — вы легко добавите их на страницу, без навыков программирования, верстки и прочих умений.
Виджеты продаж и paywall
Для чего пригодятся?
Для продажи цифровых товаров (электронных книг, статей, руководств, уроков), интернет-магазинов; промостраниц продуктов и курсов, платного контента (статей).
Команда Тильды разработала собственные карточки товаров, а также интегрировала конструктор интернет-магазина Ecwid — блоки T301 и T380 в разделе «Другое». Если этих возможностей мало, подключите сторонние сервисы через блок «HTML-код».
1. SendOwl
Стоимость: от $ 9 в месяц; есть пробный период
Возможности: продажа цифровых товаров (например, электронных книг), скидки, корзина покупок, персонализация форм заказа и автоматических писем, аналитика. Можно поставить кнопку через вставку кода или получить просто ссылку, которую можно поставить на любую кнопку в Тильде. При нажатии пользователь будет отправляться в PayPal и после оплаты он получит ссылку для скачивания.
2. Piano.io (Tinypass)
Стоимость: по запросу; есть пробный период
Возможности: продажа подписок на публикации или единовременного доступа к контенту, например, к определенной странице, продажа скачиваний файла или доступа к видео, ограничение видимости контента для определенных территорий.
При переходе на страницу, на которой размещен платный контент, пользователю предлагается оплатить доступ.
Язык: английский / русский
Стоимость: от $ 29 в месяц + комиссия за транзакции 2.0%, у сервиса есть бесплатный пробный период
Возможности: продажа цифровых (музыка, книги, учебники, курсы) и материальных товаров, позволяет принимать единовременную оплату, генерировать лицензионные ключи, оплачивать подписку или оформлять предзаказ.
Пример, как выглядит виджет Gumroad для предзаказа онлайн-курса.
Стоимость: от $ 29 в месяц + комиссия за транзакции 2.0%, есть бесплатный пробный период
Возможности: популярная п латформа электронной коммерции легко интегрируется в Тильду. Неограниченное количество товаров, коды на скидку и подарочные карты.
Художница Ася Козина продает свои произведения на сайте, сделанном на Тильде с встроенным модулем из Shopify.
Нет смысла тратить время, чтобы заново что-то придумать. В открытом доступе можно найти массу готовых решений, и интегрировать их в проект сразу или после доработки. Это что касается кода. С виджетами ситуация аналогичная.
Зачем разрабатывать с нуля онлайн-чат для сайта, если можно использовать JivoSite или Intercom? Взять готовое — значит, сэкономить время и деньги на разработку.
Ребята, которые делают сайты, редко что-то разрабатывают с нуля. Они используют готовые решения — плагины и модули, интегрированные в CMS. Иногда — пишут новый модуль для управления десятком готовых модулей. Так было всегда.
Самописные сайты, лендинги и конструкторы сайтов создали спрос на эти плагины вне CMS. Теперь их можно интегрировать на любую страницу, вставив небольшой кусок HTML-кода — скрипт, который подтягивает все стили и основной код с сервера виджета.
Сергей Павленко, программист
Формы приема данных и опросы
Для чего пригодятся?
Чем лучше вы знаете вашего клиента, тем эффективнее вы решаете его проблемы, а значит развиваете ваш бизнес.
В библиотеке блоков Тильды есть целая категория «Формы», которые интегрируются с 11-ю сервисами для сбора данных (email, Mailchimp, GetResponse, Google Forms, Telegram и т. д.) Инструкция http://help-ru.tilda.ws/forms
Мы отобрали еще несколько сервисов для сайта, которые дополнят функционал Тильды.
5. Typeform
Язык: английский
Стоимость: есть бесплатный план
Возможности: приятный конструктор форм сбора данных, миссия которого «спасти мир от скучных форм». Также можно создать опросы, викторины, формы заказа, формы для предложений и для запросов о приеме на работу (да, в них можно прикрепить файл). Сервис интегрирован в Тильду, поэтому подключить его совсем просто.
6. Google Forms
Язык: русский
Стоимость: бесплатно
Возможности: Google Forms подключаются к формам, которые есть на Тильде. Но если вам нужны выпадающие списки, чекбоксы с выбором параметров и другие функции, можно создать форму на Google Forms и добавить ее на сайт через вставку html.
7. SurveyMonkey
Язык: русский
Стоимость: есть бесплатный план
Возможности: специализированный сервис для проведения исследований с помощью опросов. Можно составлять свои или использовать готовые шаблоны.
Аналитика поведения пользователей, повышение вовлечености и конверсии
Для чего пригодятся?
Аналитика помогает принимать решения, основываясь на объективных данных. Базовые показатели (количество визитов, просмотры страниц, количество заявок из форм) можно посмотреть прямо внутри Тильды, подключив счетчики Яндекс. Метрики или Google Analytics. Более подробные данные нужно будет смотреть на сайтах аналитики. Разобраться с ними поможет наша статья «Как повысить конверсию сайта, используя веб-аналитику». Для тех, кому нужны совсем тонкие настройки, наш выбор инструментов из списка ниже.
Язык: русский
Стоимость: от 1300 руб. (один сайт) в месяц.
Возможности: сервис для создания мультилендингов — подменяет содержимое страницы сайта в зависимости от источника, из которого пришел посетитель. Работает довольно просто: ставите ссылку на страницу, на которой нужно менять контент, выделяете фразу и указываете источники и варианты замены. Полезно, если вы предлагаете разные условия покупки, когда у товара или услуги разные характеристики или способы применения.
Язык: русский
Стоимость: бесплатно, содержит стороннюю рекламу.
Возможности: рекомендательный сервис — анализирует поведение пользователя и подбирает статьи, которые будут ему интересны. Выглядит это как блок «Читать также» или «Вам будет интересно». Нужно поставить код на каждую страницу и выбрать тип виджета, который будет показывать подходящие материалы.
Сервис Relap используют крупные СМИ, но и для персональных блогов или небольших онлайн-изданий он тоже доступен.
Язык: английский
Стоимость: есть бесплатный план
Возможности: система приложений, цель каждого — проанализировать что делают пользователи на сайте и предложить решение, которое увеличит трафик на сайте. Всего приложений 12. Некоторые из них: List Builder — позволяет создать всплывающее окно подписки, которое появляется в нужном месте и в нужное время и собирает базу контактов.
Heat Maps — «тепловая карта», анализирует поведение пользователя на сайте и показывают куда на самом деле кликают посетители. Share — кнопки расшаривания, которые оптимизируют свой внешний вид в зависимости от контента на странице: что-то удобнее затвитить, а что-то отправить по email. Content Analytics — анализирует и показывает насколько глубоко проскролливают вашу страницу.
Календарь
Для чего пригодятся?
Для промостраниц курсов, мастер-классов, выставок, сайтов мини-отелей, хостелов; страниц-визиток психоаналитиков и адвокатов.
Добавьте на страницу календарь и вносите в него информацию о предстоящих тренингах или забронированных датах и времени. Потенциальные клиенты увидят, когда пройдет мероприятие и можно ли записаться на прием в удобное время.
Календарь придется вести самостоятельно. Старайтесь оперативно вносить в него изменения, иначе клиенты остануться недовольными, потому что на сайте время значится свободным, а по факту — уже занято другим человеком.
Если вы принимаете клиентов по записи, вам в любом случае нужно вести учет. Если вы ведете его в облаке, то можете быстро и отовсюду редактировать его, а также показать клиентам. Они увидят, насколько вы заняты, и не будут звонить, чтобы уточнить свободные часы.
11. Гугл-календарь
Язык: русский
Стоимость: бесплатно
Возможности: трансляция на сайте всех изменений в календаре, отображение за день, неделю или месяц.
12. Яндекс-календарь
Язык: русский
Стоимость: бесплатно
Возможности: трансляция на сайте всех изменений в календаре, отображение за день, неделю или месяц.
13. Availability Calendar
Язык: английский
Стоимость: от $ 15 в год — за один календарь
Возможности: календарь на месяц или год, несколько объектов в одном календаре, простое администрирование.
Подарочные карты
Для чего пригодятся?
Для интернет-магазинов; промостраниц продуктов, ресторанов, салонов красоты, спортклубов, курсов, мастер-классов и конференций.
Электронный подарочный сертификат работает так же, как ламинированный или пластиковый. Покупатель сможет использовать его в обычном или интернет-магазине. Он продиктует вам уникальный код, по которому вы поймете на какую сумму или услугу выписали сертификат.
Будьте внимательны, и не позволяйте клиентам заказывать сертификаты на сумму 1000 рублей, если минимальная стоимость товаров и услуг более 2000 рублей.
Сертификаты можно выписывать и на конкретные услуги, обычно, самые популярные — на мастер-класс, курс, абонемент в бассейн или на занятия йогой.
Люди привыкли к подарочным сертификатам, которые можно положить в конверт, поэтому постарайтесь максимально доходчиво объяснить им механизм работы электронного аналога. Не поленитесь, и сделайте для этого отдельную страницу.
14. Giftery
Язык: русский
Стоимость: процент комиссии с продаж
Возможности: собственные виртуальные подарочные карты с отправкой на имейл; оплата банковскими картами Visa, Mastercard, Maestro.
Онлайн-запись и продажа билетов
Для чего пригодятся?
Для промостраниц курсов, мастер-классов, салонов красоты, гостевых домиков и бань; страниц-визиток психоаналитиков, адвокатов и персональных тренеров.
Предложите клиентам самостоятельно записываться на занятия к инструктору или на сеансы к массажисту. Они смогут прямо на сайте проверить свободны ли вы в удобное время и сразу записаться на прием. Вы увидите всю информацию по записям в сводной таблице сервиса.
Сервисы бронирования — полноценные CRM-системы, которые хранят данные каждого клиента и позволяют вам отслеживать их активность. Некоторые даже позволяют делать имейл и смс-рассылки. А если нет, то можно экспортировать базу контактов и провести рассылку в сторонних сервисах.
Не все клиенты будут записываться через сайт. Многие предпочтут делать это по телефону или лично — после очередного занятия. Поэтому вам по-прежнему придется участвовать в процессе.
Кроме того, вам придется подтверждать по телефону бронь всех новых клиентов: вдруг, они просто решили проверить, как это работает.
15. Timepad
Язык: русский
Стоимость: 3% при объеме продаж менее 300 тыс. руб. в месяц
Возможности: настраиваемые анкеты для регистрации участников, статистика продаж и регистраций, возможность сделать промокоды и скидки, почтовая рассылка по аудитории. Сервис интегрирован в Тильду, инструкция http://help-ru.tilda.ws/timepad
16. Hesus
Язык: русский
Стоимость: от 600 рублей в месяц
Возможности: запись, учет, администрирование, имейл и смс-уведомления, бронирование конкретных мест
Модули позволяют бронировать место, дату и время. Подойдет для гостиниц, продаж билетов, онлайн-записи, ресторанов, проката авто, экскурсий, фитнес-центров, квест-студий, фотостудий, салонов красоты, тренингов, аренды товаров.
17. GBooking
Язык: русский
Стоимость: от 1200 рублей в месяц
Возможности: запись, учет, администрирование, база данных, смс-рассылки
18. Calendly
Язык: английский
Стоимость: есть бесплатная версия
Возможности: запись, интеграция с календарями, уведомления, оплата банковскими картами, PayPal.
19. Weemss
Язык: английский
Стоимость: комиссия от продажи билетов — от 2,5%, не менее € 0.49 за билет
Возможности: продажа билетов на конкретные места, продажа билетов на мероприятия; оплата банковскими картами, PayPal.
20. Ticketforevent
Язык: русский
Стоимость: комиссия от продажи билетов — 3% от стоимости билета, без абонентской платы за год. Бесплатные билеты — бесплатно (до 300 штук).
Возможности: продажа билетов на мероприятия; 90 способов оплаты.
Пример реализации сервиса на сайте, сделанном на Тильде: ёлка.робостанция.рф
Используя готовый виджет, пусть и платный, вы экономите деньги не только на программистах. Ведь нужны еще дизайн и верстка. А тот же сервис бронирования вставил и забыл.
Если смотреть на виджеты с точки зрения дизайна, можно сказать, что они универсальные. Обычно, разработчики не дают возможности сильно изменить внешний вид, максимум — цвета поменять. Некоторые открывают доступ к CSS, но лезть туда без конкретной задачи не нужно: сделаете хуже.
Если на сайте используют готовые виджеты, которые нельзя кастомизировать, задача дизайнера — разместить его в правильном месте и сделать так, чтобы он не выделялся на общем фоне.
Виталий Коломиец, дизайнер
Калькуляторы
Для чего пригодятся?
Для промостраниц консультаций, курсов, ремонтных работ и сервисов.
Если вы предлагаете сложные продукты, стоимость которых зависит от опций или параметров, покажите потенциальным клиентам, как формируется стоимость — разместите на странице калькулятор. Они увидят, сколько стоит конкретная опция или интересующий их набор опций, двигая ползунки и вводя числовые значения.
Нельзя найти в интернете калькулятор, который похож на тот, который нужен вам, и добавить его на сайт. Во первых, в нем прописаны другие опции и их стоимость. И даже если вы сможете разобраться с этим, остаются еще две беды: его внешний вид и безопасность кода.
Если не хотите, чтобы ваш сайт взломали, используйте код из проверенного источника. В идеале — закажите разработку калькулятора с нуля, с нужными параметрами и приемлемым внешним видом.
К сожалению, сервисов, которые позволяют создать уникальный калькулятор без вмешательства в код, мало. Мы нашли всего один.
21. Calculoid
Язык: английский
Стоимость: бесплатно при использовании готовых калькуляторов из библиотеки; платный тариф — от $ 9 в месяц
Возможности: гибкая настройка, редактор формул, настройка внешнего вида, прием платежей через PayPal.
Обратная связь и поддержка
Для чего пригодятся?
Для возможности быстро задать вопрос консультанту, сделать заказ или оставить отзыв — без дополнительных действий и переходов.
Виджеты обратной связи отлично повышают конверсию, несмотря не всенародную нелюбовь к мигающим иконкам онлайн-чатов. Впрочем, иконки могут выглядеть и вести себя интеллигентно, не раздражать посетителя, но помогать ему.
В Тильду интегрированы самые распространенные сервисы обратной связи: Callback Hunter, Jivosite, Chatra . Инструкция по подключению http://help-ru.tilda.ws/callback Если они вам не подошли, можно добавить свои.
22. RedConnect
Язык: русский
Стоимость: оплата за соединения, начальный тариф: 50 рублей за каждое (до 170 соединений).
Возможности: сервис обратного звонка, который, в отличии от многих, может работать без всплывающего окна — телефон можно ввести в форму на странице. Дизайн формы настраивается. Впрочем, всплывающее окно тоже есть. После того, как посетитель ввел телефон и нажал кнопку, система одновременно звонит вам и клиенту и соединяет звонки.
23. Intercom
Язык: английский
Стоимость: от $ 49 / месяц
Возможности: любимая платформа прогрессивных западных стартапов предлагает три вида сервиса: чат с посетителями на сайте, поддержка в онлайн-чате пользователей вашего сервиса и «побудительный» маркетинг.
24. Виджеты Вконтакте
Язык: русский
Стоимость: бесплатно
Возможности: Самая популярная российская социальная сеть сделала несколько виджетов, чтобы пользователи общались с сообществами, используя авторизацию vk.com. В общем, логично. Даже если вы не пользуетесь вконтакте активно, аккаунт-то у вас там есть 😉
25. Zendesk
Язык: английский
Стоимость: тарифы для чата и звонков начинаются с бесплатного, для поддержки — от $ 5 в месяц.
Возможности: целая система, призванная наладить отношения с пользователями: сервис поддержки (отслеживание и хранение запросов), справочный центр, онлайн-чат и колл-центр.
26. HelpScout
Язык: английский
Стоимость: минимальный тариф (который, к слову, не ограничивает количество пользователей и агентов) — $ 0.
Возможности: сервис, который поможет организовать поддержку пользователей через email. Другими словами, это такой почтовый ящик, адаптированный под потребности работы с большим количеством обращений, на которые отвечают разные люди. Можно отследить статус письма, кто начал отвечать на запрос, передать задачу другому сотруднику, добавить автоответ.
Плюс сервис позволяет создать базу знаний, к которой могут обращаться пользователи самостоятельно — на страницу ставится форма поиска, через которую посетители могут быстро найти ответ. Отправлять вопросы на email также можно через форму на сайте.
Пример использование сервиса HelpScout.
Комментарии
Для чего пригодятся?
Для блогов и интернет-магазинов; промостраниц продуктов, курсов и мастер-классов.
Позвольте своим клиентам задавать вопросы и оставлять отзывы на странице продукта в реальном времени. Они смогут общаться с вами и между собой — обмениваться опытом и впечатлениями. А вы — удалить или скрыть неадекватные или нежелательные комментарии.
Если на вопрос одного клиента отвечает другой, это вызывает больше доверия. Цель таких ответов — помочь, а не залезть в кошелек.
Клиент, помимо каких-то общих фраз, цитирования инструкции и характеристик, может поделиться опытом реального использования. Сформулировать мнение о тренере и поделиться эмоциями от занятия. Или испытать смартфон в боевом режиме и рассказать, насколько реальное время работы от аккумулятора отличается от заявленного.
Разработчики Тильды интегрировали виджеты Disqus и HyperСomments — блоки T158 и T163 в разделе «Другое». Они отлично выполняют свои функции: комментировать может каждый, кто авторизуется через социальные сети.
Если по каким-то причинам они вас не устраивают, добавьте любой другой виджет комментариев для сайта через блок «HTML-код».
Сервис hypercomments.com, интегрированный в Тильду, позволяет пользователям авторизоваться через все основные социальные сети, либо оставить комментарий анонимно.
27. Вконтакте
Язык: русский
Стоимость: бесплатно
Возможности: авторизация через «Вконтакте», трансляция комментариев в ленту со ссылкой на сайт.
28. Facebook
Язык: английский
Стоимость: бесплатно
Возможности: авторизация через Фейсбук, трансляция комментариев в хронику, модерация комментариев.
29. Cackle
Язык: русский
Стоимость: от 200 рублей в месяц
Возможности: авторизация через социальные сети, расшаривание комментариев в соцсетях, модерация и рейтинг комментариев, аналитика.
Посты из соцсетей
Для чего пригодятся?
Для СМИ, блогов и интернет-магазинов; промостраниц продуктов, курсов и мастер-классов.
Используйте в статьях, чтобы показать хронологию, реакцию на какое-то событие или сослаться на чье-то мнение. Используйте сервис в продажах — чтобы транслировать реальные отзывы о продукте. К таким отзывам больше доверия, потому что видно, кто и когда их публикует.
Посты в соцсетях — отличный инструмент социального подтверждения. Попросите клиентов написать на своей странице мнение о купленном торте или посещенном мастер-классе.
Но помните, что распознать фальшивые отзывы легко. Их авторы всегда хвалят продукт, и не указывают на минусы; говорят о качествах продукта, а не его пользе; стараются сделать вид, что никак не связаны с продавцом.
30. Twitter
Язык: английский, можно загуглить инструкцию на русском
Стоимость: бесплатно
Возможности: трансляция на сайте одного твита или ленты
31. Facebook
Язык: русский
Стоимость: бесплатно
Возможности: трансляция на сайте одного поста
32. Вконтакте
Язык: русский
Стоимость: бесплатно
Возможности: трансляция на сайте одного поста
33. Pinterest
Язык: английский, можно загуглить инструкцию на русском
Стоимость: бесплатно
Возможности: трансляция на сайте одного поста, доски или профиля
Кнопки «Поделиться»
Для чего пригодятся?
Для блогов, интернет-магазинов, портфолио студий и фрилансеров; для промостраниц продуктов, курсов и мастер-классов
Работают, как сарафанное радио: посетитель пришел, ознакомился, поделился ссылкой с друзьями. Иногда люди постят ссылки в ленту, чтобы не потерять ее, и вернуться на страницу, когда накопят денег. С каждой такой публикацией растет узнаваемость продукта, а вы получаете бесплатный трафик на сайт.
Наполняйте страницы качественным контентом. Посетитель должен либо купить продукт, либо поделиться ссылкой на него в Фейсбуке.
Позаботьтесь о том, как выглядит ссылка на страницу в социальных сетях. Даже если вы не используете кнопки «Поделиться», посетители могут скопировать и запостить адрес страницы из строки браузера.
Чтобы настроить внешний вид ссылки, зайдите в раздел «Настройки», вкладка «Facebook and SEO». По умолчанию Тильда использует заголовок и описание страницы со вкладки «Главное», а картинку — со вкладки «Бейджик».
У Тильды есть встроенные блоки с кнопками социальных сетей — SN201, SN202, SN203 и SN301 — в разделе «Соц. сети». В них есть все основные социальные сети. Если хотите, чтобы вашу страницу рекомендовали друзьям в других соцсетях, используйте сторонние сервисы.
34. Яндекс
Язык: русский
Стоимость: бесплатно
Возможности: кнопки всех социальных сетей, Evernote, Pocket, Viber, WhatsApp, Skype и Telegram.
35. Pluso
Язык: русский
Стоимость: бесплатно
Возможности: кнопки всех социальных сетей, Evernote, закладки Google и Яндекс
36. Uptolike
Язык: русский
Стоимость: бесплатно
Возможности: кнопки всех социальных сетей, Evernote и Pocket, гибкая настройка внешнего вида кнопок.
Кстати, если статья вам нравится, самое время поделиться ею с друзьями или сохранить в закладки 😉
37. ShareThis
Язык: русский
Стоимость: бесплатно
Возможности: кнопки всех социальных сетей, Google Translate, Evernote, Pocket и WhatsApp.
Интерактивные элементы
Для чего пригодятся?
Для интернет-магазинов; промостраниц продуктов, жилых комплексов, курортов, ресторанов, мастер-классов и конференций.
Просто изображения и текст вызывают скуку, поэтому используйте интерактивные картинки, чтобы рассказать больше о своем продукте. Дайте посетителям возможность поклацать кнопочки, поуправлять ситуацией. Это увлекает.
Вы можете указать краткие тезисы, по нажатию на которые откроются целые истории.
Интерактивные элементы — сильный инструмент. С его помощью вы погружаете читателя в свой мир, подогреваете интерес, рассказываете о пользе и ведете его к покупке.
Подготовьте развернутое описание продукта, а потом сократите его, оставив только главное. Это как будто написать статью, а потом оставить только подзаголовки. Трюк в том, чтобы с помощью подзаголовков рассказать всю ключевую информацию. Если читатель захочет узнать больше, он кликнет на подзаголовок — и увидит скрытый текст.
38. ThingLink
Язык: русский
Стоимость: бесплатно, с ограниченной функциональностью; платный тариф — от $ 20 в месяц
Возможности: интерактивные изображения, виртуальные 360˚ туры, карты и инфографика.
39. KnightLab
Язык: английский
Стоимость: бесплатно
Возможности: популярный сервис интерактивных карт и таймлайнов, который не стесняются использовать такие гиганты, как Time, Mashable и CNN.
Пример реализации шкалы времени в лонгриде, посвященному восхождению на Эльбрус. http://elbrus.tilda.ws/
Музыкальные плееры
Для чего пригодятся?
Для СМИ и блогов; промостраниц продуктов, мастер-классов, конференций, выступлений и студий звукозаписи; портфолио битмейкеров и ди-джеев.
Встройте музыкальный плеер в начало статьи, и попросите читателя воспроизвести музыку, чтобы сильнее погрузиться в материал; добавьте в плейлист фрагмент интервью, подкаста или аудиокниги.
В продажах — если вы музыкант, покажите потенциальным клиентам свои работы. Это могут быть биты, сэмплы, звуковые эффекты, дикторская озвучка и т. д.
Предварительно нужно загрузить аудио в выбранный сервис.
Абсолютно все композиции, размещенные в музыкальных сервисах, можно воспроизводить на своем сайте через вставку HTML-кода. Выбранный трек, альбом или плейлист отображается в фирменном плеере выбранного сервиса.
Так вы не нарушаете авторские права. А если вы скачаете трек бесплатно или даже купите его, а затем разместите на сайте — вы их нарушите.
В Тильде есть встроенный виджет музыкального сервиса SoundCloud — блок T153 в разделе «Другое». Вы можете использовать его или какой-то другой сервис для сайта. Это дело вкуса, потому что функциональность у всех одинаковая.
40. Mixcloud
Язык: английский
Стоимость: бесплатно
Возможности: записи радиоэфиров — выступлений ди-джеев, развлекательных и образовательных передач и новостей
41. Яндекс.Музыка
Язык: русский
Стоимость: бесплатно
Возможности: треки исполнителей со всего мира, большая библиотека российских артистов
В Тильде идеально подобраны сервисы. Во-первых, с установкой виджетов справится даже ребенок. Во-вторых — это тот набор, который нужен для продающей страницы.
Пренебрегать ими не нужно. Есть часть людей, которые не любят говорить по телефону. Им комфортнее общаться в чате. Все они — потенциальные клиенты, которые приведет других потенциальных клиентов. Хорошо, что относительно чата у Тильды есть несколько вариантов.
Форма обратного звонка экономит средства и время тем, кто не хочет дозваниваться сам.
Формы сбора данных или, например, подписки — пригодятся для настройки рекламы по тем, кто уже заинтересован в вашем продукте.
Еще хорошо, что можно легко поставить кнопки оплаты и не дожидаться нудной регистрации в платежных системах. Для мелких задач подходит вполне. И если нужно быстро протестировать какой-то продукт/услугу — все эти виджеты отлично подойдут.
Как вставить виджет GetCourse на страницу сервиса Tilda
После создания виджета в GetCourse его можно разместить несколькими способами на странице сервиса Tilda.
Рассмотрим основные варианты:
- Вставка виджета в HTML-блок
- Вставка «старого виджета» в HTML-блок
- Вставка виджета через HTML-код формы в HTML-блок
- Вставка виджета в PopUp
- Вставка «старого виджета» в PopUp
- Вставка виджета через HTML-код формы в PopUp
Обратите внимание: для корректного отображения двух и более одинаковых виджетов на странице, необходимо добавить в код скрипта какой-либо параметр (для каждой копии виджета свое значение). В противном случае в браузере может отображаться только один из нескольких виджетов.
Например:
Где &rand=случайный_набор_букв и &rand=другой_случайный_набор_букв — параметры, которые нужно добавить к виджетам. (Вместо значений параметров из примера нужно использовать свои).
Ссылка на это место страницы: #1
1. Вставка виджета в HTML-блок
Как объединить сайт на Тильде и GetCourse
Скопируйте код созданного виджета:
На странице Tilda добавьте блок из раздела «Другое» T123 — «HTML-код»:
Кликните по кнопке «Контент»:
В появившемся окне вставьте скопированный код виджета и сохраните изменения по кнопке «Сохранить и закрыть»:
Чтобы виджет отобразился на странице, её необходимо опубликовать:
Ссылка на это место страницы: #2
2. Вставка «старого виджета» в HTML-блок
После создания «старого виджета» по ссылке ваш_аккаунт/cms/control/xdget/new (например, виджета с формой обратной связи), можно скопировать его код:
и вставить в блок T123 — «HTML-код» аналогичным образом:
При необходимости блок с виджетом можно отцентрировать, выставив отступы в «Настройках»:
Ссылка на это место страницы: #3
3. Вставка виджета через HTML-код формы в HTML-блок
Для вставки виджета через HTML-код формы в HTML-блок необходимо скопировать его код:
Добавить на странице Tilda блок T123 — «HTML-код»:
и вставить код в «Контент» блока:
Виджет отобразится на странице после опубликования изменений.
Ссылка на это место страницы: #popup
4. Вставка виджета в PopUp
Рассмотрим, как настроить открытие виджета GetCourse во всплывающем окне при клике на кнопку. Для этого на странице Tilda нужно будет вставить два блока. Первым вставьте блок из раздела «Другое» T868 — «HTML-код в попапе»:
Кликните по кнопке «Контент»:
В появившемся окне нужно вставить код виджета, скопированный со страницы «Настройки и код виджета» в аккаунте:
Скопируйте ссылку на PopUp, чтобы далее использовать ее в следующем блоке:
Добавьте блок с кнопкой, при нажатии на которую будет всплывать форма виджета:
Вставить кнопку можно блоком из раздела «Форма и кнопка» — BF101 «Кнопка»:
Кликнув по кнопке «Контент» вставьте скопированную ссылку на PopUp:
Опубликуйте изменения на странице:
Аналогичным образом можно настроить показ PopUp не только при клике на кнопку, но и для блоков с триггерами (T183, T188, T723):
В меню «Контент» каждого такого блока также нужно будет прописать ссылку на PopUp:
Если в виджете много полей и форма полностью не помещается по высоте окна браузера, то нужно задать высоту в настройках блока с кодом виджета:
До и после задания высоты блоку с кодом виджета:
Ссылка на это место страницы: #4
5. Вставка «старого виджета» в PopUp
Для отображения «старого виджета» в PopUp блоке T868 — «HTML-код в попапе» необходимо вставить его код:
и добавить к нему для задания высоты всплывающего окна, например, такую строчку кода:
Значение height (высоту блока в пикселях) вы можете отрегулировать по своему усмотрению.
Далее настроить показ PopUp при клике на кнопку или для блоков с триггерами.
В меню «Контент» указанных блоков вставьте скопированную ссылку на PopUp:
Ссылка на это место страницы: #5
6. Вставка виджета через HTML-код формы в PopUp
Для вставки HTML-кода формы в PopUp блоке T868 — «HTML-код в попапе» необходимо добавить его код в «Контент» блока:
Затем настроить показ PopUp при клике на кнопку или для блоков с триггерами (аналогично описанному алгоритму выше).
Вс 10 Февраля 23:01
ДД, подскажите, я изменила предложение в виджете на гет курсе (снизила цену) и обновила тарифы оплаты на сайте Тильда, почему при переходе на страницу оплаты, пропала возможность рассрочки? вообще этого поля нет сейчас
Сохранить или отменить редактирование
Чт 11 Авг 2022 Нравится • Ответить
Марина, здравствуйте!
Ответили вам в рамках технической поддержки.
Сохранить или отменить редактирование
Сб 13 Авг 2022 Нравится
Игорь Митюкляев удалить
Здравствуйте! При отправке данных через виджет, привязанный к кнопке на Тильде, поп-ап виджета не закрывается. Можно настроить его автоматическое закрытие или, ещё лучше, кастомизировать, чтобы посетитель видел что-то вроде «Спасибо за ваш заказ, подписывайтесь на наш канал»?
Удалить файл
Сохранить или отменить редактирование
Ср 13 Апр 2022 Нравится • Ответить
Игорь, здравствуйте. Ваш вопрос требует анализа ситуации. Пришлите, пожалуйста, нам в техническую поддержку https://getcourse.ru/contacts :
1) ссылку на страницу, в которой установлен виджет;
2) ссылку на страницу настройки виджета в вашем аккаунте;
3) скриншот с отображением кнопки, по нажатию на которую появляется pop-up окно.
Сохранить или отменить редактирование
Ср 13 Апр 2022 Нравится
Ксения Осипова удалить
Добрый день! Подскажите, а как можно сделать переадресацию на страницу Спасибо, если на Тильду вставлен виджет Геткурс? В обработчике формы есть создание заказа и добавление в группу. Потом перекидывает на оплату сразу. А куда вставлять ссылку на страницу Спасибо?
Сохранить или отменить редактирование
Пт 07 Янв 2022 Нравится • Ответить
Здравствуйте, Ксения.
Для переадресации на страницу «Спасибо» вариант размещения формы заказа не имеет значения.
Переадресация на страницу «Спасибо» может происходить автоматически или после нажатия пользователем кнопки «Вернуться в магазин». — Это зависит от используемой платёжной системы: https://getcourse.ru/blog/420694#ltBlock1049940806
По умолчанию используется системная страница. Она уже создана в аккаунте — не требуется дополнительно указывать ссылку на неё.
Для некоторых платёжных систем вы можете использовать собственную страницу вместо предсозданной: https://getcourse.ru/blog/420694#ltBlock1049942666
Сохранить или отменить редактирование
Вс 09 Янв 2022 Нравится
Здравствуйте! Подскажите, можно ли как-то переместить этот текст в красной рамке ниже, сделать его над кнопкой? Может, какой-то css код есть, чтобы переместить его? Когда человек регистрируется, например, с телефона, этот текст не сразу виден на экране. Нужно отлистать вверх, чтобы увидеть его. А человек может подумать, что он зарегистрировался и закрыть страницу
Удалить файл
Сохранить или отменить редактирование
Вт 24 Авг 2021 Нравится • Ответить
Здравствуйте, Юлия!
Напишите, пожалуйста, по этому вопросу в нашу поддержку https://getcourse.ru/contacts.
В обращении укажите страницу, на которой используется данный виджет.
Сохранить или отменить редактирование
Ср 25 Авг 2021 Нравится
Тильда связана с Геткурсом через форму регистрации на тренинг. Как в таком случае быть с оплатой курса? Человек получает ссылку на регистрацию на Геткурсе, регестрируется. Как ему оплатить курс для того, чтобы стали доступны уроки?