Обратный звонок для Тильды

Сайт на Tilda собирает трафик, а заявок мало? Часто посетителю просто лень заполнять форму или звонить самому. Кнопка обратного звонка в углу экрана просит одно — номер телефона, и через пару секунд заявка уже у вас в Telegram. Ниже по шагам: как поставить виджет обратного звонка на Тильду, где взять код, куда его вставить и как рядом добавить кнопку WhatsApp.

Как работает виджет на сайте Tilda

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

• На компьютере — круглая кнопка с трубкой в углу экрана. По нажатию открывается форма с полем телефона.
• На телефоне — вкладка «Заказать звонок» у края экрана, она не закрывает содержимое страницы.
• Поле телефона с выбором страны и маской номера: посетитель не ошибётся в формате.
• Заявки приходят в личный кабинет, на почту и в Telegram. Их можно передавать вебхуком в CRM и выгружать в Excel.
• Расписание: вне рабочих часов, которые вы задали по дням недели, кнопка скрыта, чтобы не обещать звонок ночью.

Сервис не звонит сам и не соединяет с менеджером: вы получаете номер и перезваниваете со своего телефона. Поэтому платы за звонки и минуты нет, а виджет доступен на бесплатном тарифе.

Обратный звонок на Тильде за 5 шагов

1. Войдите в личный кабинет AllWidgets по коду из письма. При первом входе аккаунт создаётся сам.
2. Создайте виджет «Заказ звонка». Укажите почту для заявок, при желании подключите Telegram, задайте тексты и расписание, сохраните.
3. На странице редактирования виджета скопируйте строку из поля «HTML-код виджета». Она выглядит так: <script src="https://app.allwidgets.ru/s/callback/…/"></script>.
4. В Tilda откройте настройки сайта, раздел «Ещё», и вставьте код в поле «HTML-код для вставки внутрь head». Сохраните настройки.
5. Переопубликуйте страницы сайта: код появляется на сайте только после публикации. Откройте сайт и оставьте тестовую заявку.

Код в поле для head работает на всех страницах сайта. Если кнопка звонка нужна только на одной странице, например на лендинге акции, добавьте на эту страницу блок «HTML-код» (T123) и вставьте код в него. Место блока на странице не важно: кнопка всё равно окажется в углу экрана.

Вставка своего HTML-кода на Tilda доступна не на всех тарифах конструктора. Если в настройках сайта нет поля для кода, а блок «HTML-код» не добавляется, проверьте тариф своего проекта в Tilda.

Где брать заявки

Заявка с сайта на Tilda попадает туда же, куда и с любого другого сайта:

Если на сайте стоит Яндекс Метрика, включите интеграцию в настройках виджета и укажите номер счётчика: при каждой заявке виджет отправит цель aw_callback. Как создать цель в Метрике, показано в справке.

Обратный звонок или форма Tilda

На Tilda можно собрать форму заявки из стандартных блоков. Виджет не заменяет её, а дополняет:

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

Многие ставят и форму в конце страницы, и кнопку звонка в углу: кто-то хочет описать задачу подробно, кому-то достаточно оставить номер.

Кнопка WhatsApp на Тильде

Рядом с обратным звонком часто нужна кнопка WhatsApp или Telegram: многим клиентам проще написать, чем ждать звонка. Для этого есть виджет «Мессенджеры»: столбик кнопок WhatsApp, Telegram, Viber, VK, MAX и других площадок в нижнем углу экрана. Он ставится на Tilda точно так же:

1. создайте в кабинете виджет «Мессенджеры» и добавьте контакты, например номер WhatsApp и имя в Telegram;
2. скопируйте его код и вставьте в то же поле «HTML-код для вставки внутрь head», на новой строке после кода обратного звонка;
3. переопубликуйте страницы.

Чтобы кнопки не перекрывали друг друга, поставьте обратный звонок и мессенджеры в разные углы экрана: например, звонок справа, мессенджеры слева. На бесплатном тарифе в виджете мессенджеров показываются первые два контакта. Как устроены ссылки на мессенджеры, разобрано в статье «Как добавить кнопки WhatsApp и Telegram на сайт», а про MAX — в статье «Кнопка MAX на сайт».

Если кнопка не появилась

• Страницы не переопубликованы. Изменения в настройках сайта Tilda применяются только после публикации страниц.
• Код вставлен не в тот проект. Если у вас несколько сайтов на Tilda, проверьте, что открыли настройки нужного.
• Нерабочее время. Вне расписания кнопка скрыта. Проверьте часовой пояс и часы работы в настройках виджета.
• Телефон. Показ на телефонах включается отдельной настройкой виджета.
• Виджет выключен. В настройках есть переключатель «Временно отключить».

Полный список проверок есть в статье про установку виджетов, а настройка текстов и расписания подробно описана в статье «Как настроить обратный звонок».

Вопросы и ответы

Есть ли у AllWidgets приложение или плагин для Tilda?

Отдельного приложения нет и не нужно: виджет ставится строкой кода в настройки сайта Tilda или в блок «HTML-код». Настройки меняются в личном кабинете AllWidgets, переставлять код после этого не нужно.

Сколько стоит обратный звонок для Тильды?

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

Будет ли кнопка работать на мобильной версии сайта Tilda?

Да. На телефонах виджет показывается вкладкой «Заказать звонок» у края экрана. Если показ на телефонах выключен в настройках виджета, включите его.

Можно ли поставить обратный звонок только на одну страницу?

Да. Вместо поля в настройках сайта добавьте на нужную страницу блок «HTML-код» (T123) и вставьте код виджета туда.

Кто перезванивает клиенту?

Вы или ваш менеджер. Сервис присылает номер в Telegram, на почту или в CRM, а сам не звонит. Поэтому за звонки ничего платить не нужно.