Scroll

Виджеты - Форма обратной связи

ВАЖНО: в некоторых шаблонах встречается два варианта виджетов - Advanced Contact Form и Contact Form. Рекомендуется к использованию только Advanced Contact Form, т.к. Contact Form является устаревшим виджетом и его работа в 100% случаев - некорректна. Технической возможности удалить данные виджеты из старых шаблонов у нас нет, поэтому следует быть максимально внимательными.
2014-10-08_21_31_09-Moto_CMS.png

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

Как у других виджетов, у него есть панель свойств справа, которая позволяет редактировать его. На данный момент существуют следующие возможности:
2014-10-08_21_32_02-Moto_CMS.png

  • Input Text Format - редактирование внешнего вида текста вводимых сообщений
  • Message Text Format - редактирование внешнего вида текста сообщений, которые по умолчанию фигурируют в форме
  • Submit Button Label - редактирование текста кнопки "Отправить"
  • Reset Button Label - редактирование текста кнопки "Сбросить"

 379.png

  • Line Thickness  - редактирование толщины полей для ввода, от 1 до 100
  • Line Color - редактирование цвета контуров полей для ввода
  • Line Alpha - редактирование прозрачности контуров полей для ввода, от 0 до 100%
  • Line Corner Radius - редактирование скруглений полей для ввода
  • Top Fill Color и Bottom Fill Color - используются для создания эффекта градиента заливки полей для ввода (верхний и нижний цвет соответственно)
  • Fill Alpha - редактирование прозрачности фона полей для ввода
  • Add Shadow - добавление тени к полю ввода
  • Inner Shadow - добавление внутренней тени в поля для ввода (становится доступным к использованию при активации Add Shadow)
  • Shadow Color - редактирование цвета тени 
  • Shadow Alpha - редактирование прозрачности тени
  • Shadow Distance - редактирование положения тени, от -100 до 100 пикселей
  • Shadow Blur - редактирование размытости тени, от -100 до 100
  • Shadow Strength - редактирование "грубости" линии, от -100 до 100.

380.png

Имеет аналогичный набор параметров, как и у раздела "Item Style".

Если нажать на кнопку «Редактировать виджет», то откроется окно, в котором можно будет управлять всеми возможными полями. 

Встроенный WYSIWYG-редактор позволяет редактировать существующие поля, добавлять новые или удалять старые. На ряду с полями можно работать с выпадающим списком, флажком (переключателем) и радиокнопкой. Также тут можно указать поле, в котором будет отображаться статус сообщения, а также кнопки «Отправить» и «Очистить».
2014-10-08_16_04_28-Moto_CMS.png

Для текстового поля и многострочного тестового поля доступны следующие параметры:
HTML_Guide_Maps___Contact_Form_0010_001.jpg

Параметр «Идентификатор» — это уникальный номер элемента формы. Данные номера не обязательно должны идти по порядку, т.е. вполне возможен вариант формы, где параметр с идентификатором 2 может быть первым. Важно лишь, чтобы данные идентификаторы были уникальными и число элементов формы было равно наибольшему идентификатору. Другими словами, если в форме 4 идентификатора, то их нумерация должна быть от 1 до 4.

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

Параметр «Поле требуется» может принимать значения «Да» или «Нет». Он определяет необходимость обязательного заполнения данного поля для отправки сообщения. По умолчанию используется значение «Нет».

Параметр «Текст для показа» - это текст, который будет отображаться при инициализации формы.

Параметр «Несколько строк» можно активировать, если есть необходимость вводить текст в несколько строк.

Параметр «Максимальная длина» определяет максимальное количество символов, которое помещается в поле.

Параметр «Отображать пароль» может принимать значения «Да» или «Нет». Он определяет возможность отображения текста, который будет использоваться в качестве пароля. По умолчанию используется значение «Нет».

Параметр «Проверка» бывает 4 типов:

1) Строка
2) E-mail
3) Число
4) Дата.

HTML_Guide_Maps___Contact_Form_0011.jpg
При использовании проверки определенного типа необходимо указывать дополнительные параметры.
1. Строка
«Минимальное число символов» — минимальное количество символов, которое должно быть введено.
«Регулярное выражение» — регулярное выражение и значение полей должны совпадать. Используется только вместе с параметром «Флаги регулярного выржения».
«Флаги регулярного выражения» — параметр регулярного выражения. Используется только вместе с параметром «Регулярное выражение».
HTML_Guide_Maps___Contact_Form_0012.jpg
2. E-mail
«Минимум букв после точки» - минимальное количество символов после точки.
«Максимум букв после точки» - максимальное количество символов после точки.
«Минимум букв перед @» - минимальное количество символов перед символом «@».
«Максимум букв перед @» - максимальное количество символов перед симвлом «@».
HTML_Guide_Maps___Contact_Form_0013.jpg 

3. Число
«Максимальное значение» - максимальное задаваемое значение.
«Минимальное значение» - минимальное задаваемое значение.
«Разрешить отрицательное значение» - определяет возможность использования отрицательных чисел.
HTML_Guide_Maps___Contact_Form_0014.jpg

4. Дата
Маска — это маска, которая позволяет провести проверку. По умолчанию ее формат имеет вид «mm/dd/yyyy». Разделители не имеют значения. Если день, месяц и год не могут быть определны, то используется маска.
HTML_Guide_Maps___Contact_Form_0015.jpg

Для раскрывающегося списка доступны аналогичные параметры, но, помимо них, еще есть:
HTML_Guide_Maps___Contact_Form_0010_002.jpg

Параметр «Опции» - это выпадающий список вариантов, которые будут отображаться при попытке его развернуть.

Параметр «Выбранное значение» - это вариант, который будет отображаться по умолчанию при инициализации страницы.
HTML_Guide_Maps___Contact_Form_0010_003.jpg

Для для флажка (переключателя) и радиокнопки доступны аналогичные параметры, но, помимо них, еще есть:

Параметр «Расположение текста» позволяет взаимозаменять текст и сам переключатель местами.

Параметр «Выбран» позволяет сделать тот или иной вариант выбранным по умолчанию.

Для добавления загрузки файла доступны следующие параметры:
383.png 

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

«Настройки»

Наряду с управлением элементами есть еще и другие настройки. Для того, чтобы перейти к ним, следует нажать кнопку «Настройки».
HTML_Guide_Maps___Contact_Form_0016.jpgHTML_Guide_Maps___Contact_Form_0017.jpg

В этом разделе можно изменить следующие параметры:

В поле параметра «Отправлять от:» вводится либо идентификатор поля, в которое отправитель будет вводить свой почтовый ящик, либо конкретный почтовый ящик.

В поле параметра «Отправлять к:» следует указать один или несколько почтовых ящиков (через запятую), на которые будет отправлено письмо из данной формы.

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

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

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

В поле параметра «Тема» можно указать заголовок, который будет отображаться у сообщения при получении в почте.

Параметр «Обычный текст» позволяет отправить сообщение, как обычный текст (если выбрать вариант «Да») или, как HTML-код (если выбрать вариант «Нет»).

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

В качестве имени файла процессора сервера должно быть указано «widget_contact.php».

При активации параметра «Использовать SMTP-сервер»возможно указать данные своего SMTP-сервера, чтобы использовать его для отправки сообщений.
2014-10-14_20_58_08-Moto_CMS.png

Вам нужно будет добавить следующую информацию в поля:

SMTP сервер - сервер исходящей почты.

Порт SMTP

Имя пользователя SMTP и Пароль - обычно ваш почтовый адрес и пароль.

Безопасное SMTP-соединение - (если нужно).

«Сообщения об ошибках проверки» отображаются пользователю, когда не получается проверить содержимое формы. Форма поддерживает разные виды проверки. Поэтому в этом разделе есть возможность отредактировать все текстовые сообщения, которые выводятся при проверке. Вы можете использовать ключевое слово {LABEL} в этих сообщениях. Это приведет к выводу значения поля, в котором возникает ошибка.
HTML_Guide_Maps___Contact_Form_0019.jpg

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 2 из 4
Еще есть вопросы? Отправить запрос

Комментарии