Elementor Pro Form Widget Telegram Sender это плагин интеграции с Telegram для WordPress, который позволит вам легко отправить данные из ваших Elementor Pro Form Widget форм в ваш Telegram чат.
Обновлено: 30 мая 2023
Продажи: 71
Бессрочная лицензия на 1 сайт, 6 месяцев поддержки и обновлений (продление поддержки и обновлений на 1 год — от 500 руб.)
Уважаемые клиенты, обратите внимание!
Шаг 1 — Установка
Примечание: Для работы плагина требуется `Elementor Pro` плагин.
WordPress административная панель:
- Перейдите `Плагины` -> `Добавить новый`.
- Нажмите `Загрузить плагин`.
- Загрузите `Elementor Pro Form Widget — Trello — Интеграция` zip файл.
- Активируйте, после того, как загрузка завершится.
Загрузка вручную — FTP, SSH, SFTP etc:
- Распакуйте `Elementor Pro Form Widget — Trello — Интеграция` zip файл.
- Загрузите распакованную папку в `WordPress` папку с плагинами (обычно `/wp-content/plugins`).
- Перейдите `Административная панель` -> `Плагины` и активируйте его.
Шаг 2 — Настройки интеграции
Перейдите `Elementor` -> `Telegram`.
Установка Telegram кнопки-виджета на веб-сайте. БЕСПЛАТНО [#Полезное]
- Создайте нового бота и получите токен https://core.telegram.org/bots#6-botfather
- Вставьте в поле `Токен`
- Напишите вашему боту любое сообщение, например `привет`, чтобы создать чат
- Нажмите `Получить ID чата` и скопируйте номер, вcтавьте его в поле `ID чата`
- Проверьте, корректны ли настройки — нажмите `Отправить тестовое сообщение` для отправки сообщения с сайта, если все корректно, то вам придет сообщение от вашего бота.
Шаг 3 — Настройка действия после отправки
Откройте для редактирования страницу с формой, которую вы хотите отправлять в Telegram.
Нажмите на форму и выберите раздел «Actions After Submit» слева. Нажмите в поле «Add action» и выберите нужный тип.
После выбора появится раздел с полями для заполнения.
Ниже пример заполнения полей.
Заполните поля и нажмите кнопку «Update».
Теперь, когда форма будет отправляться, данные будут переданы в Telegram chat.
Дополнительная информация
Где я могу найти шорткод поля для вставки?
Откройте раздел «Form Fields», щелкните по нужному полю, перейдите на вкладку «Advanced». В поле `Shortcode` есть шорткод, который можно вставить в поля для Telegram.
Дополнительные шорткоды
- [utm_source]
- [utm_medium]
- [utm_campaign]
- [utm_term]
- [utm_content]
- [roistat_visit]
- [_fbp]
- [_fbc]
- [gaClientID]
- [yandexClientID]
- [meta_page_url]
- [meta_user_agent]
- [meta_remote_ip]
- [form_name]
Источник: itgalaxy.company
Telegram-уведомления
После этого откроется раздел «Интеграции» в вашем аккаунте amoCRM, и через несколько секунд появится модальное окно установленной интеграции.
- Ввести номер телефона для тех. поддержки
- Нажать кнопку «Сохранить», чтобы завершить установку виджета в аккаунт amoCRM
Настройки виджета
Для настройки виджета нужно перейти в расширенные настройки амоCRM.
Добавление шаблона
Далее добавляем новый шаблон.
Вводим название шаблона и нажимаем «Добавить».
Вводим текст уведомления и подставляем маркеры.
Настройка в цифровой воронке
Переходим в настройки в цифровой воронке.
Выбираем виджет и нажимаем «Добавить».
В настройках выбираем:
Боты
Выбираем нужного бота из списка.
Получатель
Можно выбрать отправить в чат или ответственному. Для того, чтобы выбор чата появился в окне настроек, необходимо боту написать сообщение. При выбранной настройке «Отправить ответственному» будет отправляться уведомление ответственному за сделку.
Шаблон
Шаблон можно создать прямо в разделе цифровой воронки или отредактировать уже существующий.
Изменение и создание шаблона из цифровой воронки
В настройки шаблона можно перейти из цифровой воронки, нажав на «Изменить» .
Чтобы создать новый шаблон, нужно нажать на кнопку «Создать» .
Источник: gnzs.ru
Виджет Телеграм-канала: как сделать и поставить на сайт
Посетителей сайта нужно удерживать и возвращать на сайт снова и снова. Также их можно дополнительно монетизировать. Раньше для этой задачи использовали емейл-рассылки, но есть не менее эффективный инструмент — Телеграм-канал. Привлечь посетителей сайта в Телеграм канал можно через виджет.
В статье расскажем, как создать виджет для Телеграм и добавить его на сайт.
Какие бывают виджеты для Телеграм
Виджеты для Телеграм делятся на 3 группы:
- виджет для приглашения в группу или на канал;
- виджет для диалога через Телеграм (аналог онлайн-консультантов и чат-ботов);
- виджет в виде кнопки для перепоста материала или страницы в Телеграм.
Как создать Телеграм виджет и добавить на сайт
Есть 2 основных способа создать и добавить виджет на сайт:
- через HTML-код;
- с помощью плагинов;
Через HTML-код
Писать код с нуля нет необходимости — можно воспользоваться готовыми сервисами. Они позволяют настроить внешний вид виджета и дают готовый код, который нужно вставить на страницу сайта.
Сервисы, в которых можно создать Телеграм виджет:
- TGWidget (виджет для привлечения на канал);
- T.website (виджет канала с кнопкой подписки);
- Telegram.im (кнопка для начала диалога через ТГ);
- Elfsight (виджет Телеграм диалога);
- Hoversignal (виджет Телеграм диалога);
- Teletype (виджет Телеграм диалога);
- Widg.io (виджет чата, есть интеграция с Wix и WordPress);
- myWidget (чат-бот);
- SendPulse (виджет подписки на бота Telegram);
- DiscussBot (comments.app — виджет комментариев на сайте через Телеграм);
Также есть конструктор виджетов от самого Телеграма. В нем доступно 4 типа виджетов: кнопка «Поделиться в Телеграм», виджет поста (с возможностью перейти на канал), виджет, позволяющий авторизоваться через Телеграм и виджет для комментариев.
Создаем виджет подписки на канал на примере сервиса T.website:
Создаем виджет поста (с кнопкой подписки) через конструктор Телеграма:
Заходим на страницу core.telegram.org/widgets. Выбираем тип виджета (один из четырех). В нашем случае это виджет поста, второй по счету. Кликаем на него.
Здесь есть инструкции, как получить код.
Чтобы просто получить код поста без внешних изменений, нужно найти нужное сообщение в Телеграм, нажать правой кнопкой мыши и скопировать ссылку на сообщение.
Полученную ссылку открываем в браузере и нажимаем на кнопку < >EMBED.
Получаем код виджета. Копируем и вставляем на страницу сайта.
Если хотим кастомизировать виджет, например, изменить его размер и цвет, то нужно вставить ссылку на сообщение на сайте core.telegram.org/widgets (там, где выбирали тип виджета). Вносим изменения и получаем обновленный код.
Как вставить готовый HTML-код на сайт
Зависит от того, на чем сделан сайт. Если на чистом HTML, то в коде страницы нужно найти место, где будет размещен виджет и вставить туда код виджета. Если сайт на движке или на конструкторе, то обычно там предусмотрены виджеты, которые называются HTML-код. Нужно добавить виджет на страницу и в его настройках уже прописать полученный код.
Вот, например, как это выглядит на конструкторе Тильда — нужно добавить новый блок на страницу. Категория «Другое» — блок «HTML-код». В него вставляем код виджета. Блок доступен только на платных тарифах. У Wix есть аналогичный инструмент.
С помощью плагинов
Если сайт на движке, например, на Вордпрессе — можно подключить и настроить плагин. Хотя и на движок можно добавить виджет через код. Но так как плагины существуют, опишем и этот способ.
Плагины с виджетом Телеграм для Вордпресса:
- Channel Widget for telegram (показывает пост из Телеграм, можно перейти через него на канал);
- Replain (плагин для общения с посетителями сайта через Телеграм);
- QuadLayers Telegram Button (кнопка для начала диалога через ТГ)
- Telegram Chat (еще один виджет чата);
- WP Telegram Comments (виджет комментариев для сайта, чтобы оставлять комментарии посетители должны авторизоваться через ТГ);
Виджеты работают по аналогии — сначала нужно скачать и активировать плагин, затем в настройках указать ссылку на канал и кастомизировать его внешний вид.
Заключение
В зависимости от типа виджета выбирайте удобный для себя способ его создания и добавления на сайт. Если есть возможность добавить виджет через код — лучше выбрать этот вариант вместо тех же плагинов. Большое количество плагинов могут перегружать сайт. Тем более, получить код для Телеграм виджета и поставить его на сайт проще простого.
Источник: webunions.ru