Как создать форму обратной связи в WordPress. Создание контактной формы в WordPress с помощью плагина Contact Form 7

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

Сегодня мы разберем с вами как можно создать за несколько минут легкую, красивую и  функциональную форму обратной связи с помощью моего любимого плагина Contact Form 7.

Я постараюсь максимально подробно объяснить все этапы установки контактной формы, и в связи с этим урок получится достаточно длинным 🙂

Создание контактной формы в WordPress

В самом начале хочу заметить, что плагин Contact Form 7 русифицирован, и никаких проблем с ним у вас не будет. Как доказательство моих слов может выступать тот факт, что данный плагин скачали БОЛЕЕ 25 МИЛЛИОНОВ РАЗ!!!

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

1. Установите и активируйте плагин Contact Form 7. Как устанавливать плагины вы можете почитать в специальном уроке.

2. После активации перейдите в Contact Form 7 -> Формы.

3. В открывшемся окне копируем строчку с кодом вставки.

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

Вот такой результат добавления контактной формы по получим:

Готово! Вы установили рабочую форму обратной связи на свой сайт!

Как видите, всего за несколько минут можно с легкостью установить на сайт форму обратной связи. На этом можно и поставить точку, но тем, кого не устраивает стандартная форма и кто хочет создать полностью новую контактную форму с другими полями и возможностями — рекомендую читать урок до конца.

Создание новой контактной формы в Contact Form 7

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

Для этого нам нужно чтобы в форме были такие поля для заполнения:

• Имя (Обязательное поле для заполнения)
• Фамилия
• Телефон (Обязательное поле для заполнения)
• Поле с выбором удобного времени для звонка

После того как мы определились с полями, переходим к созданию формы:

1. Переходим в  Contact Form 7 -> Добавить новую.

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

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

В самом верху страницу поле, в которое пишем название новой формы. В Шаблоне формы мы видим стандартные поля формы, которые создаются по умолчанию.

Ниже мы видим настройки письма, которое приходит на вашу почту после того, как кто-то отправил заказ с формы на сайте. В этих настройках, к примеру, можно изменить или добавить e-mail на который будут приходить запросы с формы на вашем сайте. В шаблоне письма настраивается информация, которая будет отображаться внутри письма.

4. После того, как мы поверхностно ознакомились с структурой редактора, переходим к созданию нашей новой формы. Для этого нам нужно УДАЛИТЬ из шаблона формы все строчки кроме кнопки «Отправить», а в шаблоне письма удалить все полностью. После удаления у вас должно получится так:

5. Теперь нам нужно создать новые поля: Имя (обязательное), Фамилия, Телефон (обязательное), Удобное время звонка.

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

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

6. После того, как мы добавили поле для ввода имени, нажимаем «Сгенерировать тег» -> Текстовое поле и по аналогии создаем поле Фамилия и Телефон, копируя и вставляя код в шаблон формы и шаблон письма. Отличие только в том, что для поля Фамилия ставить галочку для обязательного заполнения не нужно. 

После добавления полей Имя, Фамилия и Телефон редактор формы будет выглядеть так:

7. Теперь создаем поле Удобное время звонка. Для этого нажимаем «Сгенерировать тег» и выбираем «Выпадающее меню».

В поле Выбор пишем в строчку по одному варианту, в нашем случае это время с 8-00 до 18-00 с промежутками в два часа. После заполнения копируем соответствующие строчки кода в шаблон формы и шаблон письма.

В итоге у вас должно получиться вот так:

8. Сохраняем форму нажав кнопку «Сохранить».

9. Скопируйте код формы и вставьте его на страницу, на которой вам нужна форма. Если вы все сделали правильно, у вас должна получится такая форма заказа обратного звонка:

После того как пользователь сделает заказ обратного звонка с вашего сайта, на вашу почту придет письмо с таким наполнением:

ГОТОВО! Вот мы с создали с вами форму заказа обратного звонка с нуля.

Согласен, что для некоторых все может показаться очень сложным и страшным, но такое ощущение будет только до первого создания контактной формы с нуля 😉

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

Надеюсь этот урок был вам полезен, и вы разобрались с плагином Contact Form 7.

Если у вас будут возникать по ходу создания формы вопросы или что-то будет не получаться — пишите и задавайте вопросы в комментариях.

И помните, что форма обратной связи на сайте — обязательный атрибут на странице контактов.

7 лучших плагинов обратной связи для WordPress

Не так давно на блоге выходила заметка «50 самых популярных плагинов для движка WordPress» и так как работа над курсом по WordPress подходит к своему финалу, мы хотим представить вам еще одну подборку плагинов для этого движка. А именно, сегодня мы будем рассматривать топ-лучших плагинов для контактных форм.

Начнем мы из того, что вспомним, какие самые главные страницы или блоки должны быть на всех коммерческих сайтах. Это «О нас» — где расписана информация о компании, «Услуги» — с описанием предоставляемых услуг или товаров и «Контакты» — для получения обратной связи от клиентов или заказы.

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

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

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

Contact Form 7

Это самый известный и, наверное, лучший плагин для создания контактных форм, так как количество активных установок уже превышает 3 миллионов, а сам плагин регулярно обновляется разработчиками. Стандартный набор функций включает в себя чекбоксы, радиокнопки, загрузку файлов, функции антиспама и CAPTCHA. И с помощью него можно быстро настроить форму, содержащую текстовые поля, телефонные номера, почтовые адреса, даты и прочее. Этот плагин совершенно бесплатный и легко вставляется с помощью простого HTML, а также он может похвастаться AJAX-отправкой.

Jetpack

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

Contact Form Plugin by vCita

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

Fast Secure Contact Form

Это еще один очень популярный плагин, который доступен в двух версиях — в качестве плагина для WordPress и PHP кода для интеграции на «самописные» сайты. Уникальность этого плагина в том, что роботы-спамеры обнаруживаются на сайте автоматически. Используя капчу и Akismet Fast Secure form плагин блокирует атаки с наиболее популярными спамерскими тактиками. Эта функция сокращает вероятность появления спама и любой другой нежелательной информации.

Ninja Forms

Универсальный бесплатный плагин с отличным интуитивным drag’n’drop интерфейсом для создания контактных форм на вашем WordPress сайте. В админке вы сможете строить свою форму просто перетаскивая нужные блоки и настраивая их под ваши нужды. А также в нем есть огромное количество функций, среди которых AJAX handler, надежные антиспам модули, импорт и экспорт данных.

Visual Form Builder

Это еще один плагин с drag’n’drop интерфейсом, который позволяет создавать и управлять всеми видами форм на вашем сайте из одного места.  Он предназначен для того, чтобы сделать процесс создания форм быстрым и легким занятием, так что пользователю нет необходимости учиться редактировать какой-либо код. Плагин имеет довольно обширный раздел поддержки разработчиками для решения проблем и помощи в его настройке.

Contact Form от BestWebSoft

Еще один плагин которым можно быстро и без лишних заморочек создать контактные формы на своем сайте. Для борьбы со спамом он интегрируется с плагином Captcha. В про-версии плагина доступны дополнительные функции, как например, валидация форм и выбор боксов, кстати они обе доступны бесплатно в вышеупомянутом Contact Form 7.

Вот такой список плагинов получился. Надеюсь, вы уже выбрали для себя самый подходящий и даже успели протестировать его на своём сайте.

До встречи в других заметках!

Сравнение 11 лучших плагинов контактной формы WordPress

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

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

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

Благодаря плагинам добавить эти формы на ваш сайт стало проще, чем когда-либо. В этом посте мы рассмотрим 11 лучших плагинов для контактных форм WordPress, а также уникальные преимущества и особенности каждого из них. Давайте начнем!

01. WPForms

WPForms — мощная контактная форма WordPress, разработанная даже для самых начинающих владельцев веб-сайтов. Создание онлайн-форм за считанные минуты с использованием одного из множества готовых шаблонов форм WordPress. Этот плагин предоставляет все поля и функции, необходимые для создания желаемой формы. Кроме того, он легко интегрируется с предпочитаемым вами поставщиком услуг электронной почты и даже настраивается для сбора платежей за бронирование и заказы.

С помощью WPForms вы можете:

• Используйте конструктор форм перетаскивания
• Воспользуйтесь преимуществами функции мгновенных уведомлений для быстрого ответа на перспективные запросы
• Узнайте больше о своих пользователях, используя интеллектуальные данные геолокации

Кроме того, WPForms также включает ряд полезных дополнений. такие, как тот, который предназначен для того, чтобы читатели могли отправлять свой собственный контент на ваш веб-сайт.

Наконец, этот удобный для новичков плагин формы реализует интеллектуальные методы CAPTCHA и приманки для борьбы со спамом и позволяет создавать многостраничные формы. Он оптимизирует ваш рабочий процесс с помощью системы управления входом, размещая потенциальных клиентов в одном удобном месте.

Доступна бесплатная версия, которая включает в себя множество функций, необходимых для создания эффективных и мощных форм для вашего сайта WordPress. Однако есть и премиальные планы, которые открывают доступ к расширенным возможностям.

👉 Вы можете узнать больше в нашем полном обзоре WPForms.

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

Попробуйте WPForms

02. Гравитационные формы

Gravity Forms — один из самых популярных плагинов премиум-форм. Он стоит от 59 долларов (для одного сайта) до 259 долларов (для неограниченного количества сайтов).

Многостраничные формы — это выдающаяся функция, дающая вашим клиентам возможность заполнять обширные формы и просматривать, сколько времени у них осталось до завершения. Вы даже можете ограничить свои записи, если вы проводите конкурс и хотите принять только, скажем, 50 заявок.

Он имеет множество стандартных полей, которые вы можете использовать для публикации таких элементов, как:

• Радиокнопки
• Поля абзацев
• Раскрывающиеся списки

Расширенные поля содержат такую ​​информацию, как веб-сайты, загруженные файлы и адреса. Вы можете включить формы расписания, чтобы люди могли назначать встречи, а также попробовать ценовые поля или опубликовать поля для максимальной настройки.

ПОДРОБНЕЕ

03. Contact Form 7

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

Contact Form 7 позволяет изменять содержимое почты по своему усмотрению. Кроме того, вы можете сделать все это с помощью самой простой разметки на рынке. Самое приятное то, что плагин довольно чистый, что позволяет ему хорошо работать с другими плагинами и инструментами, такими как фильтрация спама Akismet, CAPTCHA и отправка на основе Ajax.

ПОДРОБНЕЕ

04. Простая базовая контактная форма

Наш плагин Simple Basic Contact Form предлагает безопасный, чистый и гибкий способ добавления контактных форм на ваш сайт WordPress. Большая часть ценности плагина SBCF заключается в его простоте.

Это мощный вариант, если вы ищете решение без излишеств и не нуждаетесь в причудливых или сложных наворотах. Кроме того, это совершенно бесплатно!

С помощью этого плагина вы можете:

• Отображать формы в любом месте на вашем сайте, используя шорткод или теги шаблона
• Отправлять описательные, хорошо отформатированные и простые текстовые сообщения
• Легко настраивать и настраивать контактные формы с помощью плагина settings

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

ПОДРОБНЕЕ

05. Formidable Forms

Formidable Forms — это бесплатный плагин, который также поставляется с двумя профессиональными версиями по цене 99 долларов США (для одного сайта) и 399 долларов США (для неограниченного количества сайтов). Производитель плагинов утверждает, что вы можете создать и запустить форму на своем сайте в течение 60 секунд.

В Formidable Forms есть конструктор с перетаскиванием, который помогает даже наименее осведомленным веб-мастерам. Уведомления по электронной почте гладкие и четкие, и вы можете создавать формы с семью типами полей.

С помощью этого плагина вы можете:

• Импортировать и экспортировать формы с помощью XML
• Настраивать HTML и CSS, чтобы ваша форма была именно такой, как вы хотите
• Настраивать сообщение об успешном завершении, которое пользователь увидит после отправки формы

Однако, если вы ищете плагин, который выходит за рамки создания стандартной контактной формы, это, безусловно, стоит рассмотреть. Он поставляется со встроенной функцией опроса, а также с опцией регистрационной формы. Более того, вы даже можете создавать платежные формы и принимать онлайн-платежи прямо с вашего сайта WordPress.

ПОДРОБНЕЕ

06. Контактная форма от BestWebSoft

Контактная форма от BestWebSoft — это еще один бесплатный плагин, полностью загруженный динамическими функциями. Цены варьируются от 30 долларов в год за один сайт (за один сайт) до 300 долларов за пожизненный доступ.

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

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

ПОДРОБНЕЕ

07. Jetpack Forms

Возможно, вы знаете Jetpack как один из наиболее часто устанавливаемых плагинов из репозитория WordPress. Плагин включает в себя набор, наполненный множеством бесплатных инструментов, которые усовершенствуют ваш сайт и сделают его работу более плавной.

Некоторые из инструментов, которые поставляются вместе с ним, включают:

• Построитель мобильных приложений
• Инструмент производительности сайта
• Статистика и отчеты сайта
• Система комментариев в социальных сетях

Тем не менее, это статья о формах WordPress, который также предлагает Jetpack. Этот универсальный плагин предоставляет элегантный и мощный конструктор форм, поддерживаемый Akismet для блокировки спама на вашем веб-сайте. Формы — одни из самых простых опций в этом списке, с которыми легко работать дизайнерам любого уровня.

ПОДРОБНЕЕ

08. Плагин контактной формы боковой панели Ninja Kick

Боковая панель Ninja Kick — это премиальный плагин WordPress, который позволяет вам добавлять контактную форму с эффектами анимации продвижения контента и чистым дизайном на каждую страницу вашего сайта. Вы также можете использовать его, чтобы добавить плавающую кнопку на свой сайт, которая всегда видна.

Этот плагин не только добавляет хорошо продуманную контактную форму на ваш сайт WordPress, но также увеличивает вероятность того, что ваша аудитория свяжется с вами, увеличит продажи и привлечет больше клиентов. Ознакомьтесь с нашим обзором боковой панели Ninja Kick и практическим руководством, чтобы понять, как правильно настроить плагин и получить больше потенциальных клиентов.

ПОДРОБНЕЕ НАШ ОБЗОР

09. Visual Form Builder

Запуск плагина Visual Form Builder бесплатный, но они также предлагают профессиональную версию по цене от 29 долларов. Целью этого плагина является создание форм в течение нескольких минут без необходимости прикасаться к какому-либо коду.

Так что, если вы ищете простое решение, это сильный соперник. Плагин позволяет добавлять поля одним щелчком мыши и использовать функцию перетаскивания, чтобы расположить поля в любом порядке.

Не стесняйтесь экспортировать свои формы в файл CSV и автоматически сохранять их в базе данных WordPress. Не говоря уже о том, что в плагине есть дублирование формы одним щелчком мыши, чтобы сэкономить ваше время при разработке.

ПОДРОБНЕЕ

10. Quform WordPress Form Builder

Плагин Quform — это премиум-вариант, который стоит 29 долларов. Тем не менее, это скромная цена за то, что вы получаете. Он использует живой конструктор форм и 15 элементов форм, чтобы вам было очень легко создавать уникальные, полнофункциональные контактные формы в течение нескольких минут.

С помощью этого плагина вы можете создавать неограниченное количество форм и управлять всем списком отправленных материалов с удобной панели управления WordPress. Плагин поставляется как со светлыми, так и с темными вариантами цвета. Кроме того, отзывчивость и функциональность reCAPTCHA выделяют его среди других плагинов.

ПОДРОБНЕЕ

11. Ninja Forms

Ninja Forms обладает мощностью плагина премиум-класса, но он не берет ни цента из вашего кармана. Он позволяет быстро и легко создавать потрясающие формы с помощью интерфейса перетаскивания, не касаясь ни строчки кода. Пользовательская маска ввода ограничивает некоторые представления для таких вещей, как валюта и даты.

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

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

ПОДРОБНЕЕ НАШ ОБЗОР

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

Напишите в разделе комментариев ниже, если у вас есть какие-либо вопросы о лучших плагинах форм WordPress. Вы использовали какие-либо из этих плагинов? Не могли бы вы порекомендовать какие-либо другие, которые не перечислены в этом посте?

Конструктор контактных форм, виджет контактов — плагин WordPress

Конструктор контактных форм — один из самых важных плагинов любого веб-сайта WordPress. Каждый хочет видеть на своем сайте красивую и функциональную страницу Контакты. Поэтому мы постарались создать для наших пользователей простой и удобный плагин. Мы надеемся, что вам понравится наш плагин.

Посмотреть демонстрационные страницы нашего плагина и страницу профессиональной версии можно здесь:

• Demo 1
• Демонстрация 2

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

Возможности бесплатной версии

• Простота установки и использования
• Отлично работает со всеми версиями WordPress
• Полностью реагирующий
• Добавить неограниченное количество полей
• Обязательный параметр для любого поля, которое вам нужно
• Легкое перемещение позиций полей
• 16 различных типов полей
• Возможность вставки текста, электронной почты, URL-адреса, номера телефона, даты/календаря, пароля, текстовой области, переключателя, флажка, выпадающего списка, заголовка, разделителя/разделителя и полей reCaptcha
• Возможность использования в виджетах

Вы можете обновить бесплатную версию WpDevArt Contact Form Pro, чтобы добавить другие важные функции.

Особенности версии Pro

• Полностью настраиваемый дизайн
• Google reCaptcha
• 37 Анимационные эффекты
• Более 25 красивых тем
• Функция перенаправления
• Функции автоответчика
• Различные стили шрифта
• Возможность вставки полей «Загрузить файл» и «Карта Google»
• Полный импорт/экспорт
• Возможность экспорта материалов в CSV
• Функция дублирования

Самой важной частью плагина является удобный интерфейс. Ниже вы можете просмотреть некоторые важные функции нашего плагина с их подробностями.

Отзывчивость

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

Экспорт/Импорт

Эта функция очень важна, если вам нужно скопировать ее с одного сайта на другой. Просто экспортируйте его со всеми данными и стилем и импортируйте на другой веб-сайт. Это очень просто.

Экспорт материалов в CSV

Вы можете экспортировать материалы в файл CSV. Эта функция также нужна большинству пользователей, поэтому мы добавили ее.

Неограниченное количество полей

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

Если вы обнаружите какую-либо ошибку или у вас возник вопрос о нашем плагине, посетите форум поддержки

Пошаговое руководство

Наш плагин имеет удобный интерфейс, но мы постараемся объяснить все опции и функции нашего плагина на этой странице.

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

Как создать форму

Прежде всего, войдите в панель администратора вашего сайта WordPress и установите наш плагин. Затем активируйте его, после чего вы увидите новую вкладку меню администратора нашего плагина в левой части панели администратора.
Нажмите на эту вкладку, и вы увидите меню администратора нашего плагина. Нажмите на кнопку «Создать новую форму» и добавьте ее.
На этой странице вы можете добавлять или удалять поля и изменять основные настройки.

Вот типы полей, которые вы можете использовать

• Текстовое поле
• Поле электронной почты
• Поле URL-адреса
• Поле номера телефона
• Поле файла загрузки
• Поле даты/календаря
• Поле пароля
• Поле текстовой области
• Поле радиокнопки
• Поле флажка
• Поле раскрывающегося списка
• Поле заголовка
• Поле разделителя/разделителя
• Поле ReCaptcha
• Поле Google Map (ознакомьтесь с часто задаваемыми вопросами, чтобы узнать, как вы можете использовать Google Map)

Для некоторых из этих полей поля Метка и Заполнитель не обязательны, и заполнять эти поля не нужно. Например, эти поля не требуются для ReCaptcha или Google Map.

Используйте кнопку «Добавить новое поле» справа внизу для добавления новых полей. Вы также можете удалить поля, используя значок корзины справа. Используйте правую сторону полей, легко перемещая их. Используйте параметр «Обязательно» для важных полей.
После создания всех полей введите значение кнопки «Отправить» и проверьте другие настройки. Справа внизу есть кнопка «Дополнительные параметры», нажмите на нее, и вы увидите другие параметры. Используйте эти параметры, если вам нужно.
Справа вверху есть дополнительные настройки – кнопки «Настройки» и «Дополнительно». Нажмите на эти кнопки, и вы увидите другие важные параметры.
Вы можете установить адрес электронной почты получателя, тему, текст сообщения, текст сообщения об успешном завершении, текст сообщения об ошибке, шаблон, URL-адрес перенаправления, включить автоответчик и другие параметры.

После установки всех параметров сохраните их.

После этого отредактируйте свои сообщения/страницы и нажмите кнопку шорткода (найдите кнопку шорткода в списке инструментов визуального редактора).

Представления

После того, как кто-то добавил представление, вы увидите его на главной странице нашего плагина. Нажмите на количество представленных материалов, и вы будете перенаправлены на страницу представленных материалов.
На странице материалов вы можете экспортировать материалы в CSV, редактировать или удалять материалы.
Если вы нажмете кнопку редактирования, вы увидите всплывающее окно, в котором вы можете отредактировать каждую отправку. Внесите изменения и нажмите «Обновить». Также вы можете выбрать, какие именно поля вы хотите экспортировать.

Настройки дизайна (Pro)

Если вам нужно настроить параметры дизайна, нажмите на вкладку «Стиль» в меню администратора нашего плагина.

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

Установите верхнюю границу области — Верхняя граница (px), Стиль границы (8 различных стилей границы), Цвет границы.

Стиль полей

• Ширина поля — Установите ширину полей в пикселях (px) или процентах (%).
• Высота поля — установка высоты полей в пикселях.
• Фон поля — установка цвета фона полей.
• Фон фокуса поля — установите цвет фона полей, находящихся в фокусе.
• Установить верхнюю границу области полей — Верхняя граница (px), Стиль границы (8 разных стилей границы), Цвет границы.
• Установить нижнюю границу области полей – Нижняя граница (px), Стиль границы (8 разных стилей границы), Цвет границы.
• Установить левую границу области полей — Граница слева (px), Стиль границы (8 разных стилей границы), Цвет границы.
• Установить правую границу области полей — Граница справа (px), Стиль границы (8 разных стилей границы), Цвет границы.
• Поля полей/внешний интервал — Установите интервал с каждой стороны полей в пикселях (по умолчанию 10 пикселей) — Поле вверху, Поле внизу, Поле слева, Поле справа.
• Отступы полей/внутренний интервал — Установите отступы со всех сторон полей в пикселях (по умолчанию 10 пикселей) — Отступы сверху, Отступы снизу, Отступы слева, Отступы справа.
• Типографика для полей — установите семейство шрифтов, стиль шрифта, размер шрифта, высоту строки и цвет для полей.
• Типографика для полей — установите семейство шрифтов для текстов-заполнителей, стиль шрифта, размер шрифта, высоту строки и цвет.
• Показать радиокнопки и флажки на уровне блока — выберите этот параметр, чтобы отобразить список радиокнопок и флажков вертикально.

Стиль меток полей

• Скрыть метки полей — скрыть метки на интерфейсе.
• Ширина метки — задайте ширину меток поля в пикселях (px) или процентах (%).
• Типографика для меток полей — установите семейство шрифтов, стиль шрифта, размер шрифта, высоту строки и цвет для меток полей.

Стиль стиля кнопки отправки

• Фон кнопки отправки — установите цвет фона кнопки отправки.
• Фон кнопки отправки при наведении — установите цвет фона кнопки отправки при наведении.
• Установите границу кнопки отправки — Верхняя граница (px), Стиль границы (8 различных стилей границы), Цвет границы.
• Поля/внешние интервалы. Установите интервал с каждой стороны кнопки в пикселях (по умолчанию 10 пикселей) — поле вверху, поле внизу, поле слева, поле справа.
• Прокладка/внутренний интервал. Установите отступы с каждой стороны кнопки в пикселях (по умолчанию 10 пикселей) — отступы сверху, отступы снизу, отступы слева, отступы справа.
• Типографика для кнопки «Отправить» — установите семейство шрифтов, стиль шрифта, размер шрифта, высоту строки и цвет для кнопки «Отправить».

Стиль сообщения об успешном/неудачном завершении

• Фон сообщения об успешном выполнении — установка цвета фона для сообщения об успешном завершении
• Фон сообщения об ошибке — установка цвета фона сообщения об ошибке
• Сообщения Поля/внешние интервалы. Установите интервалы с каждой стороны сообщения в пикселях (по умолчанию 10px) — Поле сверху, Поле снизу, Поле слева, Поле справа.
• Сообщения Заполнение/внутренний интервал. Установите отступы со всех сторон сообщений в пикселях (по умолчанию 10 пикселей) — отступы сверху, отступы снизу, отступы слева, отступы справа.
• Установить размер шрифта, семейство шрифтов, стиль шрифта и цвет для сообщений — Установить семейство шрифтов, стиль шрифта, размер шрифта, высоту строки и цвет для сообщений.

Стиль разделителя/разделителя

• Установить стиль границы для разделителя/разделителя – Толщина, Стиль, Цвет.
• Разделитель/Разделитель Поля/внешний интервал. Задайте интервалы со всех сторон в пикселях (по умолчанию 10 пикселей) — Верхнее поле, Нижнее поле, Левое поле, Правое поле.
• Типографика для разделителя/разделителя — установите семейство шрифтов, стиль шрифта, размер шрифта, высоту строки, выравнивание текста и цвет для разделителя/разделителя.

Пользовательский стиль заголовков/заголовков

• Заголовки/заголовки Поля/внешний интервал. Задайте интервалы со всех сторон в пикселях (по умолчанию 10 пикселей) — Верхнее поле, Нижнее поле, Левое поле, Правое поле.
• Типографика для заголовков/заголовков — установите семейство шрифтов, стиль шрифта, размер шрифта, высоту строки, выравнивание текста и цвет для заголовков/заголовков.

Настройте параметры дизайна и сохраните их.

• Внешняя часть
• Внешняя часть
• Внутренняя часть
• Back-end
• Back-end
• Back-end
• Back-end
• Back-end

Этот плагин предоставляет 1 блок.

• Контактная форма WpDevArt

Прежде всего загрузите ZIP-файл плагина.

1. Войдите в панель администратора WordPress.
2. Перейдите на страницу плагинов WordPress и нажмите кнопку «Добавить новый», а затем загрузите загруженный файл .zip нашего плагина.
3. Затем нажмите «Установить сейчас», после чего активируйте плагин.

Вы также можете установить наш плагин из панели администратора, используя страницу поиска плагинов WordPress.

Для установки профессиональной версии необходимо деактивировать и удалить бесплатную версию, а затем установить профессиональную версию. Если вы не получили профессиональную версию, свяжитесь с нами по адресу [email protected], и мы вышлем вам файл.

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

Я не получаю уведомлений по электронной почте

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

Как вставить его в мои сообщения/страницы

Перейдите на страницу редактора сообщений/страниц и используйте кнопку шорткода нашего плагина (найдите кнопку шорткода в списке инструментов визуального редактора).

Перейдите на страницу виджетов. Найдите наш виджет плагина и вставьте его в нужную вам боковую панель. После этого настройте виджет и сохраните его.

Как добавить карту Google

Для Google Map есть два важных параметра — широта и долгота. Откройте карту Google в своем браузере и найдите место, которое вы хотите отметить на карте, затем щелкните правой кнопкой мыши нужное место и выберите первый вариант — «Что здесь».
Затем вы увидите адрес выбранного вами местоположения и эти два параметра (что-то вроде этого, например 39.639085, -97.044481). Скопируйте эти два параметра и вставьте в поля карты.
Все, теперь вы отметили на карте нужное вам место.

Некоторые поля имеют параметры Заголовок и Заполнитель, но для этих полей такие параметры не нужны

Да, верно. Мы постарались сохранить симметрию интерфейса админки и не убрали эту опцию из этих полей.

У меня проблемы со стилями

Возможно, есть конфликт со стилями вашей темы или другими плагинами, сообщите нам об этом, используя это письмо — [email protected], и мы исправим проблему.

Есть ли какой-либо вариант перенаправления

Да, наш плагин имеет функцию перенаправления (функция Pro).

Могу ли я исключить некоторые типы файлов из загрузки

К сожалению, на данный момент у нас нет такой функции.

Какие файлы мне нужно загрузить для установки плагина

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

Версия Pro оплачивается один раз или нет

Да, уважаемые пользователи, вам нужно заплатить только один раз за про версию.

Я купил про версию, но не загрузил про файл

Сообщите нам об этом по электронной почте [email protected], и мы вышлем вам профессиональную версию.

Хорошая поддержка! THX

Я использую версию Pro для контактных форм на нескольких сайтах. Pro-версия позволяет настраивать различные стили для полей и кнопок в форме, но я подумал, что в ней не было одной функции, которой действительно следовало бы быть. Я связался со службой поддержки и примерно через два дня получил обновление, которое сделало именно то, о чем я просил, и вы не можете просить лучшего ответа, чем это!

Успехов Вам!

Я использую бесплатную версию WpDevArt Forms. Изначально он был установлен нашими разработчиками. Он очень прост в использовании и представляет собой красивую простую форму. Недавно у нас возникла проблема с отображением приборной панели продукта. Сгенерировал тикет по проблеме. Я быстро получил ответ с просьбой предоставить дополнительную информацию.

This entry was posted in Популярное