[CallBack] Обратный звонок

Раз из раза приходилось настраивать одно и то же решение для вывода формы обратного звонка, и мне это надоело. Поэтому создал данный компонент на основе этого решения. А решение такое: на сайте каким-либо образом выводится ссылка «Обратный звонок», по нажатию на которую выводится модальная форма. В этой форме пользователь может указать свой номер телефона и как к нему обратиться при звонке. Такой нехитрый, но полезный прием для повышения конверсии сайта.

Как работает компонент:
При установке он подтягивает компоненты AjaxForm и FormIt, с помощью которых, собственно, происходит вывод и обработка формы, хотя они теоретически могут быть заменены с помощью параметров &wrapperSnippet и &snippet соответственно. Все параметры по умолчанию настроены так, чтобы при установке и простом вызове сниппета [[callBack]] получить рабочий обратный звонок.

По умолчанию используется оформление и модальные окна из Bootstrap, а так же jQuery Mask Plugin для указания маски ввода телефона.



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

Еще одна фишка — это ведение журнала заявок на обратный звонок. Он предоставляет возможность поиска по имени и телефону клиентов, оставить комментарий к заявке и выводит все дополнительные поля (небольшая фишечка — добавьте лексикон вида callback_item_имяполя, чтобы вместо, например, поля city выводило Город). Сам лог запускается с помощью хука callBackLog для FormIt, т.е. его можно использовать и отдельно от компонента для других форм.



Документация к компоненту на docs.modx.pro.
А сам компонент доступен в репозитории modstore.pro.

Внимание! Компонент разрабатывается под MODX 2.3 и выше. Он должен работать и в более старых версиях, но с деградацией внешнего вида в части админки. Для вывода стандартных чанков, идущих с компонентом, рекомендуется либо совсем не подключать jQuery на странице (AjaxForm сделает это сам), либо использовать версию не ниже 1.9.0 — т.к. иначе Bootstrap будет ругаться на старую версию.

Считаю, основную задачу — максимально быстрая настройка рабочего решения обратного звонка — компонент выполняет на 100%. Пожелания и предложения по развитию компонента принимаются здесь или на странице компонента в репозитории. Пока рабочие идеи — вынесение настройки почты на страницу компонента, чтобы менеджеру не надо было лезть в системные настройки менять emailsender или параметр сниппета &emailTo. А так же можно будет отметить заявки в журнале как важные, чтобы они выводились выше других.

$modx->regClientScript(preg_replace(array('/^\n/', '/\t{7}/'), '', '
    <script type="text/javascript">
		if(typeof jQuery == "undefined") {
			document.write("<script src=\"//code.jquery.com/jquery-1.11.2.min.js\" type=\"text/javascript\"><\/script>");
		}
	</script>
'), true);

Could not find action file at: controllers/default/index.php

[[!callBack?
&tpl=``
]]
<form role="form" method="POST" action="[[~[[*id]]]]" class="">
    <div class="input-group">
        <input type="text" class="form-control fl-l" id="name" name="name" value="[[!+fi.name]]" placeholder="Ваше имя:" style="border-right: 0">
    <span class="error error_name">[[+fi.error.name]]</span>
        <span class="input-group-btn" style="width:0px;"></span>
        <input type="text" class="form-control"  id="phone" name="phone" value="[[!+fi.phone]]" data-mask="+0(000)000-00-00" placeholder="Номер телефона:">
    <span class="error error_phone">[[+fi.error.phone]]</span>
        <span class="input-group-btn">
            <button class="btn btn-default" type="submit" >
                <i class="glyphicon glyphicon-send"></i>
            </button>
            <button type="button" class="callback-close btn btn-success center-block hidden" data-dismiss="modal" aria-hidden="true">[[%callback.close]]</button>
        </span>
    </div><!-- /input-group -->
</form>