Skip to content
  1. Компоненты
  2. CallBack

CallBack

Компонент для вывода, обработки и ведения журнала заявок на обратный звонок.

  • При установке подгружает необходимые по умолчанию компоненты - AjaxForm и FormIt.
  • Выводит ссылку «Обратный звонок», по нажатию на которую появляется модальная форма. В этой форме пользователь может указать свой номер телефона и как к нему обратиться при звонке.
  • Отправленная заявка приходит на указанную почту и записывается в журнал.
  • В журнале заявок можно осуществлять поиск по указанному имени и телефону, добавлять комментарии к заявкам.
  • В комплекте идет jQuery Mask Plugin, позволяющий задать маску для телефона. Все стандартное оформление выполнено с помощью Bootstrap.
  • Основная идея и задача компонента - максимально ускорить установку рабочего решения для обратного звонка.

Параметры сниппета

ИмяПо умолчаниюОписание
&tpltpl.callBack.itemОбразец чанка для вывода ссылки на вызов модальной формы.
&targetcallBackModalИдентификатор для связи кнопки с формой.
&registerBootstrap1Определяет нужно ли добавлять скрипты Bootstrap.
&registerCss1Определяет нужно ли добавлять стандартные CSS-стили на Bootstrap.
&wrapperSnippetAjaxFormСниппет для добавления форме Ajax-поведения.
&toPlaceholderИмя плейсхолдера, в который выводить модальную форму отдельно от кнопки.

Параметры сниппетов AjaxForm и FormIt, используемые по умолчанию

ИмяПо умолчаниюОписание
&snippetFormItСниппет для обработки формы.
&formtpl.callBack.formОбразец чанка для вывода формы заявки на обратный звонок.
&hooksemail,callBackLogХуки для FormIt после обработки формы. По умолчанию - отправить письмо и записать в журнал.
&validatephone:required,name:requiredПо умолчанию требуются телефон и имя.
&emailSubject[[%callback.emailSubject]]Сниппет для добавления форме Ajax-поведения.
&emailTpltpl.callBack.emailОбразец шаблона письма администратору.
&successMessage[[%callback.successMessage]]Сообщение об удачной отправке формы.
&emailTo[[++emailsender]]Куда отправлять письмо с данными формы.

Можно использовать и любые другие параметры AjaxForm и FormIt.

Маска для телефона задается параметром data-mask, например:

modx
<input type="text" class="form-control" id="phone" name="phone" value="[[!+fi.phone]]" data-mask="+0(000)000-00-00">

Журнал звонков

Журнал звонков

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

Чтобы дополнительные данные выводились с русскими заголовками, достаточно создать в Управлении словарями запись вида callback_item_имяполя.

Например, если форма имеет поле city, создаем лексикон callback_item_city со значением «Город».

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

Примеры

  • Самый простой вызов, подходит для первоначальной установки на чистом сайте:
modx
[[!callBack]]
  • Если на сайте уже используется Bootstrap, то его подключение следует убрать во избежание ошибок:
modx
[[!callBack? &registerBootstrap=`0` &registerCss=`0`]]
  • При использовании сниппета, например, внутри navbar из Bootstrap'а может возникнуть эффект перекрытия формы фоновым затемнением. Чтобы этого избежать форму нужно вынести как можно выше в DOM. Для этого добавлен параметр &toPlaceholder.
modx
[[!callBack? &registerBootstrap=`0` &registerCss=`0` &toPlaceholder=`modal_form`]]
...
[[+modal_form]]