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

Автор: sergey-oganesyan.ru | 18.01.2012

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

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

Конечно можно оставить и такие контактные данные, как адрес электронной почты, номер телефона или 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 комментария

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