Обратная связь на сайте wordpress за 5 минут

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

Приветствую вас, посетитель случайно или умышленно зашедший на мой блог!

В этой статье я расскажу вам как создаётся обратная связь на сайте wordpress.

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

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

К счастью есть способ попроще. Намного проще! И он заключается в использовании специальных плагинов для создания обратной связи на сайте.

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

Обратная связь при помощи плагина Contact form 7

ContactForm7

В моём списке этот плагин находится на первом месте, я использую его не только для создания обратной связи, но и для форм заказа обратного звонка, отправки заявки, опросов и так далее.

Вот его основные преимущества:

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

Конечно же, недостатки у него тоже имеются:

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

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

Вот так выглядит данная форма:

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

Если вас заинтересовал данный плагин для создания обратной связи, то вот серия статей с видео уроками и инструкциями по его настройке:

Обратная связь при помощи Creative Contact Form

плагин Creative Contact Form

Также неплохой плагин для создания обратной связи на сайте WordPress.

Сразу перейду к его преимуществам:

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

Форма обратной связи имеет несколько тем и выглядит на сайте как то так:

пример оформления формы обратной связи
пример оформления формы обратной связи 2
пример оформления формы обратной связи 3

Теперь пару слов о недостатках:

  • Плагин полностью на английском. Все надписи можно легко перевести через админку, но всё равно это доставляет определённые неудобства.
  • В бесплатной версии нет возможности настраивать поля. Добавлять свои и удалять ненужные.
  • Текст письма не настраивается.

Настройка Creative Contact Form

Установить данный плагин можно из репозитория WordPress.

«Плагины» => «Добавить новый» => вводим в поиске «Creative Contact Form» => нажимаем «Установить», а затем «Активировать».
После этого в боковой панели WordPress появится пункт «Creative Contact Form»
Все настройки разбиты на 4 категории:

  1. 1.Overview – здесь представлены основные настройки обратной связи, а точнее иконки для перехода к основным настройкам.
  2. основные настройки Creative Contact Form
  3. 2.Forms – на этой вкладке представлен список созданных форм, а также шорткоды к ним. Для их редактирования просто щёлкаем по названию.
  4. вкладка Forms список созданных форм

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

    редактирование формы
  5. 3.Fields –здесь перечислены поля формы, которые мы можем редактировать. Для этого просто нажимаем на ссылку с названием нужного поля.
  6. Вкладка Fields

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

    редактирование полей формы
  7. 4.Templates – здесь представлены темы оформления обратной связи, каждую из которых можно изменить под себя. Причём знания CSS для этого вам не понадобятся. Круто, не правда ли?!
    Вкладка Templates

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

    редактирование стиля формы

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

Подводим итог

Если вы новичок в WordPress и вам нужна быстро сделать обратную связь на сайте и при этом внешний вид формы для вас имеет большое значение, то устанавливайте Creative Contact Form.

Если же у вас уже есть опыт в создании и настройке WordPress сайтов или вам нужна более сложная форма, то выбирайте Contact form 7. Он даст вам намного больше возможностей по функционалу, и с его помощью можно создавать формы обратной связи любой сложности.

Надеюсь, что у вас не возникнет никаких проблем с установкой и настройкой этих плагинов. Если что – пишите в комментариях что получилось, а что нет.

Если я вам помогла, то не забудьте поделиться статьёй в соцсетях. Также в скором времени я выпущу в свет бесплатный курс по созданию и настройке сайта на WordPress, поэтому если вам интересна эта тема, то подписывайтесь на обновления блога и YouTube канал!

На этом всё. Желаю вам хорошего настроения! До встречи в следующих статьях!

С уважением Юлия Гусарь

Подписаться на рассылку

Читайте также:

comments powered by HyperComments

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

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

http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif