/* Конец Nolix */

«

»

Мар 26 2015

Контактная форма без плагина

Форма для контактов

Маленький человек может сделать многое.

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

Спасибо, что заглянули на мой блог.

Пару дней назад я рассказал о плагине «Социальный замок для WordPress», а сегодня хочу рассказать как избавиться от одного лишнего плагина.

Для своей страницы «Контакты» я искал  форму обратной связи без плагина, так как их у меня уже за 30 штук. А как вы знаете, с каждым плагином увеличивается нагрузка на сервер, что препятствует быстрой загрузке сайта.

Это сокращает количество посетителей, которые покидают ещё не загрузившийся сайт, а поисковые системы регистрируют отказы пользователей, тем самым ухудшая поведенческие факторы вашего детища.

А вы всё думаете, почему посещения не растут или находятся на одном уровне. Помните, что потерять посетителей можно в один миг, а восстановить доверие поисковых систем к сайту придется добиваться месяцами.

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

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

У меня роль контактной формы выполнял плагин Contact Form 7. Он простой в настройках и никаких других функций не выполняет, кроме почтовика. То есть написанное посетителем сообщение на вашем сайте, плагин отправляет его к вам на email.

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

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

Я лично не силен в программировании и не всегда рискую изменять стандартные файлы темы. Потому что можно потерять всё, что уже работает. Если знаю как и проверил наверняка, тогда принимаюсь за внедрение задуманного.

Поэтому сегодня хочу представить вам форму обратной связи. По дизайну она ни чем не отличается от той, что представляет плагин Contact Form 7.

Контактная форма без плагина проста в исполнении, работает безотказно и выполняет такую же функцию как и плагин. Кроме того не надо знать основ программирования. Скопировал, вставил, работает.

Я забыл, у какого блогера позаимствовал код контактной формы без плагина. Спасибо ему за её простату. Если он когда-нибудь прочтёт эту статью и узнает предложенный мною свой код, я обязательно установлю ссылку на его сайт.

Переходим непосредственно к созданию формы обратной связи. Для этого создайте обычную новую страницу Wodpress, назовите её «Контакты» или «Связаться со мной». Название выбирайте на своё усмотрение.

В режиме редактирования страницы перейдите по кнопке «HTML»(Текст), и вставьте ниже указанный код:

<form name=»MyForm» action=»/wp-content/themes/ваша тема/mail.php» method=»post»>
<p><input class=»input» name=»name» type=»text» style=»width:31%» value=»Ваше имя:» onfocus=»if(this.value==this.defaultValue)this.value=»;» onblur=»if(this.value==»)this.value=this.defaultValue;» /></p>
<p><input class=»input» name=»email» type=»text» style=»width:31%» value=»Ваш email:» onfocus=»if(this.value==this.defaultValue)this.value=»;» onblur=»if(this.value==»)this.value=this.defaultValue;» /></p>
<p><input class=»input» name=»sub» type=»text» style=»width:31%» value=»Тема:» onfocus=»if(this.value==this.defaultValue)this.value=»;» onblur=»if(this.value==»)this.value=this.defaultValue;» /></p>
<p>Текст сообщения:<textarea name=»body» cols=»1″ rows=»5″ style=»width:98%» onfocus=»if(this.value==’Текст сообщения’){this.value=»};» onblur=»if(this.value==»){this.value=’Текст сообщения’}» >Текст сообщения</textarea></p>
<p><input value=»Отправить» type=»submit» /></p>
</form>
Этот небольшой код и есть наша контактная форма без плагина. Его объём составляет всего 2 Кб, что меньше любой картинки на вашем сайте. Как видите, совсем просто и избавит сайт от нагрузки одного плагина.  В простом варианте она выглядит так:

Контактная форма без плагина

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

Вставьте в поле $adress свой адрес почты. Не забывайте сохранять изменения, только после этого переносите на хостинг.

Копируйте внимательно, чтобы в начале кода были знаки <?php и ничего больше в этой строке, даже пробелы, и в конце кода стояли ?> и тоже ничего после них.

В строке charset = UTF-8 должны быть два обратно наклонных слеша. Иначе получите сообщение как на скриншоте ниже.

Вместо текста абра кадабра

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

Всё. Форма должна работать на пять.

Попробуйте и вы освободитесь от лишнего плагина.

У вас будет контактная форма без плагина.

На этом всё.

Пока.

До встречи в следующей статье « .

С вами был, Николай Иванов.

ЗАДЕРЖИСЬ НА ОДНУ МИНУТУ И ОСТАВЬ СВОЙ КОММЕНТАРИЙ. ПОСОВЕТУЙ ДРУЗЬЯМ.

Подписаться на блог по эл. почте

Введите свой E-mail и получайте новые статьи на почту.

//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js

6 пингов

Не забудьте оставить комментарий:

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.