Курс по Wordpress

Форма обратной связи с помощью Contact Form 7

Разработка сайта

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

Использовать будем популярный плагин Contact Form 7.

Contact Form 7 WordPress настройка:

1. Первым шагом заходим в «Плагины» — «Добавить новый» — в строке поиска плагинов ищем «Сontact form 7»

Настройка плагина Contact Form 7

2. Как видите это довольно известный плагин более 25 миллионов скачиваний.

3. Устанавливаем его и видим появилась дополнительная строка в админке сайта.

Настройка плагина Contact Form 7

Хотите научиться делать сайты?
Чтобы сэкономить на разработке или зарабатывать деньги создавая сайты для других? Недавно я записал новый курс "Идеальный сайт на Wordpress" и "Лендинг в Elementor", где рассказал пошаговый план как создавать крутые сайты. Разработкой занимаюсь более 7-ми лет, на сайтах зарабатываю более 50 тысяч в месяц и в курсе я выложил всю технологию как делать такие сайты. Курс новый - 2020 года. Берите пока свежий. Подробнее читайте по ссылке.

4. Переходим туда и видим, что весь функционал на русском языке. Работать с плагином Contact Form 7 довольно легко. Там уже создана одна форма, которая многим подойдет. Если нажать «Изменить» под заголовком формы, то там мы увидим поля:

  • Имя
  • Емейл
  • Тема сообщение
  • Сообщение

Настройка плагина Contact Form 7

Тоесть стандартная форма, которую можно ставить на нашу страницу «Контакты»

5. Если нас все устраивает, то мы копируем код данной формы и идем в редактирование страницы «Контакты»

Настройка плагина Contact Form 7

6. Во вкладке «Текст» мы вставляем наш код и обновляем страницу

Настройка плагина Contact Form 7

7. И видим, что наша форма Contact Form 7 замечательно встала :-D Можем протестировать и отправить тестовое письмо. Снизу увидим сообщение подтверждения отправки, значит наше письмо успешно отправилось!

Настройка плагина Contact Form 7

Дополнительные настройки плагина Contact Form 7

Давайте еще раз зайдем в настройки плагина и спустимся ниже, тут мы видим строки, которые можем изменить.

Во-первых, это поле получатель, где мы можем сменить емейл, на который хотим получать письма. По умолчанию там стоит тот емейл, что прописан в настройках сайта.

Настройка плагина Contact Form 7

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

В-третьих, вы можете добавлять дополнительные поля в форму обратной связи. Для этого поднимитесь до настроек «Шаблона формы» и справа нажмите «Сгенерировать тег» и выберите нужный, например «Номер телефона».

Настройка плагина Contact Form 7

Теперь можете выбрать обязательное это поле или нет? Поставьте чекбокс, если «Да».

Настройка плагина Contact Form 7

Теперь нам нужно вставить два кода в «Шаблон формы» и в «Шаблон письма».
Сначала копируем код, что повыше и вставляем в «Шаблон формы» в такие же теги, как и другие коды стоят. А именно:

Телефон
[tel tel-111]

В моем случае телефон.

Настройка плагина Contact Form 7
Теперь копируем нижний код и вставляем в «Шаблон письма», так же подписав, что это телефон.
Не забываем сохранить форму и идем проверять)

Настройка плагина Contact Form 7

На этом все. Если все это кажется сложным, то просто установите плагин Contact Form 7 и зайдите в настройки. На деле все проще, чем кажется)

До встречи. Всех благ!

Заказать сайт
Поделитесь в соцсетях? Благодарю ✌
Илья Чигарев

Привет. Меня зовут Илья и я автор блога. Люблю путешествия, веб-дизайн и компьютерные игры. Всегда рад новым знакомствам. Веду блог, где рассказываю все секреты и фишки, которые мне принесли результат в онлайн маркетинге.

Оцените автора
( 1 оценка, среднее 5 из 5 )
Добавить комментарий

Отправляя данную форму вы соглашаетесь с политикой конфиденциальности сайта

  1. Вайдам

    Да плагин действительно один из лучших )

    Ответить
    1. Илья Чигарев автор

      Согласен с вами) До этого плагина, еще парочку пробовал, не подошли.

      Ответить

Получите крутые бонусы бесплатно!

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: