Web-to-Lead форми | Ръководство за управление на потенциални клиенти в CRM

Създавайте уеб форми за автоматично генериране на потенциални клиенти. Конструктор на форми, изпращания, експорт, търсене, пагинация.

Този раздел ви позволява да създавате и управлявате уеб форми, които автоматично добавят потенциални клиенти в CRM, след като посетител ги попълни на вашия сайт.

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

ЕлементОписание
Бутон «New Form»Създава нова форма. Отваря конструктора за форми.
Поле за търсенеФилтрира таблицата по име на форма или ID.
Бутон «Export»Експортира данните от таблицата (CSV/Excel/PDF).
Бутон «Reload»Опреснява таблицата с най-новите данни.
Записи на страницаИзберете 10/25/50/100 или всички (-1).

Колони в таблицата

КолонаОбяснение
IDУникален цифров идентификатор на формата.
Form NameИме на формата (напр. «Support»). Клик за редактиране. При задържане – опции: View, Edit, Delete.
Total SubmissionsБрой изпратени попълвания на формата.
CreatedДата и час на създаване (относително време: «5 hrs ago» или точна дата).

Опции на ред (под името на формата)

  • View – преглед на живата форма като посетител.
  • Edit – редактиране на полета, настройки и съобщения за благодарност.
  • Delete – завинаги изтрива формата и историята на изпращанията.

Информация за пагинация

  • Показва текущия диапазон (напр. «Showing 1 to 1 of 1 entries»).
  • Бутони Previous/Next за навигация между страници.

Най-добри практики

  1. Използвайте описателни имена (напр. «Заявка за поддръжка»).
  2. Тествайте всяка форма чрез View, преди да я публикувате.
  3. Редовно проверявайте Total Submissions за проследяване на ефективността.
  4. Използвайте търсене за бързо намиране на форми.

Конструкторът на формуляри е основният интерфейс за създаване и редактиране на уеб формуляри за потенциални клиенти. Разделен е на три зони: ляв панел (елементи за влачене), десен панел (преглед и редактиране), вътре в полето – настройки.

Как да добавите ново поле

  1. В левия панел намерете желания тип поле (Header, 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, за да свиете настройките.

Действия върху поле (икони)

ИконаДействиеОписание
✏️ (Молив)EditОтваря настройките на полето.
???? (Копиране)DuplicateСъздава точно копие на полето.
????️ (Кошче)DeleteПремахва полето от формуляра.

Сортиране и пренареждане

  • Влачете поле за горната му част, за да промените реда му.
  • Новият ред се запазва автоматично.

Ляв панел – видове полета

ПолеПредназначение
HeaderЗаглавие (h1, h2, h3)
ParagraphТекстов блок
File UploadКачване на файлове
NameИме (пълно)
PositionДлъжност
Email AddressИмейл (с валидация)
PhoneТелефонен номер
Lead ValueСтойност на потенциалния клиент
CompanyИме на компания
AddressУлица и номер
CityГрад
StateОбласт / Щат
CountryДържава
Zip CodeПощенски код
DescriptionМногоредов текст (textarea)
WebsiteУебсайт (URL)

Запазване на формуляра

  • Натиснете бутона Save в долната част на левия панел.
  • Шаблонът се записва и може да бъде вграден в уебсайта ви.

Най-добри практики

  1. Маркирайте задължителните полета с Required.
  2. Използвайте Placeholder за пример ("Въведете вашия имейл").
  3. Тествайте формуляра след запазване чрез бутона View в списъка.
  4. Поддържайте формулярите кратки – 4–6 полета максимум.
  5. Използвайте Header, за да обясните целта на формуляра.

Този раздел конфигурира поведението, външния вид и известията на уеб формуляра. Съдържа четири раздела.

Раздел 1: General (Основни)

ПолеОписание
Form NameЗадължително. Вътрешно име (напр. "Support").
LanguageЕзик на валидационните съобщения.
Lead title prefixТекст преди името на потенциалния клиент.
Source (Източник)Задължително. Откъде идва клиентът (Сайт, Google, Facebook). + за нов източник.
Status (Статус)Задължително. Начален статус (В очакване, В процес, Нов). + за нов статус.
Responsible (Отговорник)Служител, който поема клиента.

Раздел 2: Branding (Брандиране)

ПолеОписание
Submit button textТекст на бутона за изпращане.
Submit button background colorЦвят на фона на бутона.
Submit button text colorЦвят на текста на бутона.

Раздел 3: Submission (След изпращане)

Опция / ПолеОписание
Display thank you messageПоказва съобщение на същата страница.
Redirect to another websiteПренасочва към друг URL.
Message to showТекст на благодарност.
Website URLURL за пренасочване.
Auto mark as publicПотенциалният клиент се вижда от всички служители.
Allow duplicate leadПозволява дублиращи се записи.
Prevent duplicate on fieldИзберете 1-2 полета за блокиране на дубликати (напр. Email).
Create task on duplicateСъздава задача от дублиращия се запис.

Раздел 4: Notifications (Известия)

ОпцияОписание
Notify when lead importedИзпраща известие след подаване на формуляра.
Notify typeКой получава известие:
• Specific Staff Members – избрани служители.
• Staff members with roles – избрани роли (напр. Employee).
• Responsible person – само отговорникът.
Staff Members to NotifyВидимо при избор на конкретни служители.
Roles to NotifyВидимо при избор на роли.

Бутон Save

  • Натиснете Save долу вдясно, за да запазите всички промени.

Най-добри практики

  1. Винаги задавайте смислено име на формуляра и източник.
  2. Използвайте префикс за проследяване на формуляра (напр. "Support - ").
  3. Съобразете цветовете на бутона с вашата марка.
  4. Включете защита срещу дубликати (Email) срещу спам.
  5. Настройте известия за бърза реакция.

След като създадете уеб формата си за потенциални клиенти, ще видите раздела „Интеграционен код“. Той предоставя HTML код за вграждане на формата във вашия уебсайт.

Какво получавате

ЕлементОписание
iframe кодГотов HTML фрагмент за копиране и поставяне.
Директна връзка (стилизирана)Пълностранична версия на формата с вашите стилове.
Директна връзка с логоСъщото, плюс логото на компанията.

Примерен iframe код

html
<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>

Параметри за настройка

ПараметърКакво да променитеПример
widthШирина във пикселиwidth="100%" или width="500"
heightВисочина във пикселиheight="700"
srcURL на формата (не променяйте освен при смяна на HTTP/HTTPS)Оставете както е генериран

Важни правила за протокола

⚠️ Протоколът на вашия сайт трябва да съвпада с протокола в src на iframe
Протокол на вашия сайтИзползвайте в src
http:// (без SSL)http:// версия на URL на формата
https:// (SSL)https:// версия на URL на формата
Сайтовете без SSL трябва да използват не-SSL връзка за целевите страници и обратно.

Директни връзки за тестване и споделяне

Тип връзкаПредназначение
?styled=1Показва формата с вашето брандиране на цяла страница
?styled=1&with_logo=1Същото, плюс логото на компанията
Пример:
text
https://confidencesystem.online/forms/wtl/8c018c20ce959b93db32c1a3c8c1abeb?styled=1

Как да вградите формата

  1. Копирайте iframe кода от раздела.
  2. Поставете го в HTML на вашата уебстраница.
  3. Настройте width и height според оформлението.
  4. Проверете протокола – src на iframe трябва да е същият като на сайта (http/https).
  5. Запазете страницата и тествайте формата.

Най-добри практики

  • Използвайте width="100%" за адаптивен дизайн.
  • Задайте height малко по-голяма от формата.
  • Винаги тествайте след вграждане.
  • Запазете атрибутите sandbox – те осигуряват сигурност.
  • Използвайте директната връзка за споделяне по имейл или социални мрежи.

24/7 поддръжка

Получаване на помощ по всяко време на денонощието

Редовни актуализации

Непрекъснато подобряваме системата

Период на изпитване

Изпробвайте всички функции безплатно