«

»

Сен 16 2014

Форма обратной связи для сайта с помощью плагина

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

Всем доброго дня. Рад видеть Вас на моем блоге boqdanov.ru. Давно не пополнял рубрику «Создание и продвижение блога». Немного занят созданием базы кодов и скриптов «Скажем плагинам нет». Все почти готово, остались небольшие штрихи. Эту шпаргалку я собирал по крупицам со всего интернета.

Чем она будет полезна?

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

А сегодня я расскажу Вам, как сделать форму обратной связи для сайта с помощью плагина. Форма обратной связи должна быть на каждом сайте, а если вы ведете блог, то ее присутствие обязательно. С помощью формы идет прямое общение посетителей с автором блога. Не всегда можно что-то спросить в комментариях. Бывает, что автор на странице «контакты» или «обратная связь», указывает только свою почту для связи. Чтобы написать обширное письмо с предложением или заказать услугу приходится открывать свою почту и строчить письмо там, что не всегда удобно.

Как сделать форму обратной связи с помощью плагина?

Самый популярный на сегодняшний день плагин для вывода формы связи, я считаю CONTACT FORM 7. Скачать плагин можно здесь или непосредственно через административную панель. Как скачать и установить плагин, можно почитать в статье, «Плагины для моего блога»

forma obratnoi svazi WordPress1

Хорошо. Вы скачали и активировали его, переходим к настройке плагина.  Находясь в админ. панели, слева переходим на вкладку «Contact».

forma obratnoi svazi

На данной странице и происходит настройка этого плагина. Здесь можно изменять все поля на свое усмотрение.

forma obratnoi WordPress Спускаемся вниз и видим форму, где необходимо ввести свой e-mail адрес. Обычно движок WordPress прописывает его автоматически, но если хорошо постараться, то можно заменить его.

obratnoi svazi WordPress

После всех настроек, создаем на сайте отдельную страницу под названием «Обратной связи» или просто «Контакты» и в режиме текста, вставляем вот этот код.

forma obratnoi

forma  svazi WordPress

 

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

forma

Если оставить ее в таком виде, то через неделю – другую ваш почтовый ящик превратится в помойку писем (Спамеры не дремлют). Чтобы этого избежать, необходимо поставить некую защиту от спама в виде обычной капчи. Прибегаем к помощи еще одного плагина. Скачиваем и устанавливаем Really Simple CAPTCHA. Далее активируем его и переходим на вкладку «Contact». В выпадающем списке находим «Сгенерировать тег» и выбираем пункт «CAPTCHA». Отсюда копируем два кода. Первый отвечает за поле ввода, а второй за само оформление.  Эти два кода мы вставляем в форму настроек и сохраняем изменения.

forma obratnoi WordPress1

 

После этого  обновляем страницу «Обратная связь» и ура все отлично работает. Форма связи выводится с капчей.

forma svazi

 

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

Следующие три плагина не буду так подробно описывать. Принцип активации и настройки у них практически одинаков.

Contact Form Plugin— с помощью этого плагина можно выводить форму связи, как на отдельной странице, так и в конце поста. Есть русский язык и минимальное количество настроек.

SimpleModal Contact Form (SMCF) этот плагин также имеет русский язык и работает при помощи jQuery. Этот плагин выводит форму обратной связи, которая всплывает в модальном окне.  Можно активировать и посмотреть, как это все выглядит.

И последний плагин, о котором хочу немножко рассказать –Usernoise.  Этот чудо-плагин выводит простую, красивую форму обратной связи с набором функций. После установки и активации на блоге выводится плавающая кнопочка, при нажатии которой открывается форма для написания текста. С помощью этой формы можно разделять по типам свое обращение: задать вопрос, написать пожелание, предложить идею, выразить благодарность. Все эти функции с легкостью можно настроить из административной панели.  Превосходно работает во всех известных браузерах, имеет высокую производительность и практически не влияет на скорость загрузки сайта. Теперь мы знаем, как выводится форма обратной связи в WordPress с помощью плагина.  На этом буду заканчивать. Спасибо, что прочитали мою статью до конца. Удачи в делах!

С уважением, Богданов Антон!

 

Интересные материалы по теме:

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

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: