Как создать сайт или блог в 2020 году - бесплатное и простое руководство по созданию сайта

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

Связь.

Это одна из многих сильных сторон Интернета.

И если у вас есть активный веб-сайт, вам нужен способ связаться с вами.

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

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

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

Так как же добавить контактную форму на свой сайт WordPress?

С дополнением!

И есть много плагинов контактной формы на выбор.

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

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

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

Плагин WPForms на wordpress.org

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

Вы можете искать WPForms через меню плагинов (сначала нажмите), чтобы установить его на свой сайт.

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

Создать форму

С установленными WPForms вы найдете новое меню верхнего уровня, добавленное в вашу админ панель WordPress.

WPForms menu

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

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

Шаблон формы WPForms

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

WPForms Простая контактная форма

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

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

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

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

Настройте форму

Наиболее важными вариантами являются уведомления и подтверждения.

На панели вы найдете три различных меню. Меню «Уведомления» позволяет настроить электронную почту, которую вы получите, когда кто-то отправит форму.

Настройки уведомлений WPForms

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

Затем в меню «Подтверждение» содержатся параметры для настройки сообщения, которое посетители увидят после отправки вашей формы.

Меню подтверждения WPForms

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

Добавьте форму на свой сайт

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

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

WPForms для встраивания формы

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

WPForms всплывающее окно с коротким кодом

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

Добавлен шорткод WPForms

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

Форма WPForms на переднем конце

Добавить формы с WordPress

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

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

У вас есть вопрос о том, как добавить контактную форму в WordPress? Пост в комментариях ниже.

Table of Contents