CRM / Веб-формы

Веб-формы

Веб-форма – это окно с небольшим набором полей, через которое пользователь на сайте может ввести и отправить вам свои данные, например, телефон и email. Через такие формы удобно принимать заявки, создавать базу email адресов для рекламной рассылки, собирать обратную связь от клиентов и т.д. В этой статье мы рассмотрим, как при помощи веб-форм собирать лиды и автоматически создавать сделки в воронке продаж QuickBPM.

вф пример

Как используются веб формы

Допустим, посетитель заходит на ваш сайт и, заинтересовавшись в продукте, нажимает кнопку «узнать больше». Открывается окошко, где он вводит свои данные – имя, email и телефон. QuickBPM  пересылает эти данные в раздел Клиенты и создает с ними новую сделку. Теперь ваши сотрудники смогут взять эту сделку в работу, запланировать звонок или отправить материалы на почту потенциальному клиенту.

Настройка веб формы

Настроим форму для сбора данных потенциальных клиентов в приложении Сделки. В меню приложения выберите пункт Веб формы. Откроется страница, на которой в дальнейшем будут храниться все формы, которые вы создадите. Нажмите кнопку +Веб форма, чтобы создать новую.

ВФ3 квик

Откроется конструктор формы с готовым шаблоном. Вам нужно лишь настроить его под себя.

В верхней части формы напишите пояснение, например, опишите свою услугу или предложите пользователю внести свои данные. Затем настройте поля. Так как новая веб форма создается в определенном приложении и привязывается к нему, то она по умолчанию содержит те же поля, что и само приложение.

вф 1

Обратите внимание, на веб формах можно использовать только строковые и числовые поля, в том числе Выбор «да/нет», Категорию, Email и Телефон. Нельзя размещать поля типа Файл, ФИО, Деньги, Дата/время, Пользователь, Приложение. Подробнее про типы полей, используемых в системе, вы можете прочитать в этой статье.

При желании, вы можете переименовать поля, а ненужные удалить с формы.

ВФ5

В приложении Сделки есть три подходящих по типу поля – Имя, Email и Телефон. Сделаем их обязательными для заполнения – для этого нужно нажать на звездочку рядом с названием поля. Красный цвет звездочки означает, что форму невозможно будет отправить, если это поле не заполнено.

вф обяз

Внешний вид формы можно максимально настроить под свой сайт – выбрать шрифты, цвет фона, поменять расположение полей и кнопок.

ВФ7

Для примера, изменим фон самой формы на светло-серый и выберем шрифт OpenSans. Затем поменяем форму полей на скругленную, изменим их расположение, уберем заголовки и отредактируем сообщение об обработке персональных данных. Поменяем цвет кнопки на желтый и добавим капчу, чтобы защититься от спама.

вф 2

Теперь перейдем на вкладку Настройки. Здесь можно задать название формы и написать сообщение, которое увидят клиенты, заполнив форму на сайте.

ВФ9

Сохраним готовую форму.

Как разместить форму на сайте

Сохраненную форму нужно разместить на сайте. Откройте форму, нажав на ее название в общем списке веб форм. Вы увидите, что у формы появилась новая вкладка - код для встраивания. Скопируйте этот код и разместите его в нужном месте на вашем сайте.

вф код

Вернувшись на вкладку Конструктор формы, вы сможете отредактировать форму, если посчитаете нужным.

Аналогичным образом вы можете создавать веб-формы в других приложениях, например, для сбора отзывов и предложений от своих клиентов.