Contact Form 7 — формы обратной связи

Contact Form 7 - хороший плагин для создания форм обратной связи

Опубликовано: Январь 2, 2015 в 13:02 Категории: Формы обратной связи


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

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

Краткие данные о плагине:

Скачивался: 22КК очень много Последнее обновление: 14.12.2014

22 миллиона скачиваний — это очень много для плагина и о многом же говорит, качество плагина подтверждает и его рейтинг он 4 из 5, что очень высоко при таких объемах установок.

Краткие возможности Contact Form 7

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

Вставка формы производится при помощи настраиваемых шот-кодов, поддерживаются стили оформления и множество дополнительных тегов.

Поддерживается автозаполнение с мобильных устройств.

Есть дополнительные плагины для расширения возможностей Contact Form 7, готовые стили форм и возможность вывода в лайтбоксе.

Установка и настройка Contact Form 7

Происходит автоматически из раздела плагинов. После установки в корне админки появляется раздел «Contact Form 7» в котором можно создавать неограниченное количество форм обратной связи. Каких-то отдельных настроек плагина найти не удалось.

Основные задачи при работе с Contact Form 7

  • Вывод формы в лайтбоксе.
    1. Добавить контактную форму Contact Form 7 и вывести ее в лайтбоксе можно используя следующий код:
      <a href=»#contact_form_pop» class=»fancybox-inline»>Contact Us</a><div style=»display:none» class=»fancybox-hidden»>
      <div id=»contact_form_pop» class=»hentry» style=»width:460px;max-width:100%»>
      [contact-form-7 id=»87″ title=»Contact form 1″]
      </div>
      </div>

    Используется плагин Easy FancyBox с активированной функцией inline content.

  • Внешний вид выходной формы. Существуют готовые бесплатные настройки формы брать их тут (печально, но потерял ссылку, да и вид у них был не сильно цепляющий). Также это решается при помощи плагинов, например Contact Form 7 Style — правда не сильно успешно. Единственный, пока, достойный вариант — вручную. Чтобы процесс был немного полегче можно взять настройки тут — шаблон css.
  • Дополнительные теги, которые можно использовать при создании письма администратору подробности тут. Теги добавляются просто вставкой их в нужном месте — при отправке письма они будут заменены на информацию полученную из поста в котором находится форма.

Contact Form 7 - хороший плагин для создания форм обратной связи

Как сделать? Вопросы и ответы.

Как сделать всплывающую форму обратной связи? Это такая форма которая открывается в модальном окне (лайтбоксе и пр). Детально процесс описан тут.

Как задать размеры полей?

Приведем несколько примеров для разных типов полей (text, url, mail, tel, quiz):

[text text-233 22/47 «Произвольный текст»]
[quiz quiz-65 size:3 «2+2=|4» «3+3=|6» «4+2=|6» «1+1=|2»]
[text* name size:40]
[text* name size:40 minlength:6 maxlength:12] ( minlength / maxlength минимальная и максимальная длина вводимого текста)

Для поля textarea нужно задавать число строк и символов в строке, можно задавать эти параметры и отдельно:

[textarea your-message 30×5]
[textarea your-message 30x]
[textarea your-message x5]

Задать размеры полей number, date, select (drop-down menu), checkbox, radio (radio buttons), acceptance, submit не получится, так как такого параметра они не имеют. Для этих полей задан минимальный возможный размер.

Недостатки и проблемы в работе Contact Form 7

Календарик, а точнее поле «дата» не всегда выводится с блоком вывода календаря, такой бедой страдает IE и некоторые мобильные браузеры. Решение есть — использование дополнительных плагинов расширяющих базовые возможности по работе с полем «дата». Поможет ли Contact Form 7 IE DatePicker and Number Spinner Fix сказать не могу, но достаточно свеж.

Отсутствует возможность сохранения отправленных форм в базе данных, решается при помощи дополнений. Flamingo — плагин, который будет сохранять отправленные формы в БД. Ближайший конкурент CFORMS II делает это «из коробки».

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

Не возлюбил плагин Stella (плагин для организации переводов). При активированном плагине скрыто поле сохранения формы и изменения заголовков формы невозможно.

Где и что брать?

Плагин на складе WordPress ссылка
Оффсайт проекта Contact Form 7 сайт тут
Полезные дополнения с кратким описание на русском плагины и дополнения
Настройки CSS смотреть тут, а тут информация с оффсайта
Добавление нескольких файлов подробнее о вопросе
Динамическая генерация контента Contact Form 7 Dynamic Text Extension
Вопросы и ответы по теме, много интересных примеров Читать тут

Запомнить, поделиться - Contact Form 7 — формы обратной связи

Поделиться ВКонтакте Поделиться в Facebook Добавить в Twitter Поделиться с друзьями в Одноклассниках Поделиться В Моем Мире Поделиться в Гугл+

Всего комментариев: 0

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

Ваш email не будет опубликован.