Как создать контактную форму в 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 подошел к завершению, подписывайтесь на обновления для того, чтобы получать уроки самым первым! С вами был Сергей Оганесян. До свиданья!

Бонус на сегодня: видео о компьютере будущего – стильном, компактном и очень удобным. Если бы их начили выпускать, то я непременно купил бы себе такой же..
 

[youtube]LaK68jvSr34[/youtube]


Хостинг, которым я пользуюсь: Good-Host


Похожие статьи

  1. Oleg пишет:

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

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

      Например вот так:

      <p>Ваше имя (обязательно)<br />
          [text 1="your-name" language="*"][/text] </p>
      
      <p>Ваш E-Mail (обязательно)<br />
          [email* your-email] </p>
      
      <p>Тема (желательно)<br />
          [text language="your-subject"][/text] </p>
      
      <p>Введите адрес сайта<br />
          [text language="your-subject"][/text][/text] </p>
      
      <p>Сообщение<br />
          [textarea your-message] </p>
      [captchac captcha-165]
      [captchar captcha-165]
      <p>Введите защитный код, Сергею спам не нужен!<br />
      <p>[submit "Отправить"]</p>
    • То есть добавить это поле:

      <p>Введите адрес сайта<br />
          [text language="your-subject"][/text][/text] </p>
      • Oleg пишет:

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

  2. Oleg пишет:

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

  3. Фёдор пишет:

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

  4. Фёдор пишет:

    И ещё после заполнения всех данных пишет Не найдено

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

  5. Фёдор пишет:

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

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

      Если не поможет, тогда будем пробовать что-нибудь другое.

  6. Фёдор пишет:

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

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

  7. Фёдор пишет:

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

  8. Фёдор пишет:

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

  9. Фёдор пишет:

    может быть

  10. Настя пишет:

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

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

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля отмечены *

*

code

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>