Практически на каждом блоге есть страничка под названием «Контакты» или «Связаться с автором». На этой странице указаны контактные данные: скайп, e-mail, телефон или ISQ. Но для удобства пользователей можно установить контактную форму, которая предложит вашим клиентам ввести имя, e-mail, тему сообщения и само сообщение. А вы получите это сообщение, просматривая свою электронную почту. Все очень просто и удобно, не правда ли? А как все это настроить и разместить на блоге, я расскажу вам в этой статье.
Итак, для установки контактной формы нам понадобятся 2 плагина. Скачиваем первый плагин – Contact Form 7 и устанавливаем его в админке: Плагины -> Добавить новый -> Загрузка. После установки активируем плагин и переходим в его настройки: слева внизу вы увидите новый блок под названием Contact.
В настройках все нормально стоит по умолчанию. Нам лишь необходимо скопировать самый верхний код (на коричневом фоне):
[contact-form 1 "Форма для контакта 1"]
После этого мы переходим в админке на нашу страницу, где собираемся разместить контактную форму, и просто вставляем этот код. Вот и все! Нажимаем «Опубликовать» и переходим на страничку блога, чтобы полюбоваться нашей формой.
«А на какой e-mail будут приходить отправленные письма?» – спросите вы. В настройках плагина Contact Form 7, откуда мы копировали код формы, по умолчанию будет стоять тот адрес, который вы прописали в общих настройках wordpress. Вот так все просто )).
После этого нам необходимо поставить защиту от спама. Мы ведь не хотим, чтобы через контактную форму мы получали на почту всякий хлам! А для этого нам поможет плагин Really Simple CAPTCHA. Точно также устанавливаем плагин и активируем его.
Теперь снова заходим в настройки Contact Form 7, и выбираем Generate Tag —> CAPTCHA.
В настройках можно ничего не менять, а просто скопировать по очереди 2 нижних строчки, и вставить их слева перед кнопкой отправить. Также добавляем подсказку читателям – «Введите код с картинки», как на скриншоте ниже:
Не забываем сохранить настройки и смотрим на результат! Не забудьте проверить работу контактной формы. Если у вас возникнут проблемы, а в частности надпись: «Ошибка отправки сообщения. Попытайтесь позже или обратитесь к администратору сайта», то обратитесь в службу техподдержки вашего хостинга. У меня возникала подобная проблема на хостинге SpaceWeb, и ребята из техподдержки помогли решить ее, за что им огромное спасибо. Оказалось, что это была их вина, а контактная форма, на самом деле, рабочая!
На этом все, дорогие друзья. С вами была Наталья Иванищева.
Кстати, рекомендую почитать:
Приглашаю присоединиться ко мне:
Ура! Молодец, Леночка, рада, что все получилось!
Наталья, спасибо большое,очень пригодится форма) Только она у меня получилась большая и довольно не привлекательная. Поделитесь пожалуйста информацией, как можно расстояние между полями уменьшить и строчки для ввода? Вобщем, как ее посимпатичней сделать?
Наталья, очень хотела Вам помочь, искала информацию на эту тему, но ничего не нашла. Была на Вашем блоге, посмотрела форму и поняла, что Вы имеете ввиду. Эта же форма стоит на блогах: и . Это мной созданные блоги и я могу за них сказать точно, что я устанавливала там плагин contact form 7. Здесь дело не в настройках формы, а в настройках темы. В Вашей теме прописано расстояние между строками большее по значению. Отсюда и расстояния между полями большое. Кстати, подобные вопросы задают люди и на этом блоге: , но ответов пока нет…
Наталья, спасибо большое за ваше желание помочь. Возможно мне удастся найти что-то под тему.И, конечно, будем ждать ответа на форуме
Спасибо! Установила все работает!!!!!
Юленька, я очень рада, что все получилось! Успехов Вам!!!
здравствуйте, возникла так же проблема на хостинге SpaceWeb, не подскажете в чем причина?
Анастасия, пишите в техподдержку на хостинг, ребята сказали, что это по их вине и сами все исправили. Причину не указали. Удачно Вам решить эту проблему!
Наталья, как-то опять судьба меня к Вам привела, за спасением. Не могу заставить работать плагин, и тоже на sweb, но мне кажется, что я его и устанавливаю неправильно. Копирую строчку, в редакторе html вставляю и сохраняю. Как строчка была, так строчкой и остается. Возможно, символы не добавляю какие-то, хотя слово code пробовала – и открывала, и закрывала. Буду очень благодарна за подсказку! Что-то с кодами у меня большая проблема в знаниях.
Надежда, скопировав строчку [contact-form 1 "Форма для контакта 1"] я ее просто вставила в визуальный редактор. И появилась форма. Не строка, а именно форма! И не нужно ставить больше никаких лишних тегов, просто вставить эту строку в визуальный редактор и опубликовать! Удачи Вам!
Наталья, добрый день.
Воспользовался вчера Вашим описанием для установки контактной формы на своем блоге, за что Вам большое спасибо!.
При этом я столкнулся с проблемой регулировки размеров полей формы, и судя коментариям к этой Вашей статье – столкнулся с ней не я один.
Немного повозившись, я разобрался с тем, как эти размеры можно регулировать, чем и хочу поделиться с Вами и читателями Вашего блога – .
Удачи!
[...] для этого советом Натальи Иванищевой (за описание этой «фишки ей большое [...]
Сменил настройки сайта, и сейчас статья находится по адресу
Роман, спасибо Вам за ссылку! Я и правда не знала, как регулировать размеры полей.
Спасибо, Наталья, за полезный урок! Очень просто и понятно объяснили. Теперь у меня тоже есть форма обратной связи.
Огромное Спасибо!
Сергей, очень рада, что у смогла Вам помочь! Успехов!
Вот все описывают плагин с минимумом его возможностей (ощущение – копируете друг у друга контент
). А вот чтобы кто-то описал подробно, да с картинками как изменить стили стандартного плагина, да с условием привязки к теме, установленной на блоге – цены бы вам не было. А то кругом одно и то же все – причем описание для школьников начальных классов.