Форма обратной связи — привет, admin!

Форма обратной связи — привет, admin!

Всем привет. Сегодня тема моего поста – форма обратной связи для сайта. Очень долго не могла собраться ею обзавестись – мысль о том, что надо будет установить аж целых два плагина не давала мне покоя. Форма обратной связи для сайта Но вот вчера решила — надо сделать, и очень обрадовалась, узнав, что в этом деле есть кое-какие варианты. Так что, устанавливая форму обратной связи к себе на блог, нам будет из чего выбирать.

Форма обратной связи для сайта — в чем фишка?

Возникает вопрос: для чего нужна обратная связь, если на сайте после каждого поста есть возможность оставить комментарии? «Спросите и отвечено будет вам...» Только вот в этом «спросите-пишите» есть один маленький нюанс: комментарии увидят все посетители сайта, а письмо, отправленное через обратную связь – только админ. Я вот тоже как-то воспользовалась этой формой: стыдно было прилюдно просить о помощи, да еще, о ужас, предлагая за это деньги. Но отвечено мне не было. На этом переписка иссякла.

Итак, понятно, что форму обратной связи сделать придется, поскольку это не просто дань моде, а какая-никакая производственная необходимость. И здесь, как я уже говорила, есть два варианта. Вернее – три. Но третий мне не очень пока нравится, поскольку предполагает необходимость копаться в коде. Так что будем исходить из того, что вариантов у нас сегодня – два.

Делаем форму обратной связи

Вариант первый – традиционный: сделать форму обратной связи с помощью плагинов. Как я уже упоминала — здесь их целых два. Первый плагин - Contact Form7 отвечает за вывод формы связи, т. е. за те самые поля, куда мы вписываем наши имя и e-mail. Ну а Really Simple Captcha – наша защита от коварных спамеров, те самые несколько цифр, которые мы вводим, чтобы отправить письмо адресату. Значит, скачиваем оба плагина и помещаем их в папку plugins на нашем сервере.

Заходим в админку, в раздел Плагины. Активируем, смотрим. Слева, под разделом Параметры появилась надпись Контакты CF7. Если ваш плагин уже переведен на русский язык, то ничего делать вам не придется. Если нет – то привычные Ваше имя, Ваш e-mail напишете по-русски. Теперь самое время. Наша страница обратной связи создать новую страницу, которую мы и назовем Обратная связь. Пару слов – здесь будет......, и опубликуйте. После этого в режиме HTML вставьте код формы обратной связи со страницы настроек плагина Contact Form7.

Итак, основная работа сделана, искомая форма на сайте появилась, но пока что она ничем не защищена. И, поскольку мы не планировали затевать переписку со спамерами, то теперь наша задача – установить капчу. Устанавливаем защиту от спама Вывести ее можно, использовав два коротеньких кода, которые располагаются под строкой Сообщения. Не забудьте заключить их в тэги <p></p> — абзац.

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

Удаляем код комментариев

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

Вариант второй – именно тот, что я и осуществила на своем блоге – воспользоваться услугами сервиса Main-ip. ru. Процесс установки формы занял у меня 10 минут, причем никаких заморочек с плагинами, регистрация – всего два слова. Единственный минус — это то, что здесь, как говорится, два в одном флаконе — и форма обратной связи и капча объединены в один код. Поэтому, поставить что-то более серьезное - WP-reCAPTCHA, или, наоборот, менее серьезное, но посимпатичнее - ImHuman или WP-NOTCAPTCHA тут не получится. Но ведь для нас главное — спамер не пройдет! Поэтому с удовольствием расскажу об этом сервисе, общение с ним мне очень понравилось.

Итак, заходите по адресу main-ip. ru — Форма обратной связи. Здесь вы можете сгенерировать. Генерация формы обратной связи будущую форму: задать цвет, размер, выбрать необходимые поля для ввода. Нажать – Сгенерировать и далее скопировать и разместить у себя на сайте предложенный код (разумеется, в режиме HTML). И уже после этого пройти на страницу регистрации и ввести URL вашего блога и e-mail, на который вам будут писать ваши читатели. После этого проверьте работоспособность формы, отправив себе же письмо, скажем, от Васи Пупкина и убедитесь, что все в порядке, все работает.

Установив форму обратной связи от Main-ip. ru, я и сюда перетащила свою картинку, и вот теперь полностью довольна результатом.

Во-первых, в данной форме присутствует хоть какая-то цветовая гамма, а не просто серые линии, как в варианте с плагином.

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

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


Карта сайта


Информационный сайт Webavtocat.ru