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

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

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

Три главных причины использовать контактную форму на вашем сайте WordPress

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

• Курировать данные клиентов

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

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

• Защитите свой сайт от спама по электронной почте

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

• Информировать посетителей сайта

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

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

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

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

• Нажмите кнопку «Создать первую форму», чтобы начать.

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

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

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

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

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

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

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

Как создать контактную форму с контактной формой 7

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

• Войдите на свой сайт и перейдите в «Плагины». Нажмите «Добавить новый» и введите «Контактная форма 7» в поле поиска.

• Нажмите «Установить сейчас», чтобы загрузить его на свой веб-сайт. Затем нажмите «Активировать», чтобы начать использовать плагин.

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

• Нажмите либо на образец формы, либо на «Добавить новую», чтобы продолжить. Не пугайтесь очередного открытого окна. Это выглядит сложно, но есть инструменты для автоматической генерации кода. Так что не волнуйтесь, вам не нужно ничего кодировать.

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

• Когда закончите, нажмите «Вставить тег», чтобы вставить его в форму.

• Затем добавьте метку. Для этого скопируйте и вставьте текущий код из полей и настройте его по своему усмотрению.

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

Включены поля «Кому», «От», «Дополнительные заголовки», «Тело сообщения» и «Использовать тип содержимого HTML» (по умолчанию сообщения отправляются в виде обычного текста. Если вы хотите использовать HTML, установите флажок).

У него также есть вложения файлов и почта (2), дополнительный почтовый шаблон для автоответчиков. Если вы хотите активировать его, установите флажок, и вы можете придерживаться стандартного варианта как новичок.

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

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

Вывод

Там у вас есть простые шаги для создания базовой контактной формы с использованием WPForms и Contact Form 7. Если вам нужно что-то быстрое и бесшовное, плагин WPForms выглядит как лучший вариант. Однако, если вы заинтересованы в работе с кодами даже без предварительного опыта, контактная форма 7 — лучший выбор.