Практически любому сайту необходима форма связи, при помощи которой пользователи могли бы связаться с создателем :). Оставить свой отзыв или сообщить об ошибке. Но как же её реализовать в WordPress? Можно написать свою форму, но если не хватает знаний, то есть способ проще, в этом нам помогут плагины. В данной статье я расскажу про один из таких плагинов, называется он «Contact Form 7».
WordPress создание формы контактов.
Хотите разместить контактную форму на странице сайта, в этом нам поможет плагин «Contact Form 7», ниже расскажу как его установить и настроить. И так приступим.
- Нам необходимо установить сам плагин, вбиваем в поиске «Contact Form 7», устанавливаем и активируем.
- В панели администратора появится новый пункт «Contact Form 7», нажимаем на него.
WordPress Contact Form 7
- Переходим в «Контактные формы», и выбираем созданную форму по умолчанию:
WordPress форма по умолчанию
- Заходим в неё, видим форму которую мы можем отредактировать.
WordPress редактирование формы
В форме по умолчанию у нас есть поля: имя, e-mail, тема, сообщение и кнопка отправить.
12345678910111213<label> Ваше имя (обязательно)[text* your-name] </label><label> Ваш e-mail (обязательно)[email* your-email] </label><label> Тема[text your-subject] </label><label> Сообщение[textarea your-message] </label>[submit "Отправить"]Если необходимо добавить поле, то сверху есть готовые шаблоны, достаточна нажать и указать нужные параметры. Если вносили изменения не забываем нажать сохранить.
- Далее переходим во вкладку «Письмо», здесь мы настраиваем параметры отправки: от кого, кому, тема, сообщение. Тут думаю проблем возникнуть не должно, всё должно быть понятно.
WordPress настройка письма
- Так же Вы можете настроить уведомления которые будут возвращаться при отправке формы, на вкладке «Уведомления при отправке формы».
WordPress отправка уведомлений
- С настройками всё, дальше нам необходимо вставить наш шорткод на страницу. Сам шорткод можно взять в настройке формы, будет сверху.
WordPress вставка шорткода
У меня он такой:
1[contact-form-7 id="190" title="Контакты"]Копируем свой шорткод и просто вставляем на страницу.
- К примеру я создал страницу с названием «Контакты» и просто вставил туда наш шорткод.
WordPress вставка шорткода
- В итоге получилось такая форма:
WordPress форма контактов
Вот мы и создали свою форму. Это далеко не весь функционал плагина, можно создавать любые формы, использовать капчу и многое другое. Надеюсь данная статья Вам пригодилась, не забывайте подписываться на наш Канал и группу в ВК. Всем гору печенек и удачи!