Бытрый поиск
Search

Как создать страницу контактов

Почти на каждом сайты Вы можете найти раздел контактов, где пользователь может отправить письмо администратору сайта.
Давайте рассмотрим как сделать подобную форму на своем сайт, это очень просто!
Войдите в админ панель CMS WordPress, через Ваш личный кабинет или по адресу Ваш_домен/wp-admin/:

Создадим страницу «Контакты», для этого переходим в раздел «Страницы / Все страницы»:

Нажмите на кнопку «Добавить новую»:

Укажите название страницы и нажмите на кнопку «Использовать Divi Builder»:

Выберите «Построить с нуля»:

Исходя из дизайна Вашей страницы выберите разбивку блока, мы выберем сплошной:

Выберите модуль «Контактная форма». P.S. Не путайте с модулем «Напишите Оптин»

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

Укажите почтовый ящик, на который должны приходить сообщения с сайта:

По умолчанию Ваша форма контактов содержит поля:

  • Имя
  • Mail
  • Сообщение

Вы можете добавить дополнительно нужные Вам поля, для этого нажмите на кнопку «+»:

Для примера добавим еще одно поля для ввода номера телефона.
В поле «ID поля» название нужно указывать латинскими буквами, укажем «phone».
В поле «Заголовок» укажем название «Номер телефона»:

Поскольку поле для номера телефона подразумевает ввод только цифр, то мы можем задать дополнительные параметр, что пользователь в данном поле вводить только цифры. Для этого во вкладке «Опции поля», в строке «Допустимые символы», выберите «Только цифры (0-9)»:

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

Нажмите на «Сохранить»:

Поле для ввода номера телефона добавлена и настроена, но расположена она в самом конце, правильно было бы ее разместить над полем «Сообщение»:

Изменить порядок полей очень просто, войдите в настройки модуля:

Наведите курсор на поле «phone», курсор должен изменить, зажмите левую клавишу мышки и перетащите поле на нужно место в списке поле, отпустите клавишу мышки:

Под полями для ввода сообщения по умолчанию активна «Captcha», которая помогает защитить Вашу форму от спам ботов. Мы не рекомендуем отключать ее, но если очень нужно, то сделать это можно в разделе «Spam Protection»:

Сохраните настройки:

Сохраним изменения для данной страницы. Нажмите на кнопку «…»:

Нажмите на кнопку «Опубликовать»:

Нажмите на кнопку «Сохранить»:

Проверьте работу формы отправки сообщений на Вашем сайте.