logo-wpcalc300

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

Работу плагина можете оценить на данном сайте. Кнопка вызова модального окна находится с левой стороны сайта.

Особенности плагина

  1. Создание модального окна.
  2. Контроль показа модального окна.
  3. Создание форм обратной связи.
  4. Управление стилями.
  5. Настройка получения писем на несколько адресов.
  6. Настройка маски ввода для телефона.
  7. Проверка на заполнение полей и валидность почтового ящика.

Установка плагина

  1. Загрузите папку wpcalc-modal-form в директорию плагинов `/wp-content/plugins/`
  2. Активируйте «Wpcalc  Modal Form»  в разделе «Плагины».
  3. Перейдите в раздел настройки плагина  и установите необходимые для вас параметры. Страница настроек плагина (WpcalcMF)  находится в разделе «Настройки» сайта.

Для вставки контактной формы на страницу или в запись сайта используйте шорткод [wpcalcmf]

Языки плагина

  • Английский
  • Русский

Основные настройки

На данной вкладке возможно настроить:

  1. Маска телефона — используйте знаки, которые используются в вашем регионе. Вы можете указать цифру от 0 до 8 — данные цифры будут жестко зафиксированы на позиции, на которой они будут находится. Цифра 9 — означает возможность ввода любой цифры от 0 до 9.
  2. Таймер закрытия окна — данный таймер работает только для модальных окон. Указывает через сколько секунд модальное окно будет закрыто после отправки письма на почту.
  3. Вы можете настроить стиль и текст сообщения после отправки письма.
  4. Отправка на почту — можете указать основные параметры для получения письма. Также возможно указать несколько почтовых адресов для отправки писем.
  5. Настройка текстов ошибок — в данном пункте настраиваете обязательные поля для проверки перед отправкой письма, а также тексты для оповещения при ошибке ввода и цвет ошибки.

Модальное окно

  1. Включить Форму — вы можете включать и выключать модальное окно на сайте.
  2. Текст Кнопки —  кнопка вызова модального окна и ее расположение на сайте. Для вызова модального окна также возможно использовать конструкцию classwpcalcmf_link« . Если модальное окно включено, но вы желаете повесить его вызов на свою кнопку, можете воспользоваться данной конструкцией и отключить отображение стандартной кнопки.
  3. Цвет кнопки   — цвет стандартной кнопки вызова модального окна.
  4. Кнопка «Отправить»   — текст кнопки «Отправить» письмо в модальном окне.

Настройка полей формы в модальном окне

  1. Текст Заголовка — вы можете включить и указать заголовок формы в модальном окне.
  2. Текст над формой  — в данное поле возможно вводить любой текст для отображения над формой обратной связи. Также в данной поле можно вписывать html код, подключать скрипты и картинки. По сути, в данном поле вы можете создать абсолютно любое произвольное отображение информации. Например: логотип, реклама продукта, калькулятор, призыв к подписке.
  3. Поле комментарии — оставить комментарий в заявке. Возможно указать пример заполнения или просто указать, что нужно написать. Данное поле может быть как обязательным к заполнению, так и не обязательным.
  4. Поле имя — имя, ФИО или любое другое текстовое поле к заполнению. Возможно указать пример заполнения или просто написать наименование поля. Данное поле может быть как обязательным к заполнению, так и не обязательным.
  5. Поле почта — почтовый ящик. Данное поле проверяется на правильность заполнения по правилам ввода почтового ящика. Возможно указать пример заполнения или просто написать наименование поля. Данное поле может быть как обязательным к заполнению, так и не обязательным.
  6. Поле телефон — поле для ввода номера телефона. Данное поле проверяется на правильность заполнения по маске телефона, указанной в Основных настройках.

Установка появления модального окна

  1. Показывать модальное окно — возможность установить отображение модального окна в зависимости от поведения посетителя на сайте;
  2. При загрузке — модальное окно будет показано посетителю 1 раз при загрузке страницы.
  3. При прокрутке окна — модальное окно будет показано 1 раз, если посетитель прокрутил колесико мыши на странице сайта.
  4. При закрытии окна — модальное окно будет показано посетителю при попытке покинуть сайт.
  5. Дней в куки — количество дней, в течении которых посетителю не будет показываться модальное окно, если он уже посещал сайт. При установленном значении «0», модальное окно будет появляться постоянно. Данный пункт зависит от состояния пункта «Показывать модальное окно«.
  6. Tаймер — задержка в секундах при показе модального окна. Например: если установить показ модального окна при загрузке странице и значение таймера = 5 сек, то модальное окно будет показано посетителю через 5 секунд после загрузки страницы.

Стиль модального окна

  1. Ширина — ширина модального окна. Высота модального окна устанавливается автоматически.
  2. Цвет — цвет текста в модальном окне.
  3. Отступ — отступ содержания модального окна от границы.
  4. Граница — ширина границы модального окна. При установленном значении «0» — граница будет отсутствовать.
  5. Цвет границы — цвет границы модального окна.
  6. Фон — фон модального окна.

Всплывающее окно

  1. Включить Форму — вы можете включать и выключать всплывающее окно на сайте.
  2. Текст Кнопки —  текст кнопки для отображения.
  3. Цвет кнопки   — цвет кнопки всплывающего окна.
  4. Ширина блока обратной связи — устанавливает, на какую ширину будет выезжать блок всплывающего окна.
  5. Высота блока обратной связи — устанавливает высоту блока, на которую он будет появляться.
  6. Кнопка «Отправить»   — текст кнопки «Отправить» письмо во всплывающем окне.

Настройка полей формы в всплывающем окне

  1. Текст Заголовка — Вы можете включить и указать заголовок формы во всплывающем окне.
  2. Текст над формой  — в данное поле возможно вводить любой текст для отображения над формой обратной связи. Также в данное поле можно вписывать html код, подключать скрипты и картинки. По сути, в данном поле вы можете создать абсолютно любое произвольное отображение информации. Например: логотип, реклама продукта, калькулятор, призыв к подписке.
  3. Поле комментарии — оставить комментарий в заявке. Возможно указать пример заполнения или просто указать, что нужно написать. Данное поле может быть как обязательным к заполнению, так и не обязательным.
  4. Поле имя — имя, ФИО или любое другое текстовое поле к заполнению. Возможно указать пример заполнения или просто написать наименование поля. Данное поле может быть как обязательным к заполнению, так и не обязательным.
  5. Поле почта — почтовый ящик. Данное поле проверяется на правильность заполнения по правилам ввода почтового ящика. Возможно указать пример заполнения или просто написать наименование поля. Данное поле может быть как обязательным к заполнению, так и не обязательным.
  6. Поле телефон — поле для ввода номера телефона. Данное поле проверяется на правильность заполнения по маске телефона, указанной в Основных настройках.

Страница

Настройка отображения полей в форме обратной связи на странице сайта при вставке шорткода [wpcalcmf]

[umodal id=5]

2 комментария

  • Приветствуем гость