Форма обратной связи в произвольном месте

Главная   →   Справка   →   Юзабилити

Внимание! Виджет будет полезен, если вы подключили доступ к правке ваших шаблонов.

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

Snimok_ekrana_2016-03-14_v_114107.png

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

Настройки виджета

Snimok-ekrana-2016-03-14-v-114214.gif

Настройка шаблона, чтобы отобразить форму сразу после загрузки страницы

Обновите шаблоны из репозитория: https://github.com/ShopExpress/templates-2015/.

Генерация html-кода для отображения формы находится в файле https://github.com/ShopExpress/templates-2015/blob/master/mod/ContactForm.html. Вы можете с помощью директив Smarty подключить ее в любой из шаблонов:

{include file="$TMPL_FOLDER/mod/ContactForm.html"}

Подключите javascript обработчик для формы.

<script type="text/javascript" src="/libs/js/ContactForm.js"></script>

Теперь, если вы подключите виджет "Форма обратной связи" к публикации и установите в шаблон вывода, где подключен файл "ContactForm.html" будет отображена форма.

Настройка шаблона, чтобы отобразить форму по клику

Создайте новый файл для шаблона вывода в папке templates(или измените существующий) и добавьте подключение формы.

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

<div class="modal fade" id="shopexpresscontactform-box" aria-labelledby="ShopExpressContactForm" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
  <div class="modal-content">
   <div class="modal-body">
    {include file="$TMPL_FOLDER/mod/ContactForm.html"}
   </div>
  </div>
</div>
</div>

Теперь в шаблоны, где должна появиться кнопка, добавьте кнопку и div-блок с параметрами указанными в примере:

<a href="#" rel="nofollow" data-toggle="modal" data-target="#shopexpresscontactform-box" id="ContactFormHandler">Показать форму</a>

При клике на кнопку "Показать форму" будет отображено окно с созданной формой.

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


Теперь, вы знаете, что делать


— или посмотреть пример магазина

Создание интернет-магазина