Как настроить плагин Contact Form 7 инструкция


Здравствуйте!

Недавно заметил, что у плагина Contact Form 7 изменился дизайн страницы настроек плагина, то есть разработчики обновили плагин. Суть настроек не поменялась, а вот внешность страницы изменилась, поэтому решил написать новую статью о том, как настроить плагин Contact Form 7. У меня на сайте есть уже статья о настройке данного плагина, но получается что она уже не подходит.

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

 

13-09-2015 14-40-49

 

 

Чтобы настроить плагин, перейдите по вкладке: Contact Form 7.

 

13-09-2015 15-10-28

 

На странице – Формы, у вас уже будет готовая форма по умолчанию – Контактная форма 1, но в ней нет защитной каптчи, поэтому дальше я объясню вам как добавить в форму защитную каптчу и заодно объясню как установить обратную форму связи непосредственно на сайт. Делается всё это очень просто.

 

13-09-2015 15-24-19

 

Итак, для добавления в форму защитной каптчи вам необходимо установить плагин – Really Simple CAPTCHA. Установить данный плагин вы так же сможете из своей админ-панели wordpress. Переходите по вкладке: ПлагиныДобавить новый, вводите название в форму поиска, нажимаете Enter, устанавливаете и активируете найденный плагин.

 

13-09-2015 15-22-46

 

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

 

А теперь после того как вы установили и активировали плагин – Really Simple CAPTCHA, зайдите снова на страницу Contact Form 7 и нажмите на вкладку – Изменить, под названием формы.

 

13-09-2015 15-34-37

 

Затем на странице – Редактировать форму, в поле – Шаблон формы, вам нужно выделить место под каптчу после тега Сообщение, и нажать вверху на кнопку – Captcha. (Смотри на скриншоте ниже)

 

13-09-2015 15-37-07

 

У вас откроется окно, где вам нужно только нажать на кнопку – Insert Tag.

 

13-09-2015 15-37-38

 

После чего, в шаблоне формы, после тега Сообщение, у вас появится код каптчи.

 

13-09-2015 15-38-08

 

Всё, защита готова, теперь нажмите вверху на кнопку – Сохранить.

 

13-09-2015 15-38-47

 

Да, вот ещё что, забыл вам сказать, email на который будут отправляться вам письма, установлен по умолчанию, который прикреплён к вашей админ панели, то есть административный email. Если вы хотите установить в форму, для получения писем какой-либо другой email, то снова зайдите на страницу – Редактировать форму, нажмите в меню на вкладку – Письма.

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

В поле – From, будет указан email, который будет отображаться в письме получателя, как email отправителя. То есть если вы ответите на высланное вам письмо, то будет отображаться данный email.

Вот при желании можете как-то поменять данные email адреса, чтобы вы знали.

 

13-09-2015 16-15-37

 

Итак, мы установили в готовую Контактную форму 1, защиту в виде каптчи. Теперь я покажу как установить данную форму на свой сайт. Переходите снова на страницу – Формы, и скопируйте шорткод Контактной формы 1, который располагается с правой стороны.

 

13-09-2015 15-54-50

 

Теперь вам нужно создать страницу для вашего сайта – Обратная связь или Контакты, в общем придумайте название для неё. И вставить в поле для создание страницы скопированный шорткод. После чего опубликовать страницу.

 

13-09-2015 15-59-35

 

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

 

13-09-2015 16-01-05

 

На этом у меня всё, если у вас остались вопросы по статье, то обязательно напишите мне! До новых встреч!

 

Поделиться ссылкой:

Данная статья принадлежит сайту info-effect.ru


Как настроить плагин Contact Form 7 инструкция обновлено: Май 23, 2019 автором: Илья Журавлёв

27 комментариев

  • Ирина 14.04.2016

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

    Возможно, веб-страница домен/wp-comments-post.php временно недоступна или находится по новому адресу.

    Как исправить?

  • Илья Журавлёв 14.04.2016 Автор

    Прям так сходу сложно сказать, нужен анализ админ-панели и возможно панели хостинга. Могу посмотреть, скиньте мне свои данные на email.

  • karina 04.01.2017

    после установки формы, письмо на электрону не приходит, что делать?

  • Василий Левашкевич 17.04.2017

    Илья, Ну не получается сделать эту элементарную настройку. Вот смотрите скриншот prntscr.com/exeoeq Нет здесь кнопки “Каптча” ! Плагин Really Simple CAPTCHA и Контакт форма 7 активированы, я и перезагружал комп. Без толку. Как мне эту Каптчу добавить в форму обратной связи? А каптча нужна, потому что стали внедряться боты.
    Помогите, пожалуйста.

  • Илья Журавлёв 17.04.2017 Автор

    Да, всё верно. Вместо обычной капчи теперь reCaptcha. Её можно подключить на странице “Интеграция”, а потом также добавить в форму, как и обычную. Вот здесь я показывал как создать ключи в сервисе Google reCaptcha – функция Я не робот.

  • Илья Журавлёв 17.04.2017 Автор

    В сервис Google reCaptcha зайдёте и по инструкции действуйте, там всё просто. Затем полученные ключи на страницу “Интеграция” вставите. Ну и соответственно reCaptcha в форму добавите.

  • Елена 21.02.2018

    Начинающий! Не могу никак настроить форму Письма. Шаблон формы обратной связи делала свой все строки заполняются. Коды перенесены в Письмо. Письма с сайта уходят, но в письме информация забитая в форме (по строкам) НЕ ОТРАЖАЕТСЯ. Подскажите

  • Илья Журавлёв 21.02.2018 Автор

    Вы явно что-то не так сделали. Вот здесь я показывал как, на примере заказа звонка.

  • Алексей 26.03.2018

    Здравствуйте, Илья, Вопрос не совсем непростой. Можно ли сделать так, чтобы при нажатии на кнопку отправить письмо уходило на почту, но одновременно открывалась другая страница, Например, оплата? Спасибо.

  • Илья Журавлёв 26.03.2018 Автор

    Добрый день. Надо подумать. Я напишу вам, если найду вариант.

  • Петр 27.03.2018

    Добрый день. Можно ли на Contact Form 7 изменять размер полей?

  • Илья Журавлёв 27.03.2018 Автор

    Добрый день. Да, конечно можно. Но, не размер полей, а отступы margin и padding. Если вы укажете фиксированный размер для полей, они перестанут быть адаптивными. Вам может помочь плагин SiteOrigin CSS. Также рекомендую:

    Contact Form 7 Skins
    Contact Form 7 Style
    Save Contact Form 7

  • Ольга 02.04.2018

    Не подскажете, как сделать, чтобы виден был не стандартный чекбокс принятия условий, а кастомный? Я сделала через псевдоэлементы тега label. Пока верстка была не на wordpress, все было красиво. На CMS подключила плагин CF7, а он отказывается рисовать псевдоэлементы: в инспекторе отсутствуют у label ::after и ::before, хотя классы тегам прописаны и в файле стилей все есть.

  • Илья Журавлёв 02.04.2018 Автор

    Добавьте в виде html кода, без тега label.

  • Ольга 02.04.2018

    Решение нашла сама… Все получилось.

  • Ольга 02.04.2018

    Стили, написанные мной для label, добавила в файл стилей плагина.
    Там была запись:
    span.wpcf7-list-item-label::before,
    span.wpcf7-list-item-label::after {
    content: ” “;
    }, которая не давала сделать кастомный чекбокс.
    Вот этим элементам и добавила, а эти строки убрала.
    Само собой, чтобы галочка ставилась, нужны правила для селекторов вида:
    .form__checkbox:checked ~ span.wpcf7-list-item-label::after {…}

  • Влад 18.04.2018

    Здравствуйте. Подскажите, установил данный плагин на сайт который находится на локальном сервере. Попробовал отправить письмо на емейл. Письмо отправляется, но на почту не приходит. Плагин работает только когда сайт подключён к хостингу? Или может быть другая проблема?

  • Илья Журавлёв 18.04.2018 Автор

    Здравствуйте. Смотрели папку Спам?

  • Влад 18.04.2018

    Папка пуста. Менял адреса, майл ру, гугл почта, яндекс. Письма не приходят.

  • Илья Журавлёв 19.04.2018 Автор

    Значит точно из-за этого. Лучше сайт сделать на бесплатном хостинге.

  • Влад 19.04.2018

    Попробую. Спасибо.

  • Илья Журавлёв 19.04.2018 Автор

    На хостинге Beget можно очень просто WordPress установить, бесплатно. У меня там два сайта черновика.

  • Андрей 21.06.2018

    Бодрого настроения, Илья! Подскажите как привязать контактную форму на кнопки сайта? По ходу я “трою”, не могу в поисковике найти нужную инфу. К примеру есть кнопка на слайдере, я хочу к этой кнопке сделать модальное окно…

  • Николай 28.07.2019

    Каким образом осуществить запрет на повторную отправку формы Contact Form 7 для одного e-mail с выводом информационного сообщения при попытке совершить такое действие с текстом, к примеру — «Повторная отправка формы для одного e-mail не возможна»

    Установлены следующие плагины:
    Contact Form 7
    Advanced Contact form 7 DB
    Contact Form DB
    Contact Form 7 Redirection

  • Илья Журавлёв 28.07.2019 Автор

    Для чего вам это, что хотите сделать?

  • Николай 29.07.2019

    Пример: получение бесплатной единицы товара, т.е. человек отправляет запрос на получение бесплатного (промо, подарочного) варианта товара, при этом одно из дополнений плагина contact form7 указанных в предыдущем сообщении сохраняет в базу данных его почтовый адрес, который он указал при отправке формы, и, что бы человек не смог повторить заказ бесплатной единицы товара повторно с одного email, нужно включить запрет (проверку) по списку сохраненных почтовых адресов из ранее отправленных форм… Как-то так,… вроде получилось описать процесс…

  • Илья Журавлёв 29.07.2019 Автор

    В плагине Contact Form 7 такой функции точно нет. Скорей всего вам лучше сразу к разработчику обратиться. Либо самому стать программистом.

Добавить комментарий

Ваш e-mail не будет опубликован.

 

Внимание! Вы соглашаетесь с Политикой конфиденциальности сайта info-effect.ru


Обратная связь

Политика конфиденциальности - Пользовательское соглашение