Битрикс конструктор веб форм

Обновлено: 15.07.2024

Нашли ошибку? Выделите мышкой и нажмите Ctrl+Enter

Система обратной связи: формы на инфоблоках, веб-формы или формы Битрикс24

В решении Аспро: Корпоративный сайт 2.0, начиная с версии 1.2.15, система обратной связи реализована 3 способами: на инфоблоках, веб-формах и формах Битрикс24.

В зависимости от настройки «Использовать «Веб-формы» вместо инфоблоков», вы выбираете один из вариантов и настраивайте формы под себя. Если у вас редакция «Старт», то вам доступны только формы на инфоблоках. При наличии редакции «Стандарт» и выше, вы можете использовать еще и веб-формы. При этом вы можете настроить интеграцию веб-форм с Битрикс24. Тогда данные будут попадать как в админку, так и в CRM.

Если вы обрабатываете заявки только через Битрикс24, то подключайте соответствующие формы. При этом варианте в CRM будут передаваться UTM-метки, которые учитываются в сквозной аналитике. Форма подключается через скрипт, поэтому внешний вид формы будет в стилистике Битрикс24.

Вы можете управлять составом полей каждой формы.

Рассмотрим, как выглядит система обратной связи на веб-формах.

1. Заказать услугу.



2. Заказать проект.



3. Задать вопрос.



4. Написать сотруднику.



5. Оставить отзыв.





Чтобы выбрать тип форм, в административной части сайта перейдите в Аспро (1) → Аспро: Allcorp2 (2) → Настройки (3).



В блоке «Формы» выберите тип обратной связи. Вы можете настроить каждую отдельно. К примеру, для формы «Заказать продукт» можно выбрать тип «Из настроек решения» и «Формы Битрикс24».



Если вы выберите первый вариант, то вам нужно активировать или деактивировать настройку «Использовать “Веб-формы” вместо инфоблоков», чтобы управлять формами на инфоблоках и веб-формах. После внесения изменений нажмите «Применить».

Форма, расположенная на данной странице, предназначена для создания новых и изменения параметров уже существующих веб-форм.

В продукте предусмотрены два режима работы с веб-формами:

  • упрощённый режим- предусматривает процедуру создания и редактирования веб-форм без использования статусов для результатов веб-формы, полей и создания шаблонов для фильтрации и показа списка результатов формы;
  • расширенный режим - включает настройку всех параметров: создание полей, настройку результатов веб-формы, возможность использования кастомизированных шаблонов для фильтрации и показа списка результатов формы.

Выбор режима осуществляется на странице настроек модуля.

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

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

Контекстная панель формы

КнопкаОписание
Параметры формыНастройка параметров формы.
РезультатыПереход на страницу со списком результатов формы. Кнопка отображается на странице редактирования уже существующей формы.
ВопросыПереход на страницу со списком вопросов веб-формы.

Основная контекстная панель

КнопкаОписание
СписокПереход на страницу со списком веб-форм.
Кнопка отображается только на странице создания новой формы.
СоздатьПереход на страницу создания новой веб-формы.
Кнопка отображается на странице редактирования уже существующей формы.
КопироватьКопирование редактируемой веб-формы в новую.
Кнопка отображается на странице редактирования уже существующей формы.
Очистить результатыУдаление всех результатов веб-формы.
Кнопка отображается на странице редактирования уже существующей формы.
Удалить веб-формуУдаление редактируемой веб-формы.
Кнопка отображается на странице редактирования уже существующей формы.

Свойства

Форма редактирования может быть открыта через панель управления. Также ее можно загрузить из публичной части в режиме Правка с помощью меню действий компонента Редактировать параметры веб-формы.

* - поля, обязательные для заполнения.

Описание

ПолеОписание
ИзображениеИзображение, используемое для описания формы в публичном разделе сайта. Для выбора изображения служит кнопка Обзор.
ОписаниеСозданное описание будет выводиться при показе веб-формы в публичном разделе сайта.

Шаблон формы

  • Использовать шаблон формы по умолчанию
  • Использовать свой шаблон формы

При выборе пункта Использовать свой шаблон формы возможно редактирование шаблона веб-формы с помощью визуального редактора.

Редактор дает следующие возможности:


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

Кнопки, расположенные внизу окна редактора, позволяют скрывать и разворачивать панели Элементы формы и Свойства.

Если панель Элементы формы развернута, то она расположена в правой части редактора и содержит следующие разделы:

  • Новые поля формы служит для добавления в веб-форму новых элементов;
  • Существующие поля формы содержит уже настроенные вопросы веб-формы;
  • Дополнительные элементы формы содержит инструментарий для вставки в шаблон веб-формы дополнительных структурных элементов.

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

Область редактирования

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

Панель "Элементы формы"

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

ПолеОписание
СтрокаВставка нового вопроса с ответом в виде поля типа text (поле для ввода однострочного текста длиной до 255 символов)
ТекстВставка нового вопроса с ответом в виде поля типа textarea (поле для ввода многострочного неограниченного текста)
Группа переключателейВставка нового вопроса с ответами в виде полей типа radio (поле для выбора одного варианта из нескольких)
ФлажокВставка нового вопроса с ответами в виде полей типа checkbox (поле для выбора нескольких вариантов из списка или поле-флаг)
Выпадающий спиокВставка нового вопроса с ответами в виде поля типа dropdown (выбор одного варианта из выпадающего списка)
Множественный списокВставка нового вопроса с ответами в виде поля типа multiselect (поле для выбора одного или нескольких вариантов из списка)
ДатаВставка нового вопроса с ответом в виде поля типа date (поле для ввода даты)
ИзображениеВставка нового вопроса с ответом в виде поля типа image (поле для прикрепления изображения к результату веб-формы)
ФайлВставка нового вопроса с ответом в виде поля типа file (поле для прикрепления произвольного файла к результату веб-формы)
Адрес e-mailВставка нового вопроса с ответом в виде поля типа email (текстовое поле для ввода e-mail-адреса с дополнительной проверкой)
Адрес WWWВставка нового вопроса с ответом в виде поля типа url (текстовое поле для ввода интернет-адреса)
ПарольВставка нового вопроса с ответом в виде поля типа password (текстовое поле со скрытым вводом)

Существующие поля формы

Панель появляется только при редактировании уже созданной веб-формы. В ней перечислены уже созданные и настроенные вопросы веб-формы. В этом списке также отображаются неактивные вопросы с соответствующей пометкой. Они отображаются в виде: . Например:


Дополнительные элементы формы

Дополнительные компоненты, используемые для оформления внешнего вида формы.

Свойства элементов

При клике на любой добавленный в шаблон элемент, представленный иконкой, можно получить доступ к его параметрам в панели Свойства.

Для каждого элемента из раздела Дополнительные элементы формы есть свой набор настраиваемых свойств. Если элемент никаких настроек не имеет, это будет выведено в панели Свойства.

  • расположение изображения относительно окружающего текста;
  • максимальная ширина и высота изображения;
  • увеличивать ли изображение в отдельном окне, если оно превышает максимальные размеры;
  • подпись для ссылки увеличения;
  • вертикальные и горизонтальные отступы от окружающего текста;
  • толщину рамки вокруг изображения.
  • При желании можно отключить использование шаблона оформления, выбрав опцию Использовать шаблон формы по умолчанию над редактором. При этом редактор будет скрыт, и будет использоваться шаблон по умолчанию. Шаблон веб-формы будет сохранен вместе с изменениями структуры вопросов веб-формы.
  • Если в настройках веб-формы установлен флаг Использовать CAPTCHA, а в шаблоне веб-формы элементы для ввода CAPTCHA отсутствуют, то флаг автоматически снимется при сохранении веб-формы.
  • Вопрос, отсутствующий в шаблоне веб-формы, при сохранении будет помечен как неактивный. Это также выражается в том, что если добавить новый элемент в веб-форму, а потом удалить его, то он сохранится в виде неактивного вопроса. Исключение - если на веб-форме уже присутствует элемент с таким строковым идентификатором. В этом случае элемент, отсутствующий в шаблоне, будет удален.
  • При копировании веб-формы вопросы новой веб-формы будут иметь те же самые строковые идентификаторы, что и у исходной. Идентификатор самой веб-формы получит случайно сгенерированный постфикс.
  • При повторной вставке в шаблон веб-формы уже существующего вопроса (например, из панели Существующие поля формы или методом copy/paste) результатом будет создание связанной копии вопроса, все изменения которой будут отражаться и на изначальном элементе. Если Вы хотите продублировать элемент, создайте ещё один элемент того же типа с такими же параметрами (кроме, разумеется, строкового идентификатора) или воспользуйтесь инструментом копирования вопроса (в списке вопросов веб-формы).

Ограничения

Указание ограничений на добавление результатов.

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

Дополнительно

Отображается только в полном режиме создания веб-форм.

Позволяет настроить шаблоны, используемые при работе с веб-формой.

ПолеОписание
Почтовый шаблонУказываются шаблоны, используемые для отправки результатов веб-формы.
Шаблон фильтра по таблице результатов в административной частиПуть к шаблону, используемому для фильтрации (поиска) результатов веб-формы в административном разделе.
Шаблон для таблицы результатов в административной частиПуть к шаблону, используемому для отображения таблицы результатов в Административном разделе.

Статистика

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

ПолеОписание
Event1Идентификатор типа события event1 .
Event2Идентификатор типа события event2 .
Event3Дополнительный параметр для события.

Служит для настройка связей веб-формы с CRM портала.

Доступ

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

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

Смотрите также

Пользовательские комментарии

Мы будем рады, если разработчики добавят свои комментарии по практическому использованию методов системы.

Для этого нужно всего лишь авторизоваться на сайте

Но помните, что Пользовательские комментарии, несмотря на модерацию, не являются официальной документацией. Ответственность за их использование несет сам пользователь.

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

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

В структуре визуального редактора компонент расположен по пути Сервисы > Веб-формы > Веб-форма.

Компонент относится к модулю Веб-формы.

Параметры

  • new - страница добавления результата, т.е. будет представлена выбранная веб-форма для заполнения;
  • list - страница со списком результатов данной формы.

Примечание:количество записей на странице со списком результатов зависит от прав доступа пользователя, установленных в настройках формы и в настройках ее статуса.

Примечание: количество записей на странице со списком результатов зависит от прав доступа пользователя, установленных в настройках формы и в настройках ее статуса.

Примечание: чтобы поле отображалось в фильтре на странице со списком результатов, для данного вопроса должна быть заполнена закладка Фильтр в форме редактирования вопроса веб-формы в расширенном режиме.

  • new - cтраница добавления результата;
  • list - cтраница списка результатов;
  • edit - cтраница редактирования результата;
  • view - cтраница просмотра результата.
  • A - Авто + Управляемое: автоматически обновляет кеш компонентов в течение заданного времени или при изменении данных;
  • Y - Кешировать: для кеширования необходимо определить время кеширования;
  • N - Не кешировать: кеширования нет в любом случае.

Пример вызова

Пользовательские комментарии

Мы будем рады, если разработчики добавят свои комментарии по практическому использованию методов системы.

Для этого нужно всего лишь авторизоваться на сайте

Но помните, что Пользовательские комментарии, несмотря на модерацию, не являются официальной документацией. Ответственность за их использование несет сам пользователь.

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

Курс предназначен для базовой подготовки пользователей, осуществляющих администрирование порталов, созданных на коробочной версии сервиса Битрикс24. Изучение курса позволяет освоить основные методы администрирования системы. Если вы хотите ознакомиться с тем как внедрить наш сервис в работу вашей компании, то для вас создан курс Внедрение корпоративного портала.

Курс предусматривает обучение по двум ролям администраторов: Администратор корпоративного портала и Администратор системы.

Администратор корпоративного портала - пользователь, осуществляющий текущее администрирование уже настроенного и сданного в эксплуатацию портала.

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

При условии качественного изучения материалов курса, по его окончании специалист должен уметь:

  • настраивать модули системы;
  • использовать возможности интерфейса по управлению системой;
  • управлять доступом к системе, сайтами, пользователями, группами пользователей;
  • управлять содержимым портала;
  • работать с инструментами системы;

Начальные требования

Для прохождения курса необходимо:

  • наличие базовых навыков компьютерной грамотности и навыков работы с ОС Windows;
  • наличие представлений о WWW и организации доступа к веб-серверу;
  • базовые навыки установки и администрирования *nix-систем.

Если вам предстоит самостоятельная установка системы, то рекомендуется к изучению курс Установка и настройка.

Администратору системы будет полезно ознакомиться с курсом Разработчик Bitrix Framework, рассказывающем о принципах работы Bitrix Framework.

Примечание. Битрикс24 создан на основе платформы Bitrix Framework, на которой ранее был создан другой продукт "1С-Битрикс: Управление сайтом". В административной части системы сохранена терминология, относящаяся к этому продукту. Поэтому в текущем курсе понятие "сайт" нужно рассматривать как синоним слова "портал".

У нас часто спрашивают, сколько нужно заплатить

Курс полностью бесплатен. Изучение курса, прохождение итоговых тестов и получение сертификатов - ничего из этого оплачивать не нужно.

Ещё у нас есть Академия 1С-Битрикс, где можно обучиться на платной основе на курсах нашей компании либо наших партнёров.

Баллы опыта

В конце каждого урока есть кнопка Прочитано! . При клике на неё в Вашу итоговую таблицу опыта добавляется то количество баллов, которое указано в прочитанном После нажатия кнопки Прочитано! появится
окно подтверждения:


уроке.

Периодически мы заново оцениваем сложность уроков, увеличивая/уменьшая число баллов, поэтому итоговое количество набранных Вами баллов может отличаться от максимально возможного. Не переживайте! Отличный результат - это если общее число набранных Вами баллов отличается от максимального на 1-2%.

Тесты и сертификат

После изучения курса вам будет предложено пройти тесты на сертификацию. При успешной сдаче линейки тестов на странице Моё обучение можно просмотреть результат обучения и загрузить сертификат в формате PDF.

Для преподавания офлайн

Если данный курс берётся в качестве основы для офлайнового преподавания, то рекомендуемая продолжительность: 10 дней (70 академических часов).

Если нет интернета

iPhone:
FBReader
CoolReader
iBook
Bookmate

Windows:
Calibre
FBReader
Icecream Ebook Reader
Плагины для браузеров:
EpuBReader – для Firefox
Readium – для Google Chrome

iOS
Marvin for iOS
ShortBook
обновляются периодически, поэтому возможно некоторое отставание их от онлайновой версии курса. Версия файла - от 04.05.2022.


90 готовых шаблонов на разную тематику

Расширенные настройки дизайна

Более 30 различных типов вопросов

Несколько вопросов на одной странице

Автосохранение данных в форме

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

Функция онлайн-записи с блокировкой даты и времени в календаре

Возможность создавать реактивные и персонализированные формы

Логические правила и ветвления вопросов, и страниц

Вывод на печать шаблонов с результатами формы

Формирование PDF документов с данными из формы

Защита от ботов и накруток

Интеграция с системами аналитики

Модуль онлайн оплат

Модуль смс напоминаний

Множество готовых интеграций с CRM системами, сервисами email и sms рассылок, облачными хранилищами и другими онлайн-сервисами

Привязка своего домена

Настройка ЧПУ формы

Есть плагин для Wordpress и ВК

Адаптивность. Формы отлично работают, как на ПК, так и на мобильных устройствах

Разные способы размещения формы: по прямой ссылке, в теле страницы, в виде всплывающего окна и т.д.

Для ознакомления с сервисом есть бесплатный тариф и тестовый период 7 дней. Более подробнее о тарифах можно узнать по этой ссылке.

Версия 3
Приложение позволяет передавать лиды в CRM Битрикс24, полученные через веб-формы на вашем сайте. Формы создаются в визуальном редакторе форм FormDesigner прямо в интерфейсе Битрикс24. Для работы приложения необходимо иметь аккаунт на сайте FormDesigner.

Установите приложение из Marketplace.

Для того, чтобы иметь возможность передавать данные из форм в CRM Bitrix24 необходимо подключить модуль интеграции FormDesigner и Bitrix24 в личном кабинете. Для этого перейдите в режим редактирования формы, после чего откройте вкладку «Модули». Там вы найдете одноименный модуль «Bitrix24». Нажмите на ссылку «Добавить», после чего перед вами откроется всплывающее окно с основными настройками. Заполните все необходимые поля и нажмите кнопку «Сохранить». Теперь все необходимые данные из формы будут передаваться в Bitrix24.

Читайте также: