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

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

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

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

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

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

Add widget

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

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

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

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

Select a form type

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

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

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

Turned on subscription

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

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

Settings for a floating form

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

Settings for a floating form

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

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

Settings for a button widget

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

Settings for a chat widget

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

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

Widget preview

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

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

Copy widget code

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

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

Оцініть, наскільки стаття була корисною "Як створити віджет підписки на чат-бота"

Оцінка: 4 / 5

    Спробуйте бота для розсилок в Facebook Messenger безкоштовно