Как создать контактную форму в wordpress — плагин contact-form

Здравствуйте дорогие друзья! Сегодня мы будем говорить о создании контактной формы.

форма, контакты

Для того ,чтобы с вами могли связаться, узнать о вас что-то новое, получить ответ на желаемый вопрос, сделать уникальное предложение или разместить рекламу – вам обязательно нужна контактная форма!

Конечно можно оставить и такие контактные данные, как адрес электронной почты, номер телефона или icq, но пользователю, чаще всего, удобнее заполнять именно такую форму (созданием который мы сейчас и займемся), ежели писать на почту, а уж тем более звонить.

И так, давайте приступим к созданию!

На создание у вас уйдет не больше десяти минут, так как нам поможет замечательный плагин под названием contact-form.

Как вы уже поняли, для начала нам нужно скачать плагин contact-form с официального сайта wordpress. После этого устанавливаем его.

Теперь заходим в администраторскую панель вашего сайта и переходим: Настройки ? Контакты (СА7)..

Перед вами страница настроек, на который вы сразу же увидите полоску с кодом..

Просто берем и копируем ее, после чего, вставляем его на страницу “Контакты” (то есть туда, где вы хотите видеть эту форму) – обязательно в HTML редактор!

Здесь же можете настроить поля формы, допустим, изменив стандартные слова на свои..

Все! Теперь у вас появятся стандартные для заполнения поля. Можете проверить работоспособность, заполним имя, адрес, тему и конечно же сообщение.

Конечно для кого-то этого будет достаточно, но я считаю ,что необходимо установить элемент – Captcha (защитный код) от спама, ведь вместе с письма пользователей, вам будут приходить и спам-сообщения, также как и в комментария. Кстати, о том, как избавиться от спама в комментариях я уже писал.

И так, для установки защитного кода, нам понадобится еще один плагин – скачиваем здесь и, естественно, устанавливаем его.

Теперь снова переходим к настройкам плагина contact-form..

Справа нажимаем на ? Генерировать тэг ? CAPTCHA..

Произошла генерация двух строк, одна отвечает за вывод случайной картинки, а другая за ввод кода.

Просто копируем их и вставляем в форму после строк:

<p>Сообщение<br />
[textarea your-message]

Также можно добавить произвольный текст.

Чтобы вам было проще, я приведу уже готовый пример всего кода..

<p>Ваше имя (обязательно)<br />
    1 </p>
 
<p>Ваш E-Mail (обязательно)<br />
    [email* your-email] </p>
 
<p>Тема (желательно)<br />
    1 </p>
 
<p>Сообщение<br />
    [textarea your-message] </p>
Вместо этих слов вставляем первую строчку!
Вместо этих слов вставляем вторую строчку!
<p>Введите защитный код<br />
<p>[submit "Отправить"]</p>

Внимание: не забудьте заменить две строчки кода на ваш код! (код – который был сгенерирован ранее).

Вот так и выглядит ваша форма в программном варианте.

Вот теперь точно все! Зайдя на страницу “Контакты” – вы увидите поля для заполнения, а также защитный код от спама.

Если вам нужно создать какую-то другую контактную форму, то в настройках плагина просто нажмите ? Добавить новую..

Также, окромя защитного кода, можно производить генерацию таких тэгов (кодов), как:

– Вопрос

– Радио кнопка

– Текстовое поле

– Поле email

– Кнопка переключатель

– Выпадающее меню

– Отправка файла

– И другие..

Как видите, возможностей у данного плагина очень много, остается только включить свою фантазию и действовать!

Если у вас есть вопросы по данной теме, то оставляйте их в комментариях.

На этом данный урок wordpress подошел к завершению, подписывайтесь на обновления для того, чтобы получать уроки самым первым! С вами был Виталий Admin. До свиданья!

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

Как создать контактную форму в wordpress — плагин contact-form: 42 комментария

  1. Oleg

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

    1. Виталий Admin

      Здравствуйте Олег! А какой тег вы выбирали? Может быть в этом и проблема? Думаю если поставить второе поле для ввода “темы”, то на почту должна приходить эта информация. Например вот так:

      Ваше имя (обязательно)
      [text 1=»your-name» language=»*»][/text]

      Ваш E-Mail (обязательно)
      [email* your-email]

      Тема (желательно)
      [text language=»your-subject»][/text]

      Введите адрес сайта
      [text language=»your-subject»][/text][/text]

      Сообщение
      [textarea your-message]

      [captchac captcha-165] [captchar captcha-165]

      Введите защитный код, Сергею спам не нужен!

      [submit «Отправить»]

      1. Виталий Admin

        То есть добавить это поле:

        Введите адрес сайта
        [text language=»your-subject»][/text][/text]

        1. Oleg

          Уже не помню, как делал, но добавил поля и внешне все смотрелось нормально. Вписывал сайт и отправлял без ошибки, но в письме данных о сайте не было. Спасибо за ответ, попробую так, может получится.

          1. Виталий Admin

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

  2. Oleg

    Как сделаю, сообщу. Еще вопрос, с помощью какого плагина вставляешь код в комментах? А то у меня в теме плагины код плохо отображают.

    1. Виталий Admin

      Плагин называется – SyntaxHighlighter, скачать можно здесь: http://wordpress.org/extend/plugins/syntaxhighlighter/ Чтобы опубликовать код, его нужно заключить в: [ php ] код [/ php ] – пробелы нужно убрать Таким способом можно вставлять как в комментарии, так и в статьях.

      1. Oleg

        Спасибо, Виталий! И его протестируем.

        1. Виталий Admin

          На здоровье! Желаю удачи!

  3. Фёдор

    Здравсвуйте Виталий вы мне посоветовали этот плагин , так как я задавал вопрос на мэилответы . И я хотел спросить у вас у меня всё равно данные со страницы не отправляются на почтовый ящик . Что делать????? Пожалуйста помагите 3 день мучаюсь

  4. Фёдор

    И ещё после заполнения всех данных пишет Не найдено К сожалению, по вашему запросу ничего не найдено. Как будто я поиск делаю . Помагите!!!!!!!!!!!

    1. Виталий Admin

      Здравствуйте Федор, опишите по-подробнее вашу проблему, как вы настраивали плагин?

  5. Фёдор

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

    1. Виталий Admin

      А вы одновременно не используете 2 плагина для формы? Я вам советую начисто удалить все плагины для создания форм(из админки и с сервера) и затем по новой установить плагин contact-form руководствуясь вышеизложенной инструкцией. Если не поможет, тогда будем пробовать что-нибудь другое.

  6. Фёдор

    Виталий половина проблемы решилась …..Больше не выходит сообщение : Не найдено К сожалению, по вашему запросу ничего не найдено.Но опять сообщение не приходит на почтовый ящик Что делать??

    1. Виталий Admin

      Федор, все же попробуйте начисто удалить плагины для формы, то есть удалить и с хостинга тоже, просто бывает так, что удалятся не все файлы старого плагина, после этого установите contact-form четко по инструкции.

  7. Фёдор

    Наверное сообщение : Не найдено К сожалению, по вашему запросу ничего не найдено выходит только в опере может быть потому что у меня на компьютере стоит старая версия оперы. Как думаете это могло повлиять на этот плагин?

    1. Виталий Admin

      В принципе все возможно, напишите адрес вашего сайта – попробуют отправить сообщение через форму, у меня стоит Мазила.

      1. Фёдор

        Потому что через другой браузер всё идёт коректно

        1. Виталий Admin

          Надо будет еще раз перепроверить, но по-моему у меня и в и Опере нормально отправлялось.

  8. Фёдор

    У меня блог находится на локальном денвере

    1. Виталий Admin

      Может быть в этом и вся причина?

  9. Настя

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

  10. Виталий Admin

    Нет, плагина не использовал, это стандартные комментарии WordPress, ничего не удалял, просто поработал над дизайном. В данной статье описывается создание формы обратной связи и она ни как не связана с комментариями.

  11. Дмитрий

    Добрый день Виталий! Я вам писал насчет Contact Form. Значит ситуация в следующем перенес сайт на другой хост , все работает четко, но есть одно но. Когда пользователь регистрируется на моем сайте, заполняет форму, далее нажимает на кнопку “регистрация” его переносит на страницу регистрации старого домена. т.е. в адресной строке он видит”старое имя сайта.рф а не “новое имя сайта.info” хотя в базу его данные уже сохраняются уже на новом домене! Подскажите пожалуйста как исправить эту проблему! Вообщем у меня два одинаковых сайта только разные доменные имена один на рф другой на латинице. И тот что на латинице в админке WP далее Contact Form пишет “Контактная форма 1 Найдено 7 ошибок конфигурации”

    1. Виталий Admin

      Добрый день, скорее всего сайт не до конца перенесли, сначала нужно посмотреть в самой админке – Настройки – Общие (от корня это /wp-admin/options-general.php), там Адрес WordPress (URL) и Адрес сайта (URL) должны новые стоять. Если в админке все нормально, значит в базе данных где-то старый домен, соответственно, нужно будет в базе подправить.

  12. Дмитрий

    Виталий в админке все норм. Проверил файл через notepad++ но там нет вообще ни нового ни старого доменного имени!

  13. Дмитрийй

    проверил файл options-general.php через notepad++ но там нет ни старого ни нового доменного имени.

  14. Виталий Admin

    options-general.php – это я просто путь указал к настройкам в админке, сам файл открывать не нужно, делается через админку – Настройки – Общие. Если не помогло, значит надо в базе данных внести правку, можно сделать, например, через phpmyadmin

    1. Дмитриййq

      Опишите пожалуйста пошагово действия после захода в phpmyadmin. что и где именно там нужно прописывать

      1. Виталий Admin

        Точно уже не помню структуру, но попробуйте слева выбрать таблицу wp_options и в ней посмотрите поле siteurl

        1. Дмитриййqgfgffdg

          посмотрел поле поле siteurl там указано новое доменное имя! Какие еще могут быть варианты для устранения данной проблемы? Виталий!!!

          1. Виталий Admin

            Попробуйте отключить все плагины и проверьте еще раз

          2. Дмитриййqgfgffdg

            Сейчас попробую! Виталий а вот еще последний вопрос! Как сделать так чтобы при регистрации в поле E-mail, при попытке ввода e-mail адреса который уже есть в базе, выдавал надпись типа “e-mail адрес уже зарегестрирован”??

          3. Виталий Admin

            Для этого нужно править файл wp-login.php

  15. Дмитриййqgfgffdgвыыы

    не помогло!

    1. Виталий Admin

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

      1. Дмитриййqgfgffdgвыыыкк

        а что именно необходимо править в файле wp-login? Извините за назойливость!!

Обсуждение закрыто.