Блог Алексея Гончарова
Не пропустите новые статьи!

Новые статьи блога на Ваш e-mail:

Канал блога на YouTube
Где в мире читают блог
Архивы
Волшебная кнопка

Как устанавливается на блог с wordpress форма обратной связи, видео

wordpress форма обратной связиЗдравствуйте, друзья! Сегодня поговорим про полезные вещи для сайта, которые очень желательно иметь в своем арсенале. Есть такая нужная вещь для сайта на wordpress, форма обратной связи для контактов. Скорее всего вы уже заметилиеё появление на отдельной странице, а некоторые даже успели воспользоваться.

Давно собирался сделать это – установить такую форму контактов, но все откладывал на потом. А в преддверии вебинара решил все-таки оборудовать свой сайт такой формой обратной связи с вами, посетителями моего сайта. И вот теперь ещё и решил написать статью про то, как соорудить себе такую полезную вещицу на сайте, авось, кому-то пригодится.

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

Плюс есть ещё определённые плюсы от установки такой формы на сайт: подобие «горячей линии» с администрацией сайта и прямая связь с автором, что удобно посетителям сайта или блога.

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

Если оставлять контакты в открытом виде, то у вас есть большая вероятность

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

Именно поэтому я свои данные открыто и не выставляю. Но теперь у вас будет возможность связаться со мной через такую форму обратной связи для wordpress.

Приступаем к установке wordpress формы обратной связи на сайт.

Для установки формы понадобятся два плагина: Contact Form 7 и Really Simple CAPTCHA. Первый плагин непосредственно генерирует саму форму для связи и контактов, а второй просто служит для защиты вашего обратного почтового ящика от горы спама, встраивая в поле капчу, чтобы защититься от нашествия ботов и нежелательного мусора.

Установку формы начнем с установки плагинов. Можно установить их по поиску названия плагина в разделе Плагины – Добавить плагин – Искать плагин, либо сразу скачать со страницы плагина: для плагина contact form 7 и для плагина really simple CAPTCHA. Устанавливаем плагины и активируем их. Порядок установки и активации значения не имеет. А если вы забудете установить Really Simple CAPTCHA, то Contact Form 7 вам об этом обязательно напомнит.

Кстати, последняя версия плагина формы обратной связи для wordpress, требует новейшую версию движка, которая на момент написания этой статьи было 3.3.2 и “возмущается”, если версия постарше. Можете не обращать на это внимания, так как у меня движок не самый “свежий” и все нормально работает. Хотя, конечно, всякое возможно.

После активации, в админпанели сайта появится новый пункт меню Контакты, в котором и будем настраивать нашу форму.

меню контакты

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

1. Входим в меню настройки плагина Contact Form 7. Там он сразу вам покажет коды заготовки поля формы контактов. По умолчанию эта форма будет называться “Форма для контакта 1″, как на рисунке ниже.

форма обратной связи wordpress contact form 7

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

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

contact form 7 настройки

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

3. В открытом меню Сгенерировать тэг, нажимаем на поле CAPTCHA и появится следующее поле, как на картинке.

форма контактов contact form 7 - код капчи

Внизу и будут те строчки, которые вам нужно скопировать в исходные коды поля формы, как на картинке “contact form 7 настройки” из п.2. У меня цифры разные, так как скриншоты я делал с уже работавшей формы, потому они отличаются, но суть та же. Копируйте весь код, вместе с квадратными скобками.

4. В нижней части поля настроек будет часть с именем Адресат. В верхнюю строку записываем ваш e-mail, на который вы хотите получать письма через форму. По умолчанию подставляется ваш, админский e-mail, но можно задать любой другой. В правой части нужно вписать какой-то текст, который вам подскажет, откуда пришло письмо и что оно отправлено через форму обратной связи wordpress. Пример виден на картинке ниже.

contact form 7 - адресат

Если захотите добавить еще одно “мыло”, то отметьте галочкой в следующем поле Адресат (2) такой же пункт и введите свои данные.

5. После всех настроек и манипуляций не забываем нажать кнопку Сохранить (см. картинку п.1)

6. В админке сайта создаем отдельную страницу под вашу форму контактов и “обзываем” её как-то. В редакторе переключам вид на html-вкладку(!), копируем код из настроек плагина и вставляем его в страницу.

форма обратной связи для wordpress

Нажимаем Опубликовать и радуемся готовому результату, который должен быть идентичен моему, как на картинке к самом начале статьи или на моей странице для обратной связи. Сопутствующий текст и изображения добавлять по вкусу:)

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

Для наглядности, смотрите моё видео, как устанавливается wordpress форма обратной связи на сайте. Там я показал все шаги, начиная от установки плагинов до готового результата. Кстати, если у вас есть выпадающее меню на сайте, то с видимостью новой страницы могут быть нюансы, так что смотрите видео до конца! Подписка но обновления блога, нажатия на кнопки +1 и соцсетей приветствуются с радостью! :) Если останутся вопросы, то вы знаете, что делать :)

Пройдись по кнопочкам, расскажи о статье друзьям - это к деньгам!

Новые статьи блога на Ваш e-mail:

13 комментариев: Как устанавливается на блог с wordpress форма обратной связи, видео

  • Спасибо за статью!

    Ребят, попробуйте сервис от pozvonim.com
    Простая установка на любую cms, хорошая поддержка. Не сочтите за рекламу, ссылка не реферальная, просто можно взять и попробовать на тестовый период. А потом уже решить подходит или нет. Цены как у всех, можно пакеты брать, а можно количество клиентов или минут. Лидогенерация очень высокая, а окупаемость быстрая. Может кому пригодится мой комментарий

  • Народ пробую написать что-то, но на почту ничего не приходит, пробовал разные почтовые сервера ни на один не приходит, в чём может быть ошибка?????

    • Руслан, если вы всё сделали по статье, то проблем быть не должно. Возможная причина блокировки писем, может быть связана с вашим хостингом :scratch: , хотя не уверен. :unsure: Но попробуйте пообщаться с техподдержкой хостинга вашего сайта, так как почтовые сервера не влияют на работу плагинов для формы обратной связи.

      • Алексей, хост (как видно из названия сайта) 68edu.ru я всё сделал точь-в-точь как у Вас в статье,может что то надо в wordpress ещё поднастроить??? блин удобная штука и важная для моего сайта “обратная связь”, а вот не работает….

        • Руслан, 68edu.ru – это ваш домен первого уровня (а не хост!), так как ваш сайт расположен на поддомене. А вам нужен НЕ домен, а ХОСТИНГ – компания, на серверах которой располагается ваш сайт znam.68edu.ru. Скорее всего на вашем хостинге есть какие-то ограничения на входящие почтовые отправления и сервера их не пропускают.

          • И как мне им написать, что бы они посмотрели, и если это так то открыли доступ для почты?!

            • Так и напишите – опишите проблему со всеми деталями, названием плагинов, CMS сайта и т.д. Напишите, что пробовали делать и что получилось/не получилось. Если техподдержка нормальная, то помогут – там тоже живые люди работают :aga: :-))

              • ясно с этим попробую разобраться, а как вместо рожицы в авке сделать свою фотку в wordpress? :)

                • Рожица – это граватар, называется. :) Чтобы у вас он появился, надо зарегистрироваться под той почтой, с которой хотите писать комментарии с вашей фоткой, на сервисе глобального распознавания и создания граватаров – https://ru.gravatar.com. Зерегистрируетесь и туда загрузите ваше фото – в Сети оно появится в течении часа и будет показываться везде в ваших комментариях на платформе wordpress, если будет выбрана та почта. :aga:

  • А без плагина, не? Идеи есть?

  • Спасибо вам большое!

  • Огромное спасибо за подробную информацию, особенно за видео-урок. Все просто и понятно, как и все Ваши уроки. Установила и себе на сайт такую. Еще раз спасибо. :)

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

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

:) 
*hi* 
;) 
:-( 
:good: 
:aga: 
*blush* 
:negative: 
:yahoo: 
B-) 
*bravo* 
*klass* 
:shock: 
:-)) 
Больше смайлов!..
 
Обменник.ws » Автоматический обмен Webmoney