Този раздел ви позволява да създавате и управлявате уеб форми, които автоматично добавят потенциални клиенти в 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 за навигация между страници.
Най-добри практики
- Използвайте описателни имена (напр. «Заявка за поддръжка»).
- Тествайте всяка форма чрез View, преди да я публикувате.
- Редовно проверявайте Total Submissions за проследяване на ефективността.
- Използвайте търсене за бързо намиране на форми.
Конструкторът на формуляри е основният интерфейс за създаване и редактиране на уеб формуляри за потенциални клиенти. Разделен е на три зони: ляв панел (елементи за влачене), десен панел (преглед и редактиране), вътре в полето – настройки.
Как да добавите ново поле
- В левия панел намерете желания тип поле (Header, Name, Email, Phone и др.).
- Влачете и пуснете полето в десния панел.
- Полето се появява във визуализацията на формуляра и може да се конфигурира.
Как да редактирате съществуващо поле
- Натиснете иконата с молив (Edit) върху полето в десния панел.
- Полето се разширява с настройките (под визуализацията).
- Конфигурирайте:
- Required (Задължително) – полето трябва да се попълни.
- Label (Етикет) – име на полето (редактира се директно).
- Help Text (Помощен текст) – подсказка под полето.
- Placeholder – примерен текст вътре в полето.
- Class (CSS клас) – по подразбиране
form-control. - Name (Име на поле) – уникален идентификатор.
- Access (Достъп) – ограничаване по роли (напр. Administrator).
- Type (Тип) – text, password, email, color, tel.
- Max Length (Макс. дължина) – ограничение на символите.
- Rows (Редове) – само за textarea.
- Натиснете 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 в долната част на левия панел.
- Шаблонът се записва и може да бъде вграден в уебсайта ви.
Най-добри практики
- Маркирайте задължителните полета с Required.
- Използвайте Placeholder за пример ("Въведете вашия имейл").
- Тествайте формуляра след запазване чрез бутона View в списъка.
- Поддържайте формулярите кратки – 4–6 полета максимум.
- Използвайте 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 URL | URL за пренасочване. |
| 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 долу вдясно, за да запазите всички промени.
Най-добри практики
- Винаги задавайте смислено име на формуляра и източник.
- Използвайте префикс за проследяване на формуляра (напр. "Support - ").
- Съобразете цветовете на бутона с вашата марка.
- Включете защита срещу дубликати (Email) срещу спам.
- Настройте известия за бърза реакция.
След като създадете уеб формата си за потенциални клиенти, ще видите раздела „Интеграционен код“. Той предоставя HTML код за вграждане на формата във вашия уебсайт.
Какво получавате
| Елемент | Описание |
|---|---|
| iframe код | Готов HTML фрагмент за копиране и поставяне. |
| Директна връзка (стилизирана) | Пълностранична версия на формата с вашите стилове. |
| Директна връзка с лого | Същото, плюс логото на компанията. |
Примерен 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>
Параметри за настройка
| Параметър | Какво да промените | Пример |
|---|---|---|
width | Ширина във пиксели | width="100%" или width="500" |
height | Височина във пиксели | height="700" |
src | URL на формата (не променяйте освен при смяна на HTTP/HTTPS) | Оставете както е генериран |
Важни правила за протокола
⚠️ Протоколът на вашия сайт трябва да съвпада с протокола вsrcна iframe
| Протокол на вашия сайт | Използвайте в src |
|---|---|
http:// (без SSL) | http:// версия на URL на формата |
https:// (SSL) | https:// версия на URL на формата |
Сайтовете без SSL трябва да използват не-SSL връзка за целевите страници и обратно.
Директни връзки за тестване и споделяне
| Тип връзка | Предназначение |
|---|---|
?styled=1 | Показва формата с вашето брандиране на цяла страница |
?styled=1&with_logo=1 | Същото, плюс логото на компанията |
Пример:
https://confidencesystem.online/forms/wtl/8c018c20ce959b93db32c1a3c8c1abeb?styled=1
Как да вградите формата
- Копирайте iframe кода от раздела.
- Поставете го в HTML на вашата уебстраница.
- Настройте
widthиheightспоред оформлението. - Проверете протокола –
srcна iframe трябва да е същият като на сайта (http/https). - Запазете страницата и тествайте формата.
Най-добри практики
- Използвайте
width="100%"за адаптивен дизайн. - Задайте
heightмалко по-голяма от формата. - Винаги тествайте след вграждане.
- Запазете атрибутите
sandbox– те осигуряват сигурност. - Използвайте директната връзка за споделяне по имейл или социални мрежи.