Як створити віджет підписки на чат-бота

За допомогою SendPulse ви можете створити та додати віджет підписки на ваш сайт. Таким чином відвідувачі сайту зможуть підписуватись на ваші чат-боти.

Ви можете також передавати користувацькі змінні та UTM-мітки при підписці через віджет, читайте докладніше «Як передавати власні змінні при підписці на чат-бота».

Створіть віджет підписки

Перейдіть до розділу «Чат-боти» (Chatbots) у вкладку «Віджети підписки» (Signup widgets) і натисніть «Створити віджет підписки» (Add widget).

Створити віджет підписки ви зможете тільки після того, як створите хоча б одного чат-бота.

Виберіть вигляд форми

Ви можете вибрати такі види форми: «Фіксована» (Bar), «Кнопка» (Button), «Плаваюча» (Floating), «Попап-вікно» (Modal), «Вбудована» (Embedded), «Діалоги» (Chats) або «Чекбокс» (Checkbox). У правій частині екрана показано, як виглядає форма вибраного вигляду.

Віджети Діалоги (Chats) і Чекбокс (Checkbox) доступні тільки для Facebook Messenger.

Натисніть «Далі» (Next).

Виберіть канали підписки

У SendPulse ви можете створити віджет підписки відразу для каналів Facebook, Telegram, WhatsApp та Instagram, або для одного з них. Щоб додати канал до віджета, увімкніть необхідну соцмережу та виберіть бота зі списку. Під полем вибору бота ви можете вказати ланцюжок, який запускатиметься після підписки.

При натисканні на кнопку «Instagram» підписник буде перенаправлений на сторінку Instagram, а не в особисті повідомлення.

Налаштуйте зовнішній вигляд

Параметри опцій віджета залежать від типу форми. Такі види, як «Фіксована» (Bar), «Плаваюча» (Floating), «Попап-вікно» (Modal) дають можливість задавати текст заголовка і запиту, колір фону блоку і тексту, а також колір і текст кнопки тощо.

Також ви можете налаштувати умови показу віджета на сайті. Вкажіть затримку появи та повторного показу віджета. Щоб приховати віджет на мобільних пристроях, активуйте опцію «Приховувати на мобільному» (Hide on mobile).

Для форми типу «Кнопка» (Button) ви можете задати назву, колір та розмір кнопки.

Для кнопок Facebook ви можете вибрати текст на кнопці з варіантів у списку, що випадає, а також задати текст після підписки.

Для форми типу «Діалоги» (Chats) ви можете вказати заголовок чату, колір теми чату та додати адресу сайту.

Перегляд перед публікацією

Усі зміни налаштувань форми ви побачите в реальному часі у вікні попереднього перегляду праворуч від меню налаштувань.

Збережіть віджет та додайте код на сайт

Коли все готово, натисніть «Зберегти та отримати код» (Save and get code). Відкриється вікно з готовим кодом – натисніть по іконці «Скопіювати в буфер обміну» (Copy to clipboard).

Додайте код у потрібне місце вашого сайту.

Спосіб додавання коду може відрізнятися залежно від хостингу. Найчастіше вам просто потрібно відкрити налаштування блоку сторінки, куди потрібно вставити віджет, додати блок HTML та вставити код віджета у відповідне вікно для коду. Потім зберегти налаштування та опублікувати інтернет-сторінку.

Оновлено: 21.02.2023