Обратная связь на сайт с плагином и без

Опубликовано в Сайты / Создание блога с нуля
/
15 Сен 2013

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

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

 Контактная форма при помощи плагина

Первое что нужно сделать это скачать и установить плагин Contact Form 7 для WordPress. Скачиваем архив с плагином  по ссылке, распаковываем его на компьютер и загружаем в папку wp-content/plugins вашего блога или сайта. Поcле этого идём в админку вашего сайта, устанавливаем и активируем contact form 7.  В основном меню консоли WordPress появится ссылка «Контакты (CF7)», переходим по ней.

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

Настройки

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

44Вот так создается контактная при помощи плагина для WordPress, но данный способ прилично тормозит скорость работы блога. Для того что бы этого не происходило, лучше всего установить форму обратной связи без плагина. Как это сделать? Читайте ниже.

Форма обратной связи без плагина

Для создания подобной формы нам нужно воспользоваться сервисом main-ip.ru при помощи которого мы сможем сгенерировать форму обратной связи практически любого вида. Перейдя по ссылке выше мы оказывается на страничке генератора форм. С лева на странице расположена непосредственно сама форма, с лева же её настройки.

jj

По мимо основных полей, вы можете добавить до шести дополнительных. Так же можно менять цвет текста или самой формы, размер рамки вокруг формы, названия полей и многое другое. После того как вы закончите оформление формы, введите код с картинки и кликните по кнопке «Генерировать». Ниже появится ваша форма.jjЕсли вы считаете что такая форма подходит то кликните по кнопке «Получить код»  расположенной чуть ниже формы. В противном же случае вы можете изменить параметры формы и сгенерировать её заново. После нажатия на кнопку «Получить код» появится всплывающее окно с исходным кодом формы.

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

Немного новостей

1. Статьи теперь выходят каждое воскресенье

2. Изменился логотип блога

Не забываем оставлять комментарии и подписываться на  на страницу В контакте и rss ленту моего блога. До встречи!

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

  • Очень хороший плагин, пользуюсь им уже около 4-х месяцев.

    • Долгое время пользовался contact form 7, ни каких нареканий. Сейчас использую плагин jetpack заменяющий около 20 других плагинов, в том числе и contact form 7. В будущем постараюсь написать про него, но не знаю с какой стороны подступиться, уж больно большой функционал 🙂

  • Обратной связью, подобной плагину CF7 я не пользуюсь, ибо для моего сайта она не подходит. Хотя тут зависит от темы сайта. Если же это что-то серьезное, нежели просто блог это помогает. А для себя я решил, что BuddyPress или чат заменит контактную форму.

    • Согласен, для разных сайтов нужны разные формы. Но BuddyPress это плагин, добавляющий возможности социальной сети к WordPress. По моему это немного разные вещи с формой обратной связи, или я не прав?

  • Да, может не совсем правильный комментарий.. Я имел ввиду общение с помощью БП. Там есть личные сообщения, активность, подобная стене вконтакте.. А это и есть общение с администратором..

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

  • Кирилл, картинки в статьях не стоит делать кликабельными, по ним у тебя вес страницы утекает.

    • Ой, точно! Раньше стоял плагин для увеличения картинки при клике, в последствии он был удален а ссылки в картинках остались. 🙂

  • Не советую использовать контакт форм 7, он очень сильно нагружает блог, сам я использую метод без плагина но не как у тебя , а прочитать можете у меня на блоге, там писал как — то.

Оставить комментарий