Статьи

Как добавить контактную форму в WordPress

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

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

Контактные формы всегда были огромными в Интернете. Давайте узнаем почему:

  • Контактные формы предлагают доступ 24 × 7: контактная форма предлагает быстрый, удобный и круглосуточный доступ к любому посетителю.
  • Контактные формы обеспечивают лучший пользовательский опыт: общий опыт работы с клиентами улучшается с помощью контактной формы. Вы можете позволить клиенту связаться с вами из любого места на веб-сайте. Более того, контактная форма может синхронизироваться с браузером посетителя. Опции автозаполнения могут избавить вас от скуки при заполнении формы. Если, однако, вы используете ссылку электронной почты вместо контактной формы, внимание клиента просто переместится в другое окно для настройки электронной почты по умолчанию.
  • Контактные формы хранят записи обо всех записях и упрощают обработку данных: контактная форма является ценным источником важных данных. Указав нужную информацию в полях контактной формы, вы сможете собрать именно ту информацию, которая вам нужна. Точно так же вы получаете всю информацию. Это упрощает организацию ответов в разумной форме.
  • Контактные формы помогут вам расширить список подписчиков: данные в контактной форме можно собирать, сопоставлять и анализировать для улучшения маркетинга и привлечения потенциальных клиентов. Формы могут быть разработаны для автоматического сбора данных и интегрированы с Google Analytics, чтобы анализировать их. Простой флажок, предлагающий читателю «подписаться на нашу рассылку», может расширить ваш список адресов электронной почты, не будучи навязчивым.
  • Контактные формы могут отправлять автоматические ответы и улучшать рабочий процесс: настройте формы так, чтобы автоматические ответы отправлялись членам команды или клиентам. Создавайте электронные таблицы и экспортируйте собранные данные в эти таблицы для дальнейшего использования. Вы увидите улучшение общего рабочего процесса на бэкэнде вашего WordPress. Более того, вы можете интегрировать форму с такими сервисами, как Trello, Salesforce, чтобы улучшить рабочий процесс.
  • Контактные формы можно использовать, чтобы побудить пользователей отвечать: вы можете предложить посетителям стимулы использовать контактную форму. Это один из способов повысить вовлеченность пользователей и улучшить сбор данных.
  • Контактные формы могут помочь в создании бренда вашего веб-сайта: контактные формы не всегда должны быть общими и утомительными. Также возможно оформление форм в соответствии с вашим брендом или стилем вашего веб-сайта. Это может способствовать повышению осведомленности о вашем бренде и увеличению видимости вашего веб-сайта в Интернете.
  • Контактные формы обычно более безопасны: контактные формы – более безопасный и надежный способ сбора информации о ваших клиентах.
  • Контактные формы защищают вашу электронную почту от перегрузки и спама: контактная форма на вашем веб-сайте автоматически сокращает количество писем, попадающих в ваш почтовый ящик. В то же время вы можете использовать спам-фильтры в формах, чтобы уменьшить количество спам-ответов в формах. Более того, контактные формы обрабатываются на стороне сервера, где ваш адрес электронной почты недоступен.
  • Контактные формы помогают отфильтровать нежелательные контакты: запрашивая некоторую информацию (номер телефона или адрес) о человеке в контактной форме, вы можете не допустить нежелательных контактов и гарантировать, что только действительно заинтересованные читатели смогут связаться с вами. Однако это также может не допустить подлинных пользователей, поэтому используйте эту опцию с осторожностью.
  • Контактные формы полезны и для других целей: вы можете получить контактную форму для выполнения двойной обязанности, например, для приема пожертвований, бронирования и многого другого. Вы также можете использовать контактные формы, чтобы собирать отзывы посетителей или побуждать их спрашивать подробности или делать запросы о ваших продуктах.

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

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

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

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

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

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

Как добавить контактную форму в WordPress

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

Затем на панели инструментов откройте новую страницу. Назовите страницу как хотите, я назвал свою страницу «Страница контактов». Сохраните свою страницу как черновик, затем выберите вариант Visual Composer, который вам удобнее. Мы будем использовать Frontend Editor, но вы можете использовать те же шаги в backend, если хотите.

Как добавить контактную форму в WordPress

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

Как добавить контактную форму в WordPress

Затем выберите модуль Form Shortcode.

Как добавить контактную форму в WordPress

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

Как добавить контактную форму в WordPress

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

Как добавить контактную форму в WordPress

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

Как добавить контактную форму в WordPress

С другими темами, которые не включают модуль формы, вы можете просто вставить шорткод в текстовый редактор WordPress или в модуль текстового поля,

Добавление контактной формы к виджетам на боковой панели

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

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

Но чтобы продолжить нашу задачу по добавлению виджета контактов, вам нужно перейти в «Внешний вид»> «Настроить».

Как добавить контактную форму в WordPress

Появится набор параметров, щелкните Виджеты> Основная боковая панель.

Параметр темы «Области виджетов» включен по умолчанию. Это дает вам возможность создавать настраиваемые области виджетов на вашем сайте. Если вы собираетесь использовать только встроенные боковые панели / области виджетов, вы можете отключить эту функцию. Вы можете узнать больше о добавлении пользовательских виджетных областей здесь.

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

Как добавить контактную форму в WordPress

Откройте виджет «Текст», добавьте заголовок к виджету, а затем вставьте шорткод, который вы скопировали при создании страницы контактов.

Как добавить контактную форму в WordPress

Теперь вы можете нажать Готово>  Сохранить и опубликовать.

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

Как добавить контактную форму в WordPress

Изменение стиля / формата вашей контактной формы

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

Заключить

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

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Кнопка «Наверх»

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: