Главная / Плагины / Плагин Quform

Плагин Quform

Плагин для WordPress Quform v.1.7.8 позволит создавать очень красивые и функциональные формы обратной связи на вашем сайте.

На его основе можно реализовать любую форму, от бронирования, до составления опросных листов. Плагин Quform полностью на русском языке. Удобен и прост в настройке, имеет множество полезных функций. Форма может отображаться как в статичном виде на страницах сайта, так и во всплывающем окне, при нажатии на ссылку используя Fancybox.

Для начала скачиваем плагин Скачать и устанавливаем его.

После активации на панели управления появится новая кнопка «Quform»

плагин Quform

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

создать новую форму Quform

 

Имя формы нужно для того, чтобы самим не запутаться, какая форма за что отвечает, их может быть несколько на сайте, имя можно писать по-русски.

имя формы

 

Плагин позволяет добавить в форму:

  • Строка — блок для ввода простого текста,
  • Параграф — блок для ввода сообщения,
  • Email адрес — поле E-mail с проверкой корректности,
  • Выпадающий список — список из нескольких элементов,
  • Флажки — для выбора нескольких элементов, пунктов,
  • Радио кнопки — для выбора одного элемента из предложенных,
  • КАПЧА — защита от спама проверочным кодом,
  • Группа — позволяет создавать группы элементов размещая их в несколько колонок,
  • Файл — передача в форму файла с локального компьютера,
  • reCAPTCHA — защита от спама, но требует установки API-ключ для reCAPTCHA,
  • HTML — блок для вставки в форму элементов в формате HTML при ее создании, таких как таблицы, изображения,
  • Дата — добавляется календарь для выбора дат,
  • Время — добавляется функция выбора времени,
  • Скрытое поле — не отображается в форме

Добавление элементов в форму происходит перетаскиванием объектов из набора справа в поле слева.

добавление элементов Quform

 

Параметры

У каждого добавленного объекта есть несколько настроек, которые позволяют изменить его название, подпись, подсказку, расположение элементов, его цвет и многое другое. Для их редактирования наведите курсор мышки на нужный объект  и нажмите Параметры.

параметры элемента Quform

 

Текст подсказки отображается если пользователь наводит на элемент курсор мыши.

После весенний изменений нажмите кнопку  «Сохранить» в окне с параметрами, если больше не планируете работу с этим элементом то нажмите кнопку «Сохранить и скрыть».

Вкладка Дополнительно

дополнительные параметры элемента

 

Значение по умолчанию — В этой вкладке можно добавить в поле значение по умолчанию  где пользователь должен ввести текст. Пример для ввода. При заполнении поля подсказка исчезнет.

Сохранить значение в базу — Если включено, данные этого элемента будут сохранены в базу и будут доступны для просмотра в записях формы в панели управления.

Настройку пунктов Расположение меток, Тип подсказок и Событие для подсказки рассмотрим ниже.

Вкладка Продвинутые

продвинутые настройки Quform

  1. CSS стили — Позволяют настроить внешний вид элемента добавляя к каждой области стиль CSS, сделать цвет рамки, цвет текста, отступы, изменить цвет подсказок и поля ввода. Для добавления стиля нужного элемента нажмите на его название и укажите его параметры. После добавления стилей, введите каждое свойство CSS с новой строки, не забывайте разделять их точкой с запятой.
  2. Фильтры — позволяют удалять различные символы из отправленных данных, удалять лишние пробелы, удалять все кроме букв, удалять все кроме цифр. Например при вводе номера телефона в поле не зачем писать буквы. Для этого применяем фильтр Цифры. При наведении курсора на фильтр — появится подсказка и вам будет проще понять какой фильтр за что отвечает.
  3. Валидаторы — проверяет введенные пользователем значения, то есть в пункте 2 установили фильтр, а в пункте 3 включаем проверку, правильно ли пользователь ввел данные.

По завершении настроек не забудьте их сохранить.

Элемент Защита от спама

Плагин Quform имеет встроенную защиту от спама (капчу) и не надо для этого устанавливать дополнительный плагин.

защита от спама Quform

 

В настройках можете указать количество символов на картинке, их ширину и высоту, цвет фона и цвет текста, шрифт и размер шрифта, а также угол поворота символов.

Элемент Группа

Этот элемент позволяет создавать группы объектов внутри формы для размещения их в несколько колонок. Пригодится в тех случаях, когда элементы узкие и могут быть размещены рядом друг с другом в одну строку.

создание группы элементов

Для создания группы элементов добавьте пункт «Группа» в форму. Затем удерживая мышкой блок «Начало группы» перетащите его над тем объектом, который должен быть первым в ней. Блок «Конец группы» расположите ниже последнего элемента. Для удобства можете переименовать имя группы. Названия групп не отображаются в форме.

параметры группы

 

Во вкладке группы Параметры установите количество колонок (от 1 до 5), количество зависит от дизайна вашего сайта.

По завершении редактирования формы нажмите кнопку «Сохранить». Результат работы можно увидеть нажав кнопку «Просмотр».

Глобальные настройки формы находятся во вкладке «Параметры».

настройка параметров формы Quform

 

 

Вкладка Основные

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

Вкладка Стиль

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

Вкладка E-mail

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

Вкладка Записи

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

Вкладка База данных

Данная опция включает возможность сохранения в другую БД. Это не повлияет на стандартное сохранение записей, Вы можете использовать оба варианта одновременно. Вы можете использовать эту опцию для сохранения данных в другую таблицу, например, таблицу какого-либо плагина.

Этот инструмент не создает базы или таблицы в них — они должны уже существовать. Вы можете выбрать поля формы, которые нужно сохранить. Просто введите имя поля в БД, в которое вы хотите сохранять данные и сопоставьте ему значение из формы.

Как добавить форму на страницу

Перейдите на нужную страницу, установите курсор в тексте где должна быть форма и нажмите кнопку вставки формы (отмечена стрелкой на скриншоте ниже)

как добавить форму на страницу

 

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

выбрать форму

 

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

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

 

Полное описание каждого элемента сможете найти в справочном разделе плагина.

Демо версию можете посмотреть перейдя по ссылке: Посмотреть демо

В тему!

Gravity Forms

Gravity Forms

Gravity Forms v2.0.6 – премиум плагин для создания разных форм на сайте. На сайте еще есть ...

40 комментариев

  1. Скачал у Вас плагин Quform, установил, создал форму авторизации,при нажатии на кнопку отправить возникает ошибка или ничего не происходит:(

    • Андрей

      Данный плагин служит для создания контактных форм, не для создания авторизации на сайте.

  2. Привет, как убрать ссылку Powered by Quform (unlicensed) под формой ?

    • Андрей

      в настройках формы вкладка — Параметры — Основные — Отображать реферальную ссылку. Только почему у вас (unlicensed)? Если скачали из архива предложенного на сайте http://urokwp.ru/plagin-quform/ то плагин должен быть уже зарегистрирован…

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

  4. Скажите кто знает как вывести данные из базы?
    То есть когда пользователь зашел заполнил форму, введенные им данные нужно вывести на сайт.
    Как это сделать?

  5. Отличный плагин, но ! Ошибка сохранения формы выкидывает, каждый раз когда пытаюсь добавить любой элемент не важно что. 🙁

  6. Давно пользуюсь этим плагином, но вот встал вопрос по настройке целей в метрике. Никак не понять как добавить для кнопок отправки форм идентификатор, никто с этим не сталкивался?

  7. Файл отсутствует.

  8. А как сделать форму подписки на e-mail рассылку как у Вас например?

  9. Архив не удалось установить. PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature

  10. Архив не удалось установить. PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature

  11. Всё получилось. Спасибо.

  12. Отличный плагин 20 мин. и + инструкция = стоит уже форма нового образца. спасибо за хорошую идею.

  13. так информация из форм куда сохраняется — в БД? или только на почту отправляется?

  14. Спортсмены заполняют форму заявки на участие в соревнованиях. Чем на сайте отобразить список поданных заявок — некоторые заполненные поля из каждой заявки. Одна заявка — одна строка в отображаемой таблице.

  15. когда ты заполняешь такую форму, заполненные в форме данные отправляются к тебе на почту (e-mail). Может ли данный плагин quform не отправлять заполненные данные на почту, а отобразить заполненные данные прямо на сайте или в формате pdf или doc или rtf или excel?

  16. Привет, появилась проблема- после обновления wordpress на 4.4.2 в таблицу quform перестали сохранятся записи от обычных пользователей — форма срабатывает, в скульную базу пишет, а в базу quform записи не встают, кроме записей когда залогинен под админом….как вылечить?

  17. Добрый вечер. Подскажите, скачал у вас данный плагин, установил, пытался создать форму первую, но ничего не получается, формы не создаются и показывается пустое поле без настроек. В чем может быть причина проблемы? И как можно исправить?

  18. Скачал v.1.7.8, пишет что «Вы используете не лицензионную версию».
    Вот думаю может всё таки когда то купить себе, но вот не знаю, на сколько сайтов этот плагин можно использовать, на один или без лимит, подскажите, и есть ли версия для разработчиков?

  19. Александр

    Не отправляются письма (уведомлени) после отправки формы.

  20. Добрый день! форма нравится, но у меня проблема- при разных вариантах заполнения, содержание формы должно отправляться разным группам получателей….например человек заполняет и ставить галочку «хочу деревянный дом» — письмо уходит к тем кто занимается деревянными домами, ставит переключатель на «кирпичный дом» уходит к кирпичникам…..есть функция «получатели с условием», но при использовании все получатели в письме видят адреса других получателей…..как это исправить? уже перепробовал разные плагины, но везде также……в идеале я хотел бы найти плагин контактной формы который можно связать с подписчиками, но такого вообще не встречал…т.е. содержание формы отправляется группе подписчиков…….буду благодарен в любом виде за подсказку и помощь!

  21. Как сделать чтобы заголовок строки был слева, а само поле строке справа от него? Я понимаю что CSS, но как это реализовать проще всего для всех полей такого типа?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.