Оформляем страницу контактов на блоге

Контакты

Всем привет!

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

Так вот сегодня мы поговорим о том, как не упустить потенциального читателя или рекламодателя, а для этого научимся делать форму обратной связи и вообще создавать страницу контактов.

Сразу отмечу, что наличие страницы «Контакты» и указанных в ней номера ICQ, ник в Skype и тому подобное, отнюдь не самое последнее. Главное, чтобы на данной странице была форма обратной связи, так как посетитель сайта просто может не захотеть в мессенджере искать Вас по указанному номеру.

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

Надеюсь, я переубедил Вас, что данная функция на блоге будет весьма полезна. Что ж приступим к выполнению поставленной задачи…

1. С начала нужно зайти в админку WordPress и создать новую страницу. Для этого идете по этому пути Страницы — Добавить Новую.

Добавить новую страницу

2. В заголовке страницы ввести что-то на подобии этого: «Контакты», «Связь», «Форма обратной связи»… Непосредственно в самом тексте страницы вставить картинку и написать хотя бы 2-3 предложения о том зачем она нужна. К примеру:

Контакты

3. Далее, нужно указать контакты. Я в основном на своих блогах указываю свой электронный почтовый ящик, номер ICQ и ник в Skype. Первый пункт можно и не учитывать в некоторых вариантах, в каких читайте дальше :).

4. Ну и последний штрих — это форма обратной связи. Чтобы ее создать на WordPress сайт (хотя нижеприведенный код пригодиться блогерам и на других CMS) нужно скпировать этот код и вставить в html-редактор страницы:

<form action=»/wp-content/themes/football-world/mail.php» method=»post» name=»MyForm»><input style=»width: 31%;» onfocus=»if(this.value==this.defaultValue)this.value=»;» onblur=»if(this.value==»)this.value=this.defaultValue;» type=»text» name=»name» value=»Ваше имя» /></form><form action=»/wp-content/themes/football-world/mail.php» method=»post» name=»MyForm»><input style=»width: 31%;» onfocus=»if(this.value==this.defaultValue)this.value=»;» onblur=»if(this.value==»)this.value=this.defaultValue;» type=»text» name=»email» value=»Эл. почта» /></form>
<p style=»text-align: center;»><input style=»width: 31%;» onfocus=»if(this.value==this.defaultValue)this.value=»;» onblur=»if(this.value==»)this.value=this.defaultValue;» type=»text» name=»sub» value=»Тема» /></p>
<textarea style=»width: 98%;» onfocus=»if(this.value==’Текст сообщения’){this.value=»};» onblur=»if(this.value==»){this.value=’Текст сообщения’}» name=»body» rows=»5″ cols=»1″>Текст сообщения</textarea>

<input type=»submit» value=»Отправить сообщение» />

Если все сделали правильно должно получиться, что-то вроде этого:

Форма обратной связи

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

Как видите всего две минуты работы, а пользы как всегда много. Запомните мои слова, когда к Вам обратиться первый рекламодатель со своим предложением :).

Для ленивых или тех, кто не хочет вставить лишний код на сайт, предлагаю вниманию плагин формы обратной связи для wordpressContact Form 7.

На этом у меня на сегодня все, оставляйте свои комметарии к статье, подписывайтесь на обновления блога и читайте материалы Checho.ru.

Всем удачи, с Вами был Вячеслав Чечотенко

Видео-эпилог: фантастический ролик с летунами или с бэтменами, как хотите :).

4 мысли о “Оформляем страницу контактов на блоге

  • 09.05.2012 в 17:47
    Permalink

    Я бы не стал использовать приведенный код — он не будет работать. Это потому, что, судя по коду, форма будет отправлена на скрипт /wp-content/themes/football-world/mail.php . Совершенно не факт, что у владельца ресурса есть такая директория, и в ней лежит такой скрипт. Contact Form 7 — действительно хорошее бесплатное решение для этих целей. Из платных можно взять GravityForms — там вообще никакого кода писать не надо, и редактор форм визуальный.

    Ответить
    • 09.05.2012 в 18:43
      Permalink

      Да, с плагином действительно выйдет быстрее. На счет кода тоже согласен, спасибо за замечание

      Ответить
  • 30.08.2013 в 23:52
    Permalink

    Я немного исправил код, и теперь он универсальный и подет не только на wordpress но и на любой CMS или даже на простом html.
    Вместо /wp-content/themes/football-world/mail.php
    Пишем просто /mail.php
    И сам файл mail.php соответственно помещаем в корневую папку сайта. Работает везде 100%.

    Ответить

Добавить комментарий

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