Wordpress

Как сделать форму обратной связи на wordpress: Как Создать Форму Обратной Связи с Помощью Contact Form 7

21.01.2019

Содержание

Как Создать Форму Обратной Связи с Помощью Contact Form 7

WordPress Электронная почта

access_time

30 ноября, 2018

hourglass_empty

3мин. чтения

Введение

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

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

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

С более чем 3 миллионами установок, Contact Form 7 является самой широко используемой формой обратной связи для WordPress. Её интуитивно понятный интерфейс и быстрая установка помогут вам создать форму обратной связи в считанные минуты.

Что вам понадобится

Перед тем, как вы начнете это руководство, вам понадобится следующее:

  • Доступ к панели управления WordPress

Шаг 1 – Установка Contact Form 7

  1. Войдите в вашу панель управления WordPress и нажмите на Плагины → Добавить новый в левом меню панели.
  2. Найдите Contact Form 7 в поиске и нажмите Установить.
  3. После установки, нажмите Активировать для активации плагина.

Шаг 2 – Как создать форму обратной связи

После активации плагина в левом меню панели появится новый раздел Contact Form 7.

  1. Нажмите Contact Form 7 → Добавить новую для создания вашей первой формы.
  2. Впишите название вашей формы обратной связи, например 
    WordPress Contact Form
    .
  3. Некоторые надписи и текстовые области уже были расположены, чтобы помочь вам разобраться в процессе. Вы можете удалить их или добавить новые надписи и текстовые области , выбрав их из списка сверху.

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

В зависимости от выбранных элементов ваш код должен выглядеть примерно так:

<label> Ваше имя (обязательно)
 [text* your-name] </label>

<label> Ваш e-mail (обязательно)
 [email* your-email] </label>

<label> Тема
 [text your-subject] </label>

<label> Сообщение
 [textarea your-message] </label>

[submit "Отправить"]
  • Вы можете добавлять и удалять элементы в зависимости от ваших нужд. Для удобства используйте специальные инструменты над областью с самой формой.

  • Значок * в коде означает, что данное поле обязательно для заполнения.

Шаг 3 – Настройка формата сообщений

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

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

ВАЖНО! Убедитесь, что вы вписали правильный адрес электронной почты в поле

Кому  — это тот адрес, на который будут доставляться все сообщения.


Шаг 4 – Настройка уведомлений

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

Шаг 5 – Сохранение и публикация формы

Когда вы закончите настройку, вы сможете сохранить изменения нажав на кнопку Сохранить в верхней правой части панели.
После сохранения, вверху страницы появится шорткод. Он будет выделен синим цветом и должен выглядеть примерно так:

[contact-form-7 title="WordPress Contact Form"]

Чтобы опубликовать вашу форму обратной связи, следуйте данным инструкциям:

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

  1. Результат должен быть примерно таким

Шаг 6 – Проверка формы обратной связи для WordPress

Очень важно проверить работу формы обратной связи и позаботиться о её корректном внешнем виде. Также убедитесь в стабильности доставки сообщений через форму.

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

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

Заключение

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

Хотите узнать еще больше? Вы можете поэкспериментировать с тегами и шаблонами и изменить практически всё. Вы также можете попробовать настроить Flamingo – плагин для хранения сообщений, чтобы хранить все полученные сообщения в базе данных (это довольно полезно, если у вас есть проблемы с почтовым сервером).

Как создать форму обратной связи в WordPress (используя плагин Contact Form7)

Этот видео туториал наглядно демонстрирует, как добавить форму обратной связи в ваш сайт на WordPress используя плагин Contact Form 7.

Как создать форму обратной связи в WordPress (используя плагин Contact Form7)

  1. Установка плагина Contact Form 7:

    1. Откройте панель управления WordPress:

    2. Перейдите в меню Плагины (Plugins) и нажмите на Добавить новый (Add New):

      Можно воспользоваться поиском и загрузить плагин из интернета, для этого введите Contact Form 7 в поле поиска, вы увидите детальную информацию о плагине и сможете его установить:

  2. Создание формы обратной связи:

    В результате успешной установки плагина вы увидите новую вкладку Контакты (Contact) в левой колонке панели управления сайта. Нажмите на ней:

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

      Добавить новый (Add New) вверху экрана:

    2. Используйте выпадающий список Создать тег (generate Tag) для того, чтобы включить в форму коды для каждого из полей, как, например, текстовое поле (Text field), текстовая область (text area), флажки (checkboxes), и т. д., а затем скопируйте полученный код в поле слева.

    3. Для каждого сгенерированного кода есть возможность ‘добавить этот код в блок Mail. (And, put this code into the Mail fields below.)‘. Скопируйте полученные коды и добавьте в блок Mail, чтобы задать вид сообщения, которое будет отправлено через эту форму (определить структуру сообщения, отправленного посетителем вашего сайта):

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

  3. Добавление формы обратной связи в текстовый виджет (Text Widget):

    1. Перейдите в меню Дизайн (Appearance) > Виджеты (Widgets):

    2. Переместите виджет Текст (Text) в область Sidebar (или любую другую область виджетов):

    3. Вставьте код в текстовый виджет и нажмите Сохранить (Save):

    4. Откройте страницу Блога (Blog), форма обратной связи появится в правой колонке:

  4. Создание страницы с формой обратной связи и добавление этой страницы в меню :

    1. Для создания новой страницы откройте меню Страницы (Pages) и нажмите Добавить новую (Add New):

    2. Вставьте код формы обратной связи в поле содержимого (Content) этой страницы и нажмите Опубликовать (Publish):

    3. Перейдите в меню Дизайн (Appearance) > Меню (Menus):

    4. Выберите Header Menu:

    5. Перетяните кнопку для новой страницы в меню и нажмите кнопку Сохранить меню (Save Menu):

    6. Обновите сайт, чтобы увидеть новую кнопку меню, нажмите на ней — откроется новая страница с формой обратной связи:

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

Как создать форму обратной связи в WordPress (используя плагин Contact Form7)

Форма обратной связи WordPress и плагины для ее добавления на сайт

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

В этом посте вы узнаете, как добавляется форма обратной связи для сайта WordPress.


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

Плагины для создание формы обратной связи

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

Это, вероятно, самый простой на сегодняшний день в использовании плагин для контактной формы.

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

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

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

WPForms — это чрезвычайно функциональный плагин. Все настраивается с помощью редактора drag-and-drop, поэтому обратная связь на сайте создается довольно быстро, и вы получаете доступ к предварительно построенным шаблонам форм, что максимально упрощает весь процесс.

Если вам нужно многофункциональное решение, которое легко использовать и которое предоставляет дополнительные функции, (интеграция платежей, интеграция с электронной почтой и т.д.), то WPForms именно то, что вы ищите.

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

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

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

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

Fast Secure Contact Form — удивительно простой в использовании плагин, особенно учитывая все варианты настройки, которые он предлагает. Вы сможете создавать новые формы и изменять существующие (в процессе установки автоматически создаются две формы).

Для каждой из форм вы сможете использовать основные настройки: настроить поля, стили CSS, установить функции безопасности (например, CAPTCHA) и многое другое.

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

Contact Form 7 предоставит вам доступ к дополнительному разделу панели инструментов WordPress, называемому Contact. Там вы сможете создавать новые формы и корректировать существующие.

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

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

Вам нужна форма заявки на сайте, которая обеспечит массу дополнительных настроек? Панель редактирования на основе HTML в Contact Form 7 предоставит вам это в полном объеме!

***

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

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

Для создания формы обратной связи существует множество плагинов (настройка плагина Contact Form 7). Мы же рассмотрим самый простой в настройке — плагин Contact Form.

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

Будем создавать форму вот такого вида:

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

  • В Панели управления в разделе «Плагины» выбираем пункт «Добавить новый».
  • Вбиваем в поисковую форму «Contact Form» и нажимаем кнопку «Поиск плагинов».
  • В списке находим нужный нам плагин и жмем ссылку «Установить».
    Нам нужен плагин Contact Form, а не Contact Form 7, это два различных плагина.
  • После установки активируем плагин.

Создание формы (настройка плагина)

После установки и активации плагина в меню появится раздел «BWS Plugins».

  • Выбираем его, а в нем подраздел «Контактная Форма».
  • Откроется страница с настройками плагина, их не очень много, тем не менее, рассмотрим только самые необходимые.
  • В первую очередь, указываем электронный адрес, на который будут приходить письма. И сразу ставим галочку напротив пункта «Дополнительные настройки».
  • «Использовать этот email:» — здесь указываем адрес электронной почты, на который будут приходить оставленные посетителями сообщения.
  • «Отобразить блок Прикрепить файл» – отмечаем пункт, если в форме обратной связи необходима возможность к сообщению прикреплять файлы.
  • «Изменить текст для поля ОТ в письме» — здесь можно указать определенный текст, который будет отображаться в поле «От» письма вместе с e-mail адресом. Удобно сюда вставить название сайта.

    Например, для сайта site.ru мы вводим – «Сообщения с site.ru».
    Это позволит нам сразу определять, откуда пришло письмо.

  • «Выберите email для поля ‘FROM’ письма» — выбираем из двух вариантов.
    В первом случае в поле адрес будет отображаться e-mail человека, который отправил сообщение с сайта. Во втором – указанный нами e-mail.
  • «Отобразить поле для телефона» — добавления к имеющимся полям дополнительного поля, в котором указывается телефон.
  • «Обязательные поля» — отмечаем, какие поля являются обязательным для заполнения (если посетитель их не заполнит, форма откажет ему в отправке сообщения).
  • «Отображение дополнительной информации в письме» — стоит отметить данный пункт, если есть необходимость просматривать дополнительную информацию об отправке сообщений через обратную связь (когда они были отправлены, с какого ip-адреса и т.д.).
  • «Языковые настройки для названия полей в форме» — выбор языка, на котором будет форма обратной связи.
  • «Изменить названия полей контактной формы и сообщений об ошибках» — отметив данный пункт, можно изменить надписи полей по своему усмотрению.
  • «Действие после отправки письма» — вы можете выбрать один из двух вариантов.
    В первом случае посетитель увидит указанный вами текст и останется на странице обратной связи, а во втором – будет перенаправлен  на указанную страницу.
  • Сохраняем настройки, нажав внизу страницы кнопку «Сохранить изменения».

Вставка созданной формы

Остались вопросы? Задайте их в комментариях! 🙂

Если вы хотите поблагодарить меня за материал — можете сделать это здесь 🙂

Как создать форму обратной связи в WordPress

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

Шаг 1. Страница с формой

Создаём в папке с темой новый файл — это будет шаблон страницы с формой. Файл можно назвать как угодно, нам важно лишь его содержимое.

<?php
/* 
 * Template name: Форма обратной связи
 */
get_header(); // эта строчка кода у вас может отличаться
 
/*
 * Тут мы будем обрабатывать ошибки и выводить соответствующие сообщения
 */
if( isset( $_GET['msg'] ) ) {
	// в случае успеха
	if( $_GET['msg'] == 'success' )
		echo '<span>Сообщение успешно отправлено</span>';
 
	// в случае ошибки
	if( $_GET['msg'] == 'error' )
		echo '<span><strong>Ошибка:<strong> Проверьте правильность введённых вами данных.</span>';
	// вы сами можете добавить различные другие сообщения об ошибках
 
}
 
/* 
 * Антиспам-трюк
 * у нас есть два фейковых поля, при заполнении которых прерывается выполнение скрипта
 * сделаем так, чтобы они были скрыты для пользователей при помощи CSS
 */
echo '<style>textarea[name="comment"],textarea[name="message"]{display:none}</style>';
?>
	<form action="<?php echo site_url() ?>/send.php" method="POST">
		<input type="text" name="name" required="true" placeholder="Имя *" />
		<input type="text" name="email" required="true" placeholder="Email *" />
		<textarea name="comment"></textarea>
		<textarea name="message"></textarea>
		<textarea name="soobschenie" required="true" placeholder="Сообщение *"></textarea>
		<button>Отправить</button>
	</form>
<?php
get_footer();  // эта строчка кода у вас может отличаться

Шаг 2.

Файл-обработчик. Отправка формы

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

<?php
// проверка на спам - просто прерываем выполнение кода, при желании можно и сообщение спамерам вывести
if( isset( $_POST['comment'] ) || isset( $_POST['message'] ) )
	exit;
 
// подключаем WP, можно конечно обойтись без этого, но зачем?
require( dirname(__FILE__) . '/wp-load.php');
 
// следующий шаг - проверка на обязательные поля, у нас это емайл, имя и сообщение
if( isset( $_POST['name'] )
  && isset( $_POST['email'] ) && is_email( $_POST['email'] ) // is_email() - встроенная функция WP для проверки корректности емайлов
  && isset( $_POST['soobschenie'] ) ) {
 
	$headers = array(
		"Content-type: text/html; charset=utf-8",
		"From: " . $_POST['name'] . " <" . $_POST['email'] . ">"
	);
 
	if( wp_mail( get_option('admin_email'), 'Сообщение с сайта', wpautop( $_POST['soobschenie'] ), $headers ) ) {
		header('Location:' .  site_url('/contact?msg=success') );
		exit;
	}
 
 
}
 
header('Location:' . site_url('/contact?msg=error') );
exit;

Миша

Недавно я осознал, что моя миссия – способствовать распространению WordPress. Ведь WordPress – это лучший движок для разработки сайтов – как для тех, кто готов использовать заложенную структуру этой CMS, так и для тех, кто предпочитает headless решения.

Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.

Если вам нужна помощь с вашим сайтом или может даже разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда сделаем вам всё на лучшем уровне.

Как создать форму обратной связи в WordPress с помощью плагина WPForms

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

Такую форму очень просто сделать с помощью плагина WPForms.

Раньше я советовала плагин Contact Form 7, но сейчас реально лучше проще и красивее формы у WPForms. Поэтому смело рекомендую всем пользователям сайтов на WordPress.

Шаг 1 – Как создать форму обратной связи в помощью плагина WPForms

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

В этом видео я покажу:

  • Как установить и активировать плагин;
  • Как создать простую контактную форму;
  • Как настроить поля формы;
  • Как установить форму на страницу Контакты.

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

Как создать опрос

Просто выполните следующие действия, и онлайн-опрос будет добавлен на ваш сайт WordPress в кратчайшие сроки.

Шаг 1. Создайте форму опроса в WordPress

Сначала вам нужно установить и активировать плагин WPForms на вашем сайте WordPress. Если вы не знаете, как это сделать, вот наше пошаговое руководство по установке плагина в WordPress.

После успешной активации плагина вы увидите новое меню WPForms , добавленное в меню панели инструментов WordPress.Оттуда перейдите в подменю Addons , и вы увидите надстройку Survey and Опросы вместе с другими надстройками.

Затем вам нужно будет нажать кнопку Install Addon , чтобы установить дополнение. Затем не забудьте Активировать аддон.

Теперь вы готовы создать форму опроса с помощью WPForms.

Чтобы начать, перейдите к WPForms »Добавить новый с панели инструментов WordPress. Там вы увидите различные готовые шаблоны форм.Выберите шаблон Survey Form .

WPForms предоставит вам готовую форму опроса.

Вы увидите следующие поля в форме опроса:

  • Имя
  • Электронная почта
  • Звездные рейтинги
  • Шкала Лайкерта
  • Текстовое поле абзаца

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

Шаг 2. Настройте форму опроса WordPress

Предварительно определенный шаблон опроса содержит множество полей для опроса; однако при желании вы можете легко внести в него некоторые изменения.

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

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

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

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

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

Затем, если вы щелкните Advanced Options , вы найдете параметры для выбора значка, размера значка, цвета значка, классов CSS и т. Д.

Вы также можете включить условную логику, щелкнув Условные обозначения .

После того, как вы настроили поля, не забудьте нажать кнопку Сохранить .

Шаг 3. Настройте параметры формы опроса

Следующим шагом в создании опроса является настройка параметров формы опроса. Чтобы настроить параметры формы, вам нужно щелкнуть меню Настройки в меню WPForms слева. Затем вы увидите 4 параметра, которые нужно настроить.

Во-первых, это Общие настройки.

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

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

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

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

Четвертый и последний — это параметр Survey and Опросы . Здесь вы можете включить отчеты об опросах.

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

  • Однострочный текст
  • Текст абзаца
  • Раскрывающийся список, флажки и несколько вариантов
  • Рейтинг
  • Шкала Лайкерта

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

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

Затем откройте соответствующую форму, в которой вы хотите включить отчеты об опросах, и щелкните поле опроса для редактирования. В Field Options вам нужно будет нажать Advanced Options . Там вы найдете флажок Включить отчеты об опросах .Просто щелкните поле и сохраните.

Теперь WPForms будет генерировать отчеты только для тех полей, в которых вы включили отчеты об опросах.

Шаг 4. Добавьте анкету на свой сайт

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

WPForms позволяет легко встраивать формы в WordPress. Есть 3 основных способа встроить форму опроса в WordPress.

Во-первых, вы можете найти шорткод формы на кнопке Embed на странице редактора форм непосредственно перед кнопкой Save .

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

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

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

Просто нажмите кнопку и выберите форму опроса, которую хотите добавить. Затем обновите свою страницу / публикацию и просмотрите форму опроса.

Третий метод — использование виджета WPForms . Чтобы добавить форму опроса на свою боковую панель, нижний колонтитул или любую область, готовую к работе с виджетами, вы можете использовать виджет.

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

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

Шаг 5. Просмотр отчетов формы опроса

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

Чтобы просмотреть данные опроса, вам сначала нужно посетить WPForms »Все формы . Там вы увидите список всех ваших форм.

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

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

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

Рядом со значками просмотра данных вы увидите раскрывающийся список Экспорт .Нажав на нее, вы можете экспортировать отчеты в формате JPEG, PDF или распечатать.

И все!

Ищете плагин для отслеживания всех типов форм?

Если вы хотите просматривать отчеты только по полям опроса, лучше всего подойдет надстройка WPForms Survey and Опросы. Но если вы хотите отслеживать все типы форм, в том числе формы без полей опроса (например, рейтинг и шкала Лайкерта), вам необходимо использовать плагин MonsterInsights.

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

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

WPForms Результаты опроса показывают, как люди ответили на ваши вопросы, а отчет MonsterInsights Forms показывает, сколько людей отправили ваши формы.

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

5 удивительных советов, которые сделают обзор заметным

Теперь, когда вы знаете, как создать опрос, вот 5 советов, которые повысят эффективность вашего опроса:

  1. Предлагайте поощрения, такие как скидка или шанс выиграть раздачу
  2. Постарайтесь сделать свой опрос простым и коротким, поскольку респонденты не любят длинные опросы
  3. Избегайте вопросов, которые могут быть необъективными
  4. Знайте свою целевую аудиторию и старайтесь использовать термины и язык, понятные вашим посетителям.
  5. Протестируйте свой опрос на нескольких респондентах или ваших коллегах, а затем завершите его

Мы надеемся, что эта статья помогла вам научиться создавать опрос в WordPress и создавать красивые графики результатов.

Вы также можете ознакомиться с нашим руководством о том, как создать контактную форму в WordPress.

Также не забудьте подписаться на нас в Twitter и Facebook, чтобы увидеть больше руководств по Google Analytics.

Form Block — Поддержка — WordPress.com

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

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

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


Вставка блока формы

Подробные инструкции по добавлению блоков можно найти здесь.

Чтобы добавить блок, щелкните значок Inserter . Найдите блок формы и щелкните по нему, чтобы добавить в сообщение или страницу.

Вы также можете ввести / сформировать и нажать Enter в новом блоке абзаца, чтобы быстро добавить его.

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

После того, как вы вставили форму, вы можете изменить адрес электронной почты для отправки и строку темы электронной почты с помощью кнопки «Изменить параметры формы» или на боковой панели редактора:

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

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


↑ Содержание ↑

Настройка формы
  • Блок формы — это особый вид блока, который содержит другие блоки.
  • Каждое поле формы само по себе является блоком в основном блоке формы . Эти внутренние блоки полей формы могут быть настроены и перегруппированы в блоке формы .
  • Чтобы добавить поле формы в конец формы, наведите указатель мыши на блок формы и нажмите кнопку Добавить блок , которая появляется под последним полем.

Поля формы, которые вы можете выбрать:

  • Имя
  • Электронная почта
  • Веб-сайт
  • Текст
  • Выбор даты
  • Телефон
  • Флажок
  • Флажок Группа
  • Радио
  • Выберите

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

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


↑ Содержание ↑

Настройки блока формы

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

↑ Содержание ↑

Настройки формы

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

Чтобы получить доступ к настройкам для добавления или редактирования адреса электронной почты, выберите основной Блок формы . Для выбора блока вы можете использовать Block Navigation :

Щелкните блок, затем найдите блок формы в инструменте навигации по блоку.

Или вы можете выбрать родительский блок в списке внизу экрана:

Щелкните блок формы , затем найдите родительский блок внизу.

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

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

Продвинутый

Вкладка «Дополнительно» позволяет вам добавить класс CSS к вашему блоку, позволяя вам написать собственный CSS и стилизовать блок по своему усмотрению. Узнать больше.


↑ Содержание ↑

Почему я вижу свою контактную информацию в контактной форме?

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

  • Зарегистрированные посетители сайта WordPress.com увидят контактные формы, автоматически заполненные их собственной информацией.
  • Посетители, которые не вошли в систему, не увидят никакой автоматически заполненной информации.
  • Вы можете проверить это, выйдя из WordPress.com и просмотрев контактные формы — они будут пустыми.
  • Эта функция не применяется к сайтам с собственным хостингом, использующим Jetpack.

↑ Содержание ↑

Управление обратной связью

Инструкции для этих шагов относятся к панели управления WP Admin. Вы можете перейти на эту панель управления, добавив / wp-admin в конец URL-адреса вашего сайта (например: example.wordpress.com/wp-admin)

Вы можете прочитать все отзывы, отправленные через вашу форму, в области управления отзывами. Просто щелкните вкладку Feedback в левом меню в WP Admin.

Обратная связь обрабатывается так же, как и комментарии.Если отзыв является спамом, наведите на него курсор и нажмите Спам . Если вы хотите удалить отзыв, наведите на него курсор и нажмите Корзина . Или, если законный отзыв помечен как спам, вы можете щелкнуть ссылку Not Spam .

↑ Содержание ↑

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

Чтобы защитить отправленные вами формы от спама и нежелательного содержимого, вы можете добавить ключевые слова, имена пользователей, IP-адреса, адреса электронной почты и многое другое в раздел «Запрещенные комментарии».Этот раздел доступен из Мои сайты → Управление → Настройки → Обсуждение .

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

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