Web-to-Lead форми | Посібник з управління лідами в CRM

Основні елементи інтерфейсу

Колонки таблиці

Опції рядка (під назвою форми)

• View – перегляд живої форми (як відвідувач).
• Edit – редагування полів, налаштувань і повідомлень подяки.
• Delete – безповоротне видалення форми та історії надсилань.

Інформація пагінації

• Показує діапазон записів (напр., «Showing 1 to 1 of 1 entries»).
• Кнопки Previous/Next для переходу між сторінками.

Рекомендації

1. Використовуйте зрозумілі назви форм (напр., «Заявка на підтримку»).
2. Тестуйте кожну форму через View перед публікацією.
3. Регулярно перевіряйте Total Submissions для відстеження ефективності.
4. Користуйтеся пошуком для швидкого знаходження форм.

Як додати нове поле

1. На лівій панелі знайдіть потрібний тип поля (Header, Paragraph, Name, Email, Phone тощо).
2. Перетягніть поле на праву панель.
3. Поле з’явиться в попередньому перегляді форми, його можна налаштовувати.

Як редагувати існуюче поле

1. Натисніть іконку олівця (Edit) на полі в правій панелі.
2. Поле розгорнеться, показуючи налаштування (під попереднім переглядом).
3. Налаштуйте:
   • Required (Обов'язкове) – поле має бути заповнене.
   • Label (Мітка) – назва поля (змінюється прямо в тексті).
   • Help Text (Допоміжний текст) – підказка під полем.
   • Placeholder (Плейсхолдер) – приклад тексту всередині поля.
   • Class (Клас CSS) – за замовчуванням form-control.
   • Name (Ім'я поля) – унікальний ідентифікатор для даних надсилання.
   • Access (Доступ) – обмежити ролями (наприклад, Administrator).
   • Type (Тип) – text, password, email, color, tel.
   • Max Length (Макс. довжина) – обмеження символів.
   • Rows (Рядки) – для textarea (висота в рядках).
4. Натисніть Close, щоб згорнути налаштування.

Дії над полем (іконки)

Сортування та переміщення

• Перетягніть поле за верхню частину (або за шість крапок), щоб змінити порядок.
• Поля автоматично зберігають новий порядок.

Ліва панель – доступні типи полів

Збереження форми

• Натисніть кнопку Save внизу лівої панелі.
• Шаблон форми буде збережено, і ви зможете вбудувати його на сайт.

Рекомендації

1. Позначайте обов'язкові поля галочкою Required.
2. Використовуйте Placeholder для прикладу ("Введіть ваш email").
3. Тестуйте форму після збереження через кнопку View у списку форм.
4. Робіть форми короткими – не більше 4–6 полів для кращої конверсії.
5. Використовуйте Header, щоб пояснити призначення форми.

Вкладка 1: General (Загальні)

Вкладка 2: Branding (Брендування)

Вкладка 3: Submission (Після надсилання)

Вкладка 4: Notifications (Сповіщення)

Кнопка Save (Зберегти)

• Натисніть Save внизу праворуч, щоб застосувати всі зміни.

Рекомендації

1. Завжди вказуйте зрозумілу назву форми та джерело.
2. Використовуйте префікс для відстеження джерела ліда (напр., "Сайт - ").
3. Підбирайте кольори кнопки під бренд компанії.
4. Увімкніть захист від дублікатів (Email) для запобігання спаму.
5. Налаштуйте сповіщення для швидкої реакції на ліди.

Що ви отримуєте

Приклад iframe коду

<iframe width="600" height="850" src="https://confidencesystem.online/forms/wtl/8c018c20ce959b93db32c1a3c8c1abeb" frameborder="0" sandbox="allow-top-navigation allow-forms allow-scripts allow-same-origin allow-popups" allowfullscreen></iframe>

Параметри для налаштування

Важливі правила протоколу

⚠️ Протокол вашого сайту має збігатися з протоколом у src iframe

Прямі посилання для тестування та поширення

https://confidencesystem.online/forms/wtl/8c018c20ce959b93db32c1a3c8c1abeb?styled=1

Як вбудувати на ваш вебсайт

1. Скопіюйте iframe-код із розділу «Код інтеграції».
2. Вставте його в HTML вашої вебсторінки (туди, де має з’явитися форма).
3. Відкоригуйте значення width та height під макет сторінки.
4. Перевірте протокол – переконайтеся, що src iframe використовує той самий протокол (http/https), що й ваш сайт.
5. Збережіть сторінку та протестуйте форму, надіславши тестовий запис.

Рекомендації

• Використовуйте width="100%" для адаптивного дизайну (якщо ваша CMS підтримує).
• Встановлюйте height трохи більше за висоту форми, щоб уникнути смуг прокручування.
• Завжди тестуйте форму після вбудовування.
• Залишайте атрибути sandbox як показано – вони забезпечують безпеку, дозволяючи формі працювати.
• Використовуйте пряме посилання для поширення форми email-ом або в соцмережах.