WordPress — Создание контактной формы

WordPress — выбираем и устанавливаем темуПрактически любому сайту необходима форма связи, при помощи которой пользователи могли бы связаться с создателем :).  Оставить свой отзыв или сообщить об ошибке. Но как же её реализовать в WordPress? Можно написать свою форму, но если не хватает знаний, то есть способ проще, в этом нам помогут плагины. В данной статье я расскажу про один из таких плагинов, называется он «Contact Form 7».

WordPress создание формы контактов.

Хотите разместить контактную форму на странице сайта, в этом нам поможет плагин «Contact Form 7», ниже расскажу как его установить и настроить. И так приступим.

  1. Нам необходимо установить сам плагин, вбиваем в поиске «Contact Form 7», устанавливаем и активируем.
  2. В панели администратора появится новый пункт «Contact Form 7», нажимаем на него.

    WordPress Contact Form 7

    WordPress Contact Form 7

  3. Переходим в «Контактные формы», и выбираем созданную форму по умолчанию:

    WordPress форма по умолчанию

    WordPress форма по умолчанию

  4. Заходим в неё, видим форму которую мы можем отредактировать.
    WordPress редактирование формы

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

    В форме по умолчанию у нас есть поля: имя, e-mail, тема, сообщение и кнопка отправить.

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

  5. Далее переходим во вкладку «Письмо», здесь мы настраиваем параметры отправки: от кого, кому, тема, сообщение. Тут думаю проблем возникнуть не должно, всё должно быть понятно.

    WordPress настройка письма

    WordPress настройка письма

  6. Так же Вы можете настроить уведомления которые будут возвращаться при отправке формы, на вкладке «Уведомления при отправке формы».

    WordPress отправка уведомлений

    WordPress отправка уведомлений

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

    WordPress вставка шорткода

    У меня он такой:

    Копируем свой шорткод и просто вставляем на страницу.

  8. К примеру я создал страницу с названием «Контакты» и просто вставил туда наш шорткод.

    WordPress вставка шорткода

    WordPress вставка шорткода

  9. В итоге получилось такая форма:

    WordPress форма контактов

    WordPress форма контактов

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

Поделиться в соц. сетях:

Понравилась статья? Поблагодари автора, накорми печеньками! :)

CrazyKing

Печенько-кодер :Р

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