Тандем автор — читатель. Создаем форму обратной связи и анкету

d182d0b0d0bdd0b4d0b5d0bc-d0b0d0b2d182d0bed180-d187d0b8d182d0b0d182d0b5d0bbd18c-d181d0bed0b7d0b4d0b0d0b5d0bc-d184d0bed180d0bc Без рубрики

Казалось бы, зачем сайту на WordPress формы? Например, форма заказов или форма обратной связи — ведь для связи с посетителями можно просто разместить контактную информацию — телефон, email, аську и скайп на страничке и этим ограничиться. Но это только на первый взгляд. В реальности же размещение форм дает огромное количество плюсов.

Тандем автор — читатель. Создаем форму обратной связи и анкету

  • + №1. Это удобно для посетителя. Представьте себя на его месте — Вас что-то заинтересовало и Вы бы хотели прямо сейчас связаться с админом, возможно выяснить какой-то вопрос по приобретению товара, если вы что-то продаете.
  •  +№2. Формы помогут Вам быстрее продать свой товар или услугу, поскольку чем быстрее Вы заинтересуете потенциального клиента, тем быстрее он у вас купит. Пока же он будет искать свой телефон или открывать почту в браузере, то еще может изменить свое решение. Или вовсе забыть — вспомните, сколько раз вы откладывали связь с автором на потом и просто об этом забывали… Или он зашел не со своего компьютера и не помнит пароль от почты — вариантов много. Кроме того, при помощи конструктора форм WordPress можно создать анкету, опрос, форму заказа и так далее, то есть сделать базу для взаимосвязи между автором, то есть Вами, и потенциальными клиентами.
  •  +№3. И наконец, открыто написанные контакты попадают в спамерские базы и потом вы будете разгребать кучу спама или получать рекламные смски. Собственная же форма для WordPress, защищенная хорошей капчей, нейтрализует эти опасности

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

Формы обратной связи для WordPress (равно как форма заказа WordPress и анкета) реализуется с помощью самого лучшего плагина форм Contact Form 7, который мы и разберем в видеоуроке. По многочисленным просьбам читателей, уже после создания первого видео, я решил сделать еще один урок и создать более сложную форму — анкету WordPress с интеграцией капчи Re Captcha. Конструкторов форм для WP существует множество, как платных, так и бесплатных. Но самым популярным, функциональным и в то же время достаточно простым для освоения и не напрягающим систему является именно WordPress плагин форм Contact Form 7. С его помощью мы можем сделать для wordpress анкету почти любой сложности.

Основные возможности Contact Form 7

1. Создавать строки и поля для ввода текста 2. Радио кнопки 3. Чек-боксы 4. Выпадающие списки 5. Разрешение или запрет выбора нескольких чекбоксов 6. Автоматическая проверка заполненности полей 7. Установка обязательности ввода каких-либо указанных параметров 8. Формирование внешнего вида письма, приходящего на email администратора 9. Создание кнопок 10. Настройка стилей отображения всех элементов формы 11. Интеграция с капчей (Really Simple Captcha или re-Captcha) 12. Отправка файлов

13. Мелкие дополнительные возможности

Для использования плагина Contact Form 7 с re-капчей, нужен еще один плагин интеграции, ссылка на который приведена ниже. Итак, смотрим видео уроки, в которых я создаю форму обратной связи и анкету заявки для участия в акции анализа юзабилити блога — кстати, не пропустите и примите в ней участие!


Более навороченная форма для WordPress с поддержкой мощной капчи — в еще одном уроке:

[pwal id=»11944997″ description=»Чтобы посмотреть видеоурок, нажмите на одну из кнопок»]

Форма обратной связи для WordPress, анкета или форма заказа WordPress без плагина

Для тех, кто любит все делать своими «очумелыми ручками» предлагаю руководство по созданию формы WordPress без использования дополнительных плагинов. Для этого создаем дубликат страницы page.php и называем его forma.php. Будем делать все на основе присутствующей в любой сборке темы Twentyten. Итак, в этом файле из данной темы содержится код:


                
                        

                        

                        
                


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

get_template_part( 'loop', 'page' );

. Поэтому немного подкорректируем шаблон и получим вот это:


                
                        

ЗДЕСЬ БУДЕТ ФОРМА ОБРАТНОЙ СВЯЗИ

                        
                


Теперь сюда в самое начало надо добавить строку «Template Name: Форма обратной связи» — это название шаблона будущей страницы для формы. И новую функцию формы после нее с настройками email и сетки сообщения, приходящего на почту. Делаем.


                
                        

ЗДЕСЬ БУДЕТ ФОРМА ОБРАТНОЙ СВЯЗИ

                        
                


А теперь надо вставить на страницу вместо текста «ЗДЕСЬ БУДЕТ ФОРМА ОБРАТНОЙ СВЯЗИ» код самой формы WordPress. Для этого прописываем код:

 
   
      
Спасибо, ваше сообщение отправлено.
Извините, произошла ошибка.

Оцените статью