Плагин для WordPress Quform v.1.7.8 позволит создавать очень красивые и функциональные формы обратной связи на вашем сайте.
На его основе можно реализовать любую форму, от бронирования, до составления опросных листов. Плагин Quform полностью на русском языке. Удобен и прост в настройке, имеет множество полезных функций. Форма может отображаться как в статичном виде на страницах сайта, так и во всплывающем окне, при нажатии на ссылку используя Fancybox.
Для начала скачиваем плагин
После активации на панели управления появится новая кнопка «Quform»
Нажав на кнопку попадаем в настройки формы, для начала нужно создать новую форму.
Имя формы нужно для того, чтобы самим не запутаться, какая форма за что отвечает, их может быть несколько на сайте, имя можно писать по-русски.
Плагин позволяет добавить в форму:
- Строка — блок для ввода простого текста,
- Параграф — блок для ввода сообщения,
- Email адрес — поле E-mail с проверкой корректности,
- Выпадающий список — список из нескольких элементов,
- Флажки — для выбора нескольких элементов, пунктов,
- Радио кнопки — для выбора одного элемента из предложенных,
- КАПЧА — защита от спама проверочным кодом,
- Группа — позволяет создавать группы элементов размещая их в несколько колонок,
- Файл — передача в форму файла с локального компьютера,
- reCAPTCHA — защита от спама, но требует установки API-ключ для reCAPTCHA,
- HTML — блок для вставки в форму элементов в формате HTML при ее создании, таких как таблицы, изображения,
- Дата — добавляется календарь для выбора дат,
- Время — добавляется функция выбора времени,
- Скрытое поле — не отображается в форме
Добавление элементов в форму происходит перетаскиванием объектов из набора справа в поле слева.
Параметры
У каждого добавленного объекта есть несколько настроек, которые позволяют изменить его название, подпись, подсказку, расположение элементов, его цвет и многое другое. Для их редактирования наведите курсор мышки на нужный объект и нажмите Параметры.
Текст подсказки отображается если пользователь наводит на элемент курсор мыши.
После весенний изменений нажмите кнопку «Сохранить» в окне с параметрами, если больше не планируете работу с этим элементом то нажмите кнопку «Сохранить и скрыть».
Вкладка Дополнительно
Значение по умолчанию — В этой вкладке можно добавить в поле значение по умолчанию где пользователь должен ввести текст. Пример для ввода. При заполнении поля подсказка исчезнет.
Сохранить значение в базу — Если включено, данные этого элемента будут сохранены в базу и будут доступны для просмотра в записях формы в панели управления.
Настройку пунктов Расположение меток, Тип подсказок и Событие для подсказки рассмотрим ниже.
Вкладка Продвинутые
- CSS стили — Позволяют настроить внешний вид элемента добавляя к каждой области стиль CSS, сделать цвет рамки, цвет текста, отступы, изменить цвет подсказок и поля ввода. Для добавления стиля нужного элемента нажмите на его название и укажите его параметры. После добавления стилей, введите каждое свойство CSS с новой строки, не забывайте разделять их точкой с запятой.
- Фильтры — позволяют удалять различные символы из отправленных данных, удалять лишние пробелы, удалять все кроме букв, удалять все кроме цифр. Например при вводе номера телефона в поле не зачем писать буквы. Для этого применяем фильтр Цифры. При наведении курсора на фильтр — появится подсказка и вам будет проще понять какой фильтр за что отвечает.
- Валидаторы — проверяет введенные пользователем значения, то есть в пункте 2 установили фильтр, а в пункте 3 включаем проверку, правильно ли пользователь ввел данные.
По завершении настроек не забудьте их сохранить.
Элемент Защита от спама
Плагин Quform имеет встроенную защиту от спама (капчу) и не надо для этого устанавливать дополнительный плагин.
В настройках можете указать количество символов на картинке, их ширину и высоту, цвет фона и цвет текста, шрифт и размер шрифта, а также угол поворота символов.
Элемент Группа
Этот элемент позволяет создавать группы объектов внутри формы для размещения их в несколько колонок. Пригодится в тех случаях, когда элементы узкие и могут быть размещены рядом друг с другом в одну строку.
Для создания группы элементов добавьте пункт «Группа» в форму. Затем удерживая мышкой блок «Начало группы» перетащите его над тем объектом, который должен быть первым в ней. Блок «Конец группы» расположите ниже последнего элемента. Для удобства можете переименовать имя группы. Названия групп не отображаются в форме.
Во вкладке группы Параметры установите количество колонок (от 1 до 5), количество зависит от дизайна вашего сайта.
По завершении редактирования формы нажмите кнопку «Сохранить». Результат работы можно увидеть нажав кнопку «Просмотр».
Глобальные настройки формы находятся во вкладке «Параметры».
Вкладка Основные
Данная опция включает возможность сохранения в другую БД. Это не повлияет на стандартное сохранение записей, Вы можете использовать оба варианта одновременно. Вы можете использовать эту опцию для сохранения данных в другую таблицу, например, таблицу какого-либо плагина. Этот инструмент не создает базы или таблицы в них — они должны уже существовать. Вы можете выбрать поля формы, которые нужно сохранить. Просто введите имя поля в БД, в которое вы хотите сохранять данные и сопоставьте ему значение из формы. Перейдите на нужную страницу, установите курсор в тексте где должна быть форма и нажмите кнопку вставки формы (отмечена стрелкой на скриншоте ниже) В открывшимся окне выберите из списка форму для вставки Обратите внимание, если хотите сделать так, чтобы при нажатии на какое-либо слово появилась форма во всплывающем окне — отметьте галочкой пункт «Показать форму во всплывающем окне (используя Fancybox)». После такого варианта вставки формы — замените отмеченный текст на нужный. Полное описание каждого элемента сможете найти в справочном разделе плагина. Демо версию можете посмотреть перейдя по ссылке:
Вкладка Стиль
Вкладка E-mail
Вкладка Записи
Вкладка База данных
Как добавить форму на страницу
Скачал у Вас плагин Quform, установил, создал форму авторизации,при нажатии на кнопку отправить возникает ошибка или ничего не происходит:(
Данный плагин служит для создания контактных форм, не для создания авторизации на сайте.
Привет, как убрать ссылку Powered by Quform (unlicensed) под формой ?
в настройках формы вкладка — Параметры — Основные — Отображать реферальную ссылку. Только почему у вас (unlicensed)? Если скачали из архива предложенного на сайте http://urokwp.ru/plagin-quform/ то плагин должен быть уже зарегистрирован…
Всё скачал вашь поставил, всё работает благодаю! я уж хотел разабов подключить чтобы убрали.
С других сайтов скаченную ставил..
🙂
Скажите кто знает как вывести данные из базы?
То есть когда пользователь зашел заполнил форму, введенные им данные нужно вывести на сайт.
Как это сделать?
вроде данные отправляются на почту и сохраняются в плагине, там где отправленные формы он хранит.
а с какой целью вам надо данные с формы на сайт выводить? и где и куда?
Хочу с помощью данного плагина сделать отзывы с картинками.
Хочу выводить на странице оставленные пользователями отзывы.
Мне кажется, что придется все отправленные отзывы оформлять потом вручную.
Для автоматического размещения отзывов лучше подойдет другой плагин.
а почему данные не отправляет на почту
проверьте в настройках почты какой указан емеил.
проверьте настройки почты на хостинге, обычно проблема заключается там. Решить можно двумя способами: 1 — ругаться с хостером, 2 — сделать как написано тут
Отличный плагин, но ! Ошибка сохранения формы выкидывает, каждый раз когда пытаюсь добавить любой элемент не важно что. 🙁
первый раз такое вижу.
у меня он стоит в разных вариациях на 20 сайтах. проблем ни разу ни каких не возникало.
Андрей, все ок ! Разобрался он с Suppamenu pro menu плагином не хочет работать 🙂 еле нашел в чем проблема. Не подскажете где можно скины найти ?
про скины не знаю. дорабатывал сам внешний вид.
Давно пользуюсь этим плагином, но вот встал вопрос по настройке целей в метрике. Никак не понять как добавить для кнопок отправки форм идентификатор, никто с этим не сталкивался?
Файл отсутствует.
Заблокировали :/
Обновил ссылку, спасибо.
А как сделать форму подписки на e-mail рассылку как у Вас например?
а форма подписки обычно идет даже по умолчанию в любой теме 🙂 Проверьте ->Внешний вид-> Виджеты 🙂
Архив не удалось установить. PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature
просто распакуйте папку с прагином на фтп. не через установщик
Архив не удалось установить. PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature
Устанавливайте через загрузку по FTP
Всё получилось. Спасибо.
Гут 🙂
Отличный плагин 20 мин. и + инструкция = стоит уже форма нового образца. спасибо за хорошую идею.
так информация из форм куда сохраняется — в БД? или только на почту отправляется?
и в базу и на почту.
в настройках каждой формы можно выбрать какие данные будут сохраняться в базу данных.
Спортсмены заполняют форму заявки на участие в соревнованиях. Чем на сайте отобразить список поданных заявок — некоторые заполненные поля из каждой заявки. Одна заявка — одна строка в отображаемой таблице.
когда ты заполняешь такую форму, заполненные в форме данные отправляются к тебе на почту (e-mail). Может ли данный плагин quform не отправлять заполненные данные на почту, а отобразить заполненные данные прямо на сайте или в формате pdf или doc или rtf или excel?
Привет, появилась проблема- после обновления wordpress на 4.4.2 в таблицу quform перестали сохранятся записи от обычных пользователей — форма срабатывает, в скульную базу пишет, а в базу quform записи не встают, кроме записей когда залогинен под админом….как вылечить?
Добрый вечер. Подскажите, скачал у вас данный плагин, установил, пытался создать форму первую, но ничего не получается, формы не создаются и показывается пустое поле без настроек. В чем может быть причина проблемы? И как можно исправить?
перезалил. v.1.7.8. можно скачать
Скачал v.1.7.8, пишет что «Вы используете не лицензионную версию».
Вот думаю может всё таки когда то купить себе, но вот не знаю, на сколько сайтов этот плагин можно использовать, на один или без лимит, подскажите, и есть ли версия для разработчиков?
а не работает?
платите только за обновление и поддержку.
у меня все работает хорошо не покупая
Не отправляются письма (уведомлени) после отправки формы.