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


Раздел: Разработка сайтов

Дата последнего изменения: 2011-11-29 14:14:28

Просмотров: 12132

Читайте также:

Как добавить Яндекс Метрику на сайт
Как экспортировать базу данных в phpMyAdmin
Как импортировать базу данных в phpMyAdmin
Как установить Google Analytics на сайт
Как удалить сайт из Google Analytics
Что такое Google Analytics простыми словами

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

* Комментарий: (отменить ответ)

* Ваше имя:

Ваш e-mail:

*