Контактные формы в WordPress

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

Тем не менее, когда вы создаете свой веб-сайт WordPress, вы обнаружите, что по умолчанию его там нет. Добавление его, очевидно, возможно, но как вы подойдете к процессу?

Зачем добавлять контактную форму на свой сайт WordPress?

Раньше контактные формы не были такими распространенными, как сейчас. Обычно у вас есть страница » Свяжитесь с нами» с номером телефона, физическим адресом и электронной почтой.

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

Пользователям удобнее

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

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

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

У вас будет меньше спама

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

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

Общение стало более эффективным с помощью контактной формы

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

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

Вы лучше понимаете, как посетители взаимодействуют с вашим сайтом.

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

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

Как создать индивидуальную контактную форму в WordPress?

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

Добавление контактной формы вручную

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

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

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

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

Добавление контактной формы через плагин

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

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

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

Плагины контактной формы WordPress

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

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

Контактная форма 7

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

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

Плагин поставляется с уже настроенной базовой контактной формой по умолчанию. Он доступен в меню « Контакт» > « Контактные формы» на панели навигации панели управления WordPress.

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

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

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

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

После того, как вы создали контактную форму, самое время встроить ее на страницу или в сообщение. Для этого вернитесь в « Контакт» > « Контактные формы» и скопируйте фрагмент из столбца « Шорткод». Вставьте его на нужную страницу или в публикацию.

WordPress распознает код из плагина Contact Form 7 и автоматически отобразит контактную форму.

WPForms

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

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

После установки плагина меню WPForms появляется на главной панели навигации вашей панели управления WordPress.

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

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

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

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

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

Форминатор

Forminator — еще один популярный плагин с преимущественно пятизвездочными отзывами в официальном репозитории WordPress. Помимо контактных форм, вы можете использовать его для проведения опросов, викторин и расчетов. Опять же, у вас есть бесплатная и платная версии ( от 24 долларов в месяц ), но, в отличие от WPForms, Forminator позволяет собирать платежи даже в бесплатной версии.

Панель управления Forminator появляется на панели навигации вашей панели управления WordPress после установки плагина.

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

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

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

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

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

Формы ниндзя

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

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

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

После его установки на панели навигации панели управления WordPress появится меню Ninja Forms. Здесь вы будете создавать формы, настраивать их параметры и просматривать материалы, отправленные пользователем.

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

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

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

На вкладках « Электронная почта и действия» и « Дополнительно» вы можете настроить параметры, связанные с внешним видом формы и ее механизмами обработки отправленных материалов.

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

Отслеживайте конверсии ваших форм WordPress

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

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

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

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

Если вы решили использовать плагин, у вас есть несколько вариантов. Однако MonsterInsights — безусловно, самый популярный выбор. Он был разработан с нуля для интеграции Google Analytics в ваш веб-сайт WordPress и, в отличие от некоторых своих конкурентов, передает аналитические данные прямо на панель управления WP.

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

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

Вывод

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

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

Вопросы-Ответы

Что такое контактная форма?

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

Как работает контактная форма в WordPress?

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

Как добавить контактную форму без плагина?

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