Віджет Форма в конструкторі сайтів
У конструкторі лендингів SendPulse ви можете додати форму підписки, щоб збирати дані відвідувачів сайту та підписувати їх на розсилки або створювати угоди.
Додайте елемент Форма
Додайте віджет Форма (Form) у потрібну частину шаблону.
Праворуч відкриється панель, в якій ви можете налаштувати віджет.
Виберіть, куди зберігати контакти
Ви можете вибрати, куди зберігати нових підписників для подальшої роботи з ними.
Створення угоди та контактів у CRM
За замовчуванням створюються угоди та контакти в CRM із кожним новим лідом. Введіть назву угоди для нових контактів, що надходять, і виберіть воронку, до якої додавати контакти.
Ви можете налаштувати співвідношення полів в налаштуваннях поля форми.
У картку контакту та угоди додається коментар з інформацією про джерело, місце, пристрій та браузер відвідувача.
Також ви можете налаштувати передачу UTM-міток до контактів в CRM, якщо відвідувач перейшов на сайт за посиланням з міткою та заповнив форму.
Створення контактів у адресній книзі
Увімкніть опцію збереження контактів до адресної книги, щоб надалі надсилати Email розсилки.
Виберіть книгу, до якої додаватимуться нові контакти. Відповідність полів ви можете вибрати в налаштуваннях поля форми.
Додавання підписників в чат-бот
Увімкніть опцію Зберігати контакти в аудиторію чат-бота (Add to chatbot audience). Для налаштування кнопки натисніть на значок олівця. Виберіть канал — WhatsApp, Telegram, Instagram, Viber чи Messenger, та введіть назву кнопки. У полі Підписувати на (SUbscribe to) виберіть, на який підписувати та ланцюжок, який запускати після підписки.
Ви можете додати максимум 4 кнопки різних ботів.
Відповідність полів ви можете вибрати в налаштуваннях поля форми.
Налаштуйте поля форми
Додавання полей
Додайте нові поля форми або налаштуйте існуючі, натиснувши на іконку олівця.
Зверніть увагу, що поле Email обов'язкове — його не можна видалити.
Виберіть тип поля та вкажіть його назву.
Ви також можете сховати назви полів у стилях полів.
Введіть підказку для поля у плейсхолдері.
В полі введення типу Телефон ви можете додати динамічну маску для номерів. Тоді форма визначатиме за IP-адресою країну, де знаходиться відвідувач, і буде підставляти йому відповідний код. Також відвідувач зможе вибрати інший код з випадного списку.
Перейдіть у налаштування поля та активуйте перемикач Використовувати динамічну маску (Use dynamic mask).
Налаштування співвідношення полів
За замовчуванням всі контакти зберігаються в CRM. Щоб зберігати дані в змінну іншого сервісу, активуйте відповідні налаштування.
Виберіть, в якій змінній зберігати значення поля. Ви можете вибирати вже створені змінні у відповідному сервісі:
- CRM для контакту та угод.
- Email в адресні книги.
- Чат-боти в аудиторію чат-бота.
Якщо у списку немає потрібної змінної, створіть її у відповідній адресній книзі або аудиторії чат-бота. Якщо немає поля в CRM — створіть у налаштуваннях відповідної воронки та контактів.
Значення полів Email та Телефон (Phone) зберігаються у стандартних системних змінних емейла та телефону.
Позначте, чи є поле обов'язковим. Якщо поле обов'язкове, дані користувача не надішлються, доки він не заповнить усі обов'язкові поля.
Налаштуйте стиль полів
Перейдіть до Стилі полів (Fields styles).
Налаштуйте зовнішній вигляд полів.
| Колір назв полів (Field names color) | Виберіть колір верхнього підпису полів. |
| Розташування полів (Field layout) | Виберіть розміщення полів у формі: горизонтально чи вертикально. |
| Зовнішній вигляд полів (Field appearance) | Виберіть стиль: з підсвіткою по периметру чи знизу. |
| Колір тексту в полів (Input field text color) | Виберіть колір тексту, який буде зʼявлятись при введенні даних і форму на сайті. |
| Колір фону (Background color) | Виберіть колір заповнення полів. |
| Скруглення (Rounding) | Задайте скруглення полів у пікселях. Доступно для зовнішнього вигляду з підсвіткою по периметру. |
| Колір рамки (Frame color) | Виберіть колір контуру полів. |
| Розмір полів (Field size) | Виберіть розмір полів: S, M або L. |
Щоб приховати назви полів, деактивуйте Імена полів (Fields names).
Налаштуйте кнопку
У полі Кнопка форми (Shape button) натисніть олівець, щоб перейти до редагування кнопки, введіть текст та виберіть стиль кнопки підтвердженнях.
Налаштуйте додаткові можливості
Ви можете керувати поведінкою форми після відправки, обробкою даних контактів і рівнем захисту від зловживань. Ці опції допомагають налаштувати взаємодію з відвідувачами сайту, підтримувати актуальність даних у CRM та підвищити безпеку форм. в Для цього перейдіть в Додаткові налаштування форми (Additional form settings).
Нижче розглянемо доступні додаткові можливості та принципи їх використання.
| Дія після підписки (Action after submitinng) |
Використовується для налаштування сторінки після відправки форми. Ви можете показати повідомлення або перенаправити відвідувача на іншу сторінку сайту. Читайте докладніше: Налаштуйте сторінку після відправки форми. |
| Перезаписувати дані контакту в CRM під час повторного надсилання форми (Overwrite CRM contact data after form resubmitting) |
Використовується для наявних контактів у SendPulse CRM — якщо контакт відправить форму, його дані будуть перезаписані. Активуйте перемикач. |
| Дозволяти відвідувачам вводити тільки корпоративні email адреси (Require visitors to enter corporate email addresses only) |
Використовується для обмеження введення email-адрес у формах лише корпоративними доменами. Активуйте перемикач. Після активації адреси з публічних поштових сервісів (наприклад, gmail.com, yahoo.com, hotmail.com, outlook.com) не проходять валідацію та не відправляються. |
| Показувати CAPTCHA (Show CAPTCHA) |
Використовується для захисту сайту і уникнення автоматичного заповнення форм ботами. Виберіть потрібний ліміт: 10, 100 або 1000. За замовчуванням вказаний ліміт 100. Це означає, що CAPTCHA з'явиться, якщо відвідувач надішле 100 форм з однієї IP-адреси протягом 10 хвилин. Читайте докладніше: Як налаштувати CAPTCHA у формі підписки. |
Налаштуйте аналітику
Ви можете налаштувати передачу цілей з форми до подій Google Analytics та Facebook Pixel. Натисніть Налаштувати аналітику (Analytics settings).
Активуйте потрібний перемикач: Передавати ціль у Google Analytics (Transfer the goal to Google Analytics) чи Передавати ціль у піксель Facebook (Transfer the goal to the Facebook pixel).
Для активації передачі даних, в налаштуваннях сайту повинні бути додані коди пікселя Facebook та Google Analytics.
Читайте докладніше: Як підключити Google Analytics до сайту та Як підключити піксель Facebook до сайту.
Якщо ви активували перемикач Передавати ціль у Google Analytics, введіть дані для полів Категорія (Category), Дія (Action), Ярлик (Label) — ці параметри будуть передаватися до аналітики у розділі Події.
Якщо ви перемикач Передавати ціль у піксель Facebook (Transfer the goal to the Facebook pixel). Автоматично буде сформована подія Lead, яку ви зможете побачити в Events Manager вашого бізнес-акаунту Facebook.
Оновлено: 22.12.2025
або