Scroll

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

1. Меню
2. Форма обратной связи

1. Меню

Меню представляет собой виджет, позволяющий осуществлять навигацию по сайту. Существует два вариант исполнения данного виджета — «Горизонтальное меню» и «Вертикальное меню». В них можно добавлять новые пункты, удалять старые или редактировать существующие.

HTML_Guide_Menus_0000.jpg

Главное отличие этих двух виджетов — это положение. Во всех других аспектах они идентичны.

HTML_Guide_Menus_0001.jpg

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

 HTML_Guide_Menus_0002.jpg

При нажатии на кнопку «Редактировать виджет» откроется окно, в котором будут отображаться все существующие элементы меню. Вы их можете редактировать, удалять или же на свое усмотрение создавать новые.

 Параметры «Максимальное количество элементов» и «Максимальная глубина подэлементов» относятся к числу пунктов меню на каждом уровне и глубине меню соответственно.

Например, на скриншоте ниже указано:

Максимальное количество элементов: Неограничено

Максимальная глубина подэлементов: 2

 HTML_Guide_Menus_0004.jpg

В соответствии с этой информацией можно создать неограниченное количество элементов меню на каждом из этих уровней.

HTML_Guide_Menus_0005.jpg

Вот так данное меню будет выглядеть при просмотре на сайте:

 HTML_Guide_Menus_0006.jpg

2. Форма обратной связи

HTML_Guide_Maps___Contact_Form_0007.jpg

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

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

  1. Возможность редактирования формата вводимого и выводимого в форме текста
  2. Возможность редактировать надписи на кнопке «Отправить» и «Сбросить»
  3. Возможность стилизировать элемент и кнопку
  4. Возможность указать положение виджета на странице при помощи редактирования координат
  5. Возможность редактирования размеров виджета
  6. Возможность применения функции «Прилипание объекта» к одной из сторон экрана
  7. Возможность регулировать прозрачность виджета
  8. Возможность задать положение объекта (либо «Всегда сверху», либо «Всегда снизу»).

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

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

HTML_Guide_Maps___Contact_Form_0009.jpg

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

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

«Минимум букв после точки» - минимальное количество символов после точки.
«Максимум букв после точки» - максимальное количество символов после точки.

«Минимум букв перед @» - минимальное количество символов перед символом «@».

«Максимум букв перед @» - максимальное количество символов перед симвлом [email protected]

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

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

screenshot1.png

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

screenshot2.png

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

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

screenshot1.png

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

screenshot2.png

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

«Настройки»

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

HTML_Guide_Maps___Contact_Form_0016.jpg

HTML_Guide_Maps___Contact_Form_0017.jpg

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

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

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

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

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

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

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

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

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

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

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

HTML_Guide_Maps___Contact_Form_0018.jpg

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

HTML_Guide_Maps___Contact_Form_0019.jpg

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

Комментарии

На базе технологии Zendesk