Wordpress

Плагин контактной формы для wordpress: 7 плагинов WordPress для создания форм на 2019 год – Dobrovoimaster

15.05.2018

Содержание

7 плагинов WordPress для создания форм на 2019 год – Dobrovoimaster

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

В WordPress существует множество бесплатных и платных плагинов для создания форм, по своим функциональным возможностям какие-то лучше, какие-то хуже. Во всём этом многообразии, легко потеряться при выборе. Вот почему, для сегодняшнего обзора, попытался отобрать 7 бесплатных, лучших(сугубо на мой взгляд) плагинов WordPress из этой линейки. Итак, начнем:
 


 

1. Contact Form 7

 

 
Старый, добрый Contact Form 7 — пожалуй, самый популярный и надёжный плагин для WordPress форм.

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

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

 


 

2. WP Fluent Form

 

 
WP Fluent Form — это умный бесплатный плагин для WordPress, который используется для создания веб-форм и управления ими, пожалуй один из самых недооцененных плагинов WordPress форм. Дружественный интерфейс плагина делает его привлекательным и удобным для использования. Получить плагин бесплатно, вы может непосредственно из каталога WordPress. Бесплатная версия плагина предоставляет вам все базовые функции, которые предлагают все другие качественные плагины, но если вы хотите добавить дополнительные расширенные функциональные возможности, используйте премиум-версию плагина, которую можно найти на официальном сайте плагина.

 


 

3. Ninja Forms

 

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

 


 

4. Pirate Forms

 

 
Еще один бесплатный плагин для форм обратной связи и плагин SMTP, который вы можете получить из каталога WordPress. Стандартный плагин для создания форм на сайтах и блогах работающих на движке WordPress. Плагин был сначала разработан ThemeIsle, затем в сентябре 2018 года приобретён WPForms. Его простой интерфейс(переведён на Русский) делает создание форм не обременительным для любого, даже начинающего пользователя.

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

 


 

5. WPForms

 

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

 


 

6. Formidable Forms

 

 
Formidable Forms — один из популярных плагинов форм в WordPress, который используется для создания веб-форм разных категорий, конечно это контактные формы, анкеты, формы регистрации, формы оплаты, опросные формы, маркетинговые формы и любые другие, которые вы можете себе только представить. В общем, это ещё один мощный конструктор с функцией drag & drop, который отлично подойдёт для создания форм на вашем сайте.

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

 


 

7. HappyForms

 

 
HappyForms — бесплатный и удобный drag & drop конструктор для создания форм обратной связи, форм опросов, котировок, голосования, форм потенциальных клиентов и многого другого. Плагин заточен на то чтобы увеличить качество взаимодействия с посетителями вашего сайта и помочь вам отслеживать сообщения в фильтруемом архиве. С этим плагином, вы всегда будете уверены, что сообщения туда и обратно доставляются без проблем и спама. Плагин доступен и на русском, настройки просты и понятны.

 


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

С Уважением, Андрей .

Буду всем признателен, если поддержите проект — добавив блог в исключения AdBlock и поделитесь ссылкой на запись в своих соц-сетях:

Как добавить контактную форму в WordPress | REG.RU

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

Обычно контактная форма состоит из нескольких полей, которые нужно заполнить. Например: «Имя», «Адрес электронной почты», «Текст сообщения». Через контактную форму пользователям будет удобнее с вами связаться: они заполнят необходимые поля и отправят форму в один клик, не нужно звонить или отправлять сообщение на email. Кроме того, посетители смогут подписаться на рассылку вашего сайта, оставить отзыв, заказать товар или услугу.

Для добавления контактных форм на сайт WordPress нужны плагины. Плагинов для добавления контактных форм для WordPress существует огромное множество, но мы расскажем о самом популярном — плагин Contact Form 7. Его установили уже более трёх миллионов пользователей, и он регулярно обновляется. После установки вы сможете добавлять на сайт формы обратной связи. Если вы хотите добавить на сайт на WordPress форму заказа, плагин Contact Form 7 также отлично подойдёт.

Шаг 1. Установите плагин Contact Form 7

  1. 1.

    Войдите в панель управления WordPress.

  2. 2.

    Перейдите на вкладку Плагины — Добавить новый. В поисковой строке введите Contact Form 7 и нажмите Установить:

  3. org/HowToStep»> 3.

    После установки нажмите Активировать:

Готово, вы установили и активировали плагин.

Шаг 2. Создайте форму обратной связи

  1. 1.

    Перейдите на появившуюся после установки вкладку Contact Form 7 — Добавить новую. На вкладке «Шаблон формы» откроется редактор формы с уже готовым стандартным шаблоном:

  2. 2.

    Введите имя новой формы в поле «Введите заголовок».

  3. 3.

    Если вы не хотите вносить изменения в шаблон, нажмите Сохранить и переходите к настройкам письма — шагу 4. Если же вы хотите отредактировать её, то переходите на следующий шаг 3.

Шаг 3. Настройте шаблон формы

В стандартном шаблоне в форму добавлены поля «Ваше имя», «Ваш e-mail», «Тема», «Сообщение» и кнопка Отправить.

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

Синтаксис тега формы

Пример тега формы: [text text-name “Enter your name”]. Он состоит из четырёх частей:

  • Тип (в примере — text) — определяет тип элемента. Если поставить звёздочку после типа, то поле будет обязательным к заполнению: [text* ].
  • Имя (text-name) — название поля ввода.
  • Значение («Enter your name») — необязательно для добавления. Используется для значений по умолчанию, которые находятся в поле (подсказка, что вводить в поле пользователю).

Теги формы вы можете выбрать из списка и добавить их в контактную форму:

Рассмотрим поля, которые можно добавить:

  1. текст — текстовое поле для ввода текста только в одну строку, Например: имя, тема сообщения.
  2. email – адрес электронной почты.
  3. URL — адрес сайта или страницы.
  4. телефон — числовое поле для ввода номера телефона.
  5. номер — числовое поле для ввода (например, количества заказываемого товара).
  6. дата — дата в формате дд.мм.гггг.
  7. текстовая область — поле для ввода текста в несколько строк. Например, отзыв или сообщение от посетителя.
  8. в раскрывающемся меню — выпадающее меню, здесь можно добавить несколько пунктов меню для выбора. Пользователь может выбрать только один пункт.
  9. чекбоксы – чекбоксы, в которых можно выбрать один пункт, несколько или ни одного.
  10. радио кнопка – она похожа на чекбокс — предоставляются варианты для выбора. Пользователь обязательно должен выбрать один вариант из предложенных.
  11. принятие – чекбокс. Пока пользователь не поставит галочку (например, о том, что он согласен с правилами обработки персональных данных), кнопка отправки сообщения будет неактивна.
  12. опрос — CAPTCHA, чтобы убедиться, что форму отправил человек, а не робот. Вы можете задать здесь контрольный вопрос, на который нужно ответить перед отправкой формы. Только когда будет введён правильный ответ, кнопка отправки активируется.
  13. файл — создание кнопки для выбора файла, который можно прикрепить к письму.
  14. отправить — кнопка, при нажатии на которую отправляется форма.

Посмотрите, как можно применить все инструменты, на примере. Ниже приведён код с тегами формы и результат — получившаяся форма заказа Вордпресс:

Синтаксис тега почты

Почтовый тег состоит только из одного слова. Это слово обычно соответствует имени тега формы. Например: [your-name]. Используется при настройке шаблона письма (шаг 4).

Шаг 4. Настройте шаблон письма

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

Вы можете настроить это сообщение на вкладке «Письмо». При редактировании используйте почтовые теги:

  • Кому — введите здесь свой адрес электронной почты, на который будут отправляться все отправленные формы.
  • От кого — введите адрес электронной почты, который принадлежит тому же домену, что и ваш сайт.
  • Тема — тема сообщения, которую вводит пользователь.
  • Additional headers — по желанию добавьте дополнительные заголовки. Например: Reply-To: [your-email] — тогда письмо будет отправляться вам и дублироваться отправителю.
  • Тело письма — то, как будет выглядеть отправленное письмо, которое придёт на ваш почтовый ящик. Прикреплённые файлы — если в шаблоне формы вы добавили кнопку для прикрепления файлов, добавьте здесь почтовые теги типа [file], чтобы получить эти файлы.

Шаг 5. Настройте уведомления при отправке формы

На вкладке «Уведомления при отправке формы» вы можете настроить уведомления, которые видит посетитель в различных ситуациях.

Некоторые сообщения — это уведомления о состоянии отправки контактной формы. Например, при успешной отправке пользователь получит сообщение «Спасибо за ваше сообщение. Оно успешно отправлено», а при ошибке отправки — «При отправке сообщения произошла ошибка. Пожалуйста, попробуйте ещё раз позже». Другие сообщения — это уведомления об ошибках заполнения формы «Поле слишком короткое» или «Введён некорректный URL-адрес».

В уведомлениях можно использовать только текст. Но также можно добавить почтовые теги. Например, настройте уведомление «Спасибо, [your-name], вы отправили форму!» Когда пользователь при заполнении формы введёт своё имя [your-name], то в сообщении при отправке тег заменится на его имя.

Сохраните отредактированную форму.

Готово, вы настроили и сохранили форму.

Шаг 6. Добавьте форму на сайт

  1. 1.

    Перейдите на вкладку Contact Form 7 — Контактные формы. Рядом с вашей контактной формой находится шорткод. Скопируйте его:

  2. 2.

    Добавьте шорткод на страницу сайта или запись в редакторе:

  3. 3.

    Добавленная форма (здесь стандартная) будет выглядеть в режиме предпросмотра и на сайте таким образом:

Готово, вы добавили контактную форму WordPress Contact Form 7 на сайт. Теперь посетители сайта смогут воспользоваться ей, а данные со всех заполненных форм придут на ваш email.

Помогла ли вам статья?

4 раза уже
помогла

Лучшие WordPress-плагины для создания контактных форм

👍 Научим создавать сайты на WordPress бесплатно за 19 уроков. Подробнее →

Наличие контактной формы является необходимым атрибутом большинства сайтов. Так, они позволяют осуществлять непосредственное общение с посетителем, особенно если на сайте не представлено иных способов связи. Официальный каталог WordPress насчитывает огромное число разнообразных бесплатных плагинов, среди которых и такие, которые позволяют без каких-либо знаний языков программирования создавать красивые и функциональные формы обратной связи. Рассмотрим наиболее популярные из них.

Если Вы используете темы Yelly или Root, то Вам нет необходимости устанавливать какие-либо плагины, — все уже реализовано! Для этого достаточно вставить на страницу контактной формы шорткод [contactform].

Активировать промокод на 15% для Root

Contact Form 7

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

  • отправка данных с помощью технологии AJAX;
  • поддержка плагинов капчи;
  • полная поддержка плагина Akismet Anti-Spam;
  • создание как простых, так и сложных форм;
  • простая кастомизация как самих форм, так и всего процесса передачи данных и отправки;
  • наличие специальных полей для определенной информации: телефонные номера, почтовые адреса, даты.

Ninja Forms

Ninja Forms является универсальным плагином с Drag’n’Drop-интерфейсом для создания контактных форм. В арсенале дополнения большое количество разнообразных функций, включающих AJAX handler, антиспам-модули и возможность импорта/экспорта данных. Плагин подойдет как новичку (благодаря интерфейсу Drag’n’Drop), так и продвинутому пользователю (возможность HTML-редактирования). Ninja Forms подойдет не только для простых форм, но также и для сложных и многостраничных. Кроме того, есть возможность принимать платежи. Плагин имеет поддержку (с возможностью интеграции) многих сторонних сервисов, включая PayPal, MailChimp, Insightly и др.

Visual Form Builder

Visual Form Builder – еще один плагин с Drag’n’Drop-интерфейсом, позволяющий из одного места создавать и управлять всеми видами форм на вашем сайте. Он был специально создан с целью облегчения процесса создания форм. Так, одним кликом Вы сможете добавлять новые поля, редактировать уже существующие, а также применять анти-спам. Легко изменить порядок полей поможет технология Drag’n’Drop. Также плагин поддерживает экспорт вводимых данных в CSV-файле, настраиваемые сообщения с подтверждением, ввод множества email-адресов.

Formidable Forms

Formidable Forms – очередной плагин для создания контактных форм, который прекрасно Вам подойдет, если необходимы гибкость и возможности кастомизации. Дополнение акцентировано на создании дружественных к пользователям интерфейсов и работе с контактными формами. Работая с плагином, Вы сможете использовать кастомизируемые HTML и хуки, а также визуальный стайлер и перетаскивание. Formidable Forms, благодаря более 30 опций для полей, позволит создать совершенно разные контактные формы. Следует отметить также и возможность интеграции решения с популярными платформами MailChimp, iContact, AWeber и др. CRM. Помимо этого, в плагине есть поддержка целого списка сторонних платежных систем. Кроме того, в системе предусмотрены определители геолокаций, провайдеры тем, маркетинговые инструменты и пр.

Contact Form by BestWebSoft

Плагин Contact Form by BestWebSoft является простым в использовании инструментом для создания контактной формы. Среди преимуществ дополнения можно выделить:

  • использование шорткодов для показа формы в любом места Вашего сайта;
  • интеграция с плагином Captcha для борьбы со спамом;
  • отправка на email копии отосланного сообщения;
  • поддержка многоязычности для полей форм.

Contact Form Builder WordPress Plugin by vCita

Плагин Contact Form Builder WordPress Plugin by vCita, благодаря специальной функции Active Engage, позволит создать уникальный вид для Вашей контактной формы. Благодаря этому модулю, контактная форма предварительно загружается на каждую страницу и показывается в ее правом нижнем углу. Появление формы можно инициировать с помощью одного клика. Также остается возможной привычная интеграция формы в записи, страницы или виджеты.

Forms – Form builder and Contact form

Главная особенность бесплатного плагина Forms – Form builder and Contact form – наличие большого количества предустановленных шаблонов форм, что делает его идеально подходящим для начинающих пользователей. Кроме того, решение поставляется с Drag’n’Drop-интерфейсом и кастомайзером полей, что с легкостью позволит создать сложные смешанного типа контактные формы.

Contact Form by WPForms

Contact Form by WPForms является облегченной версией мощного модуля WPForms, обеспечивая создание как простых, так и более сложных контактных форм. Плагин использует привычный Drag’n’Drop-конструктор. По заявлениям разработчиков, плагин расценивается как один из самых быстрых в своей сфере и дружелюбным в плане SEO. Стоит отметить еще одну особенность Contact Form by WPForms – наличие предустановленных шаблонов форм.

Pirate Forms

Pirate Forms – плагин с интуитивно понятным интерфейсом, позволяющий создавать простые контактные формы. Решение, в силу своей простоты, не обладает продвинутым функционалом, таким как создание форм подписки или интеграция услуг оплаты.

Form Maker by WD

Бесплатное решение Form Maker by WD, благодаря 11 предварительно установленных шаблонов и 4 макетов, обеспечит простое создание формы контактов в течение нескольких минут. Плагин имеет полную поддержку Drag’n’Drop, пользовательский редактор CSS, а также поддержку нескольких страниц.

Breezing Forms

В арсенале бесплатного плагина Breezing Forms доступно большое количество разнообразных функций, среди которых можно выделить следующие:

  • многостраничные формы;
  • создание полей с различными условиями без знания языка JavaScript;
  • AJAX-загрузка файлов с прогресс-баром и др.

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

Contact Form Manager

Contact Form Manager – довольно популярный среди WordPress-пользователей плагин контактных форм, позволяющий создавать несколько пользовательских форм и размещать их на Вашем сайте, используя шорткоды. Дополнение включает в себя возможность отправки автоматического ответа. Поддерживает все наиболее распространенные элементы формы, имеет встроенную защиту от спама и вообще включает в себя все необходимое для создания веб-формы.

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

Мне нравитсяНе нравится

Если Вам понравилась статья — поделитесь с друзьями

Формы для Вордпресс — быстро, просто, эффективно!

Плагины форм для WordPress

Для того чтобы создавать уникальные формы под разные задачи нам понадобится универсальный WordPress плагин — конструктор форм. Бесплатный, стандартный конструктор форм contact form 7 ограничен функционалом, он сложен для новичка и занимает много времени для освоения требуя знания кода, поэтому мы не будем его рассматривать. Премиум плагинов очень много, вспомним лидеров рынка, это:

  • FormCraft
  • eForm
  • Super Forms
  • Usernoise Pro

Каждый из этих плагинов заслуживает отдельного обзора, чего стоит один eForm со своей многообразной и запутанной структурой, но мы не ищем сложных путей и поэтому наши основные ориентиры это:

  1. Простота
  2. Универсальность
  3. Быстрое начало работы

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

Узнайте все подробности про оптимизацию сайта seo-текстами

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

Почему важны формы обратной связи

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

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

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

В поисках идеального решения

Когда я изучал различные плагины форм, я остановился сначала на eForm. По не нему было много документации и видео на английском языке, но всё же при этом он оставался сложной системой, а нужно было делать сайты и времени на глубокое изучение практически не было. Тогда я стал использовать FormCraft. Этот плагин позволяет очень быстро создавать отличные, адаптивные, красивые формы обратной связи. Более того, он продуман с точки зрения понимания и освоения. С одной стороны, для начала работы он требует минимум знаний, с другой, предлагает большой скрытый функционал по мере освоения.

Видео установки плагина

Плагин форм для WordPress FormCraft

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

Пройдёмся по основным преимуществам плагина FormCraft:

  • Простота настройки
  • Быстрое создание форм на основе встроенных шаблонов
  • Интуитивно понятный интерфейс
  • Тестирование прямо в конструкторе форм
  • Безупречная работа на многих сайтах.
  • Гибкие настройки
  • Любые формы
  • Специальные поля
  • Полный контроль ответных сообщений
  • Корректное отображение на разных экранах
  • Регулярные обновления

Визуализация форм

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

С помощью FormCraft не сложно сделать уникальную форму запроса обратного звонка, форму подписки, бронирования, различные калькуляторы расчёта стоимости, опросы, голосования. Каждая форма работает отдельно, независимо от других, совершая отправку с информацией о себе на отдельный email адрес. Также активность использования форм просматривайте прямо в админке WordPress на странице плагина.

FormCraft позволяет делать всплывающие формы (модальные окна) на разных страницах  в любом месте в неограниченном количестве: в статьях и виджетах, в виде готовой раскрытой формы либо кнопки. Кнопка активации формы размещается также где угодно, кроме этого можно прикрепить к любой из сторон браузера в виде онлайн чата.

Заключение

Как мы видим, конструктор форм обратной связи FormCraft подойдёт для решения любых поставленных нами задач.

Скачать плагин FormCraft

Сравнение 5 лучших плагинов контактных форм для WordPress

В поисках контактной формы для вашего WordPress сайта? Не можете выбрать одну из 1625+ плагинов контактных форм? В сегодняшней статье мы выбрали для вас 5 лучших плагинов контактных форм для WordPress и сравнили их преимущества и недостатки, чтобы облегчить ваш выбор.

1. Gravity Forms

Gravity Forms — это наиболее популярный платный плагин контактной формы для WordPress. Он очень простой в использовании и его функционала хватает практически на все задачи.

Преимущества

Gravity Forms является наиболее «дружелюбным» плагином для новичков.

С помощью дополнительных аддонов Gravity Forms можно использовать для создания опросов, викторин, контента загружаемого пользователями, веб каталогом и даже генератором лидов.

Плагин обладает премиум опциями, такими как FAQ, базой знаний, форумами и поддержкой по email.

Недостатки

Gravity forms достаточно дорогой, по сравнению с другими плагинами контактных форм. Однако, если вы будете использовать его на многих сайтах и проектах, то эта стоимость окупится.

2. Ninja Forms

Ninja Forms — это фримиум плагин контактной формы для WordPress. Его можно использовать для создания высоко интерактивных форм при малых усилиях.

Преимущества

Основной плагин Ninja Forms доступен бесплатно в официальном репозитории плагинов WordPress. Это означает, что вы можете скачать и установить его на любом количестве сайтов.

Существуют платные расширения, которые позволяют вам расширить функционал Ninja Forms, как например подключить Campaign Monitor, Freshbook, Salesforce, SMS уведомления и т.д.

Также есть активное сообщество, а также документация, инструкции и поддержка по email.

Недостатки

Основной плагин доступен бесплатно, однако расширения — нет. Покупка двух или более расширений будут стоить вам примерно также как и плагин Gravity Forms.

3. Formidable Pro

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

Преимущества

Formidable Pro позволяет действительно очень просто создать свою первую контактную форму WordPress.

Как и Ninja Forms, основной плагин Formidable Pro доступен бесплатно. Лицензия на один сайт стоить $47, а неограниченная — $117.

В наличии 12 аддонов, доступных в стандартном и неограниченном планах. Они позволят вам интегрировать Formidable pro с MailChimp, Basecamp, Trillio и многими другими сервисами с помощью аддона Zapier.

Недостатки

Formidable Pro относительно новый плагин по сравнению с Gravity Forms. На текущий момент доступно всего несколько аддонов. Однако, мы надеемся, что это изменится в самом ближайшем времени.

4. Contact Form 7

Contact Form 7 — один из самых скачиваемых плагинов в официальном репозитории WordPress. Это полностью бесплатная контактная форма WordPress, предлагающая свою альтернативу платным премиальным плагинам.

Преимущества:
Цена, наверное, одно из самых основных преимуществ использования Contact Form 7. Вы можете установить его на любое количество сайтов на свое усмотрение.

Существуют несколько сторонних плагинов, которые работают как аддоны к Contact Form 7. Большинство из них доступны бесплатно.

Плагин отлично подойдет для создания простой контактной формы для вашего блога.

Недостатки:

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

В виду того, что плагин бесплатный, поддержка его ограничена.

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

5. Fast Secure Contact Form

Fast Secure Contact Form еще один популярный бесплатный плагин контактной формы для WordPress. Как видно из названия, плагин делает акцент на предотвращении спама и безопасности контактных форм.

Преимущества:

Основным преимуществом использования Fast Secure Contact Form является цена. Плагин доступен бесплатно в официальном репозитории плагинов WordPress.

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

Недостатки:

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

Какой же плагин контактной формы WordPress лучший?

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

Например, если вы — новичок, и не хотите тратить время на решение проблем, то вам стоит воспользоваться плагинами Contact Form 7 или Fast Secure Contact Form.

С другой стороны, если вам нужно создать сложную форму, то лучше обратить внимание на премиум плагины типа Gravity Forms, Ninja Forms, или же Formidable pro.

Наш выбор — это Gravity Forms.

Мы надеемся, что эта статья помогла вам выбрать лучший плагин для контактной формы на ваш WordPress сайт.

По всем вопросам и отзывам просьба писать в комментарии ниже.

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

VN:F [1.9.22_1171]

Rating: 3.5/5 (2 votes cast)

Плагин контактной формы в WordPress?



В настоящее время я использую контактную форму 7 в качестве плагина моей формы, но мне нужно, чтобы форма была отправлена на страницу «thank you» на успех, чтобы иметь возможность отслеживать мои цели в Google Analytics. Поскольку контактная форма 7 использует AJAX для публикации формы, я не могу отслеживать событие «message sent»…

Вы знаете о каком-либо плагине с такими возможностями? Гораздо лучше, если это бесплатно…

wordpress contact-form
Поделиться Источник Joaquín L. Robles     11 мая 2011 в 14:50

3 ответа




2

Это сообщение в блоге контактной формы 7 , связанное с контактной формой 7 FAQ , показывает, как отслеживать отправленные формы в качестве цели аналитики.

В основном вы подключаетесь к крючку ON_SENT_OK CF7 и вызываете метод Analytics ‘ _trackPageview(). Это позволяет запускать любую заданную цель аналитики всякий раз, когда форма успешно отправлена без необходимости перенаправления на страницу «thank you».

Поделиться Matt Gibson     11 мая 2011 в 14:57



0

Просто наткнулся на это сегодня на самом деле: JotForm . Очень надежный сайт и бесплатный для низкого использования (100 submissions/mo).

У них есть инструкции для встраивания с wordpress: http://jotform.com/help/4-Adding-Forms-to-Wordpress .

Удачи вам!

Поделиться mmcnama4     12 мая 2011 в 05:08



0

Проверьте GravityForms -простой в использовании, приятный интерфейс, тонны вариантов конфигурации. Не бесплатно, но сэкономит вам массу времени.

Вы также можете попробовать TDO Mini Forms (бесплатно), но я думаю, что разработка была прекращена ее автором.

Поделиться Dave Kiss     11 мая 2011 в 14:52


  • Отслеживание целей с помощью контактной формы 7 в WordPress

    Я пытаюсь настроить отслеживание целей при отправке контактных форм в WordPress с помощью плагина Contact Form 7. У меня есть универсальное отслеживание всех настроек, и я добавил следующее в дополнительный раздел контактной формы, о которой идет речь: on_sent_ok: ga(‘send’, ‘event’, ‘Contact. ..

  • WordPress плагин контактной формы для арабского языка

    Я пробовал много плагинов контактной формы WordPress (бесплатные версии), но ни один из них не выполняет мои требования, пожалуйста, посоветуйте любой плагин для арабского веб-сайта.


Похожие вопросы:


Укладка контактной формы WordPress

Я пытаюсь создать контактную форму, похожую на эту, для моего сайта http://www.solarmarket.com.au / Я попытался создать его с помощью контактной формы 7 в WordPress, но я не могу стилизовать флажки,…


Добавление контактной формы 7 в Slider Evolution

Принимая около WordPress, можно ли добавить шорткод контактной формы 7 плагин на слайде слайдера эволюции слайдер? Если да, то как ? Заранее спасибо.


Используйте информацию из контактной формы 7 WordPress плагин в Email плагин отправляет

Поэтому я работаю с WordPress прямо сейчас и установил плагин Contact Form 7. Создание правильной контактной формы-это простая работа с этим. Но я не понимаю, как я могу собрать входную информацию…


Как ограничить людей от посещения страницы загрузки, кроме как при отправке из контактной формы 7 (WordPress плагин)?

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


wordpress плагин ссылка на php файл

Кажется, простой вопрос, я создаю простой плагин контактной формы для wordpress. У меня есть следующая строка в файле с именем contact.php — этот файл создает элементы html для формы: <form…


Отслеживание целей с помощью контактной формы 7 в WordPress

Я пытаюсь настроить отслеживание целей при отправке контактных форм в WordPress с помощью плагина Contact Form 7. У меня есть универсальное отслеживание всех настроек, и я добавил следующее в. ..


WordPress плагин контактной формы для арабского языка

Я пробовал много плагинов контактной формы WordPress (бесплатные версии), но ни один из них не выполняет мои требования, пожалуйста, посоветуйте любой плагин для арабского веб-сайта.


Как настроить плагин контактной формы в соответствии с требованиями

Я новичок в wordpress. я создал тему wordpress (для разработки веб-сайта), где я разработал контактную страницу . На странице контактов я хочу добавить контактную форму, которая должна выглядеть…


Скачать файл после отправки контактной формы 7 WordPress

Я знаю, как перенаправить форму на другую страницу после отправки контактной формы 7 build form в wordpress. Поэтому я могу перенаправить его, например, в файл pdf. ( затем он открывается в…


Хранить пользовательские данные контактной формы WordPress в контактной форме DB

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

Контактная форма для сайта: WPForms

Здравствуйте, уважаемые подписики и читатели моего блога!

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

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

До сих пор?

WPForms — это совершенно новый плагин, который обеспечивает простой способ добавления формы контакта на ваш веб-сайт WordPress.

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

Зачем нужен новый плагин контактной формы?

Сейчас в репозитории Вордпресс имеются более тысячи плагинов контактных форм. Назревает вопрос — зачем создавать еще один плагин контактной формы, если их и так очень много?

Сайед Балхи, создатель плагина, объясняет:

Мое вдохновение для WPForms состояло в том, чтобы создать на рынке наиболее удобный для новичков плагин контактной формы WordPress. Плагин, с которым ЛЕГКО начинающим, маркетологам и владельцам бизнеса, которые не разбираются в технологиях. Плагин, который я могу порекомендовать церквям, некоммерческим организациям и стартапам, которые не обязательно имеют бюджет, чтобы позволить себе премиальный плагин. WPForms Lite на 100% бесплатен и имеет все основные функции, которые вам нужны.

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

Сайед Балхи и его партнер по разработке — Джаред Атчисон решили сосредоточиться на этой общей проблеме пользователей WordPress и решили разработать WPForms.

В чем отличия WPForms от других популярных плагинов контактных форм?

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

В настоящее время наиболее популярными плагинами контактных форм являются Contact Form 7, инструмент «Contact Form» в плагине Jetpack и плагин Gravity Forms. Хотя каждый из них имеет свои преимущества, им не хватает гибкости и удобства использования, которые предлагает WPForms.

Например, плагин Contact Form 7 рекламирует, что он «простой, но гибкий». Однако создание формы с использованием интерфейса — это точно не для новичка WordPress:

Отправная точка для создания новой формы в Contact Form 7. Если бы вы были новичком в WordPress это выглядело бы для вас просто?

Что касается Jetpack, то трудность с использованием плагина заключается в том, что вам нужно подключить свой сайт к WordPress. com и настроить его, хотите ли вы использовать все другие 25 функций Jetpack или нет. Как только все эти настройки завершены, сама контактная форма Jetpack блеснет во всей своей красе и функциональности.

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

Отличие WPForms

Важно отметить, что есть две версии плагина WPForms: платная версия и бесплатная версия «Lite».

Ниже перечислены лишь некоторые из функций, которые я обнаружил как в бесплатной, так и в платной версиях, которые устанавливают WPForms отдельно от других популярных плагинов контактных форм:

1) Предварительно построенные шаблоны форм. Плагин поставляется с пятью заранее подготовленными шаблонами форм, которые готовы к немедленному использованию, включая простую форму для связи, форму запроса, форму пожертвования, форму фактуры/заявки, а также форму для подписки на новости сайта/блога.

2) Drag & Drop формы: Правильно. Создайте любую форму, которая вам нравится, даже не увидев строки кода. Просто нажмите на поле, которое вы хотите добавить и перетащите его в новую форму.

3) Редактируйте поля с легкостью: изменить метки полей и форматы, чтобы ваша форма выглядела точно так, как вы этого хотите.

4) Простые настройки: очень просто настроить — куда отправляются уведомления из форм, какие уведомления будут указаны, и какой тип подтверждения пользователь увидит после отправки формы.

5) Самая простая интеграция форм: это, как правило, самая сложная часть плагина контактной формы, но я обнаружил, что WPForms делает ее простой:

a) Когда вы закончите создание своей формы и сохраните ее, вам будет предоставлен уникальный код для вашей формы.

б) Просто скопируйте и вставьте его на страницу или в виджет по вашему выбору.

с) И теперь ваша форма оживет!

6) Каждое поле, которое вам нужно: радиокнопки, выпадающие меню, параметры загрузки файлов, поля адреса/телефона, флажки, поля оплаты и т. д. Каждое поле, которое вам нужно для ваших форм — доступно.

7) Умная условная логика. Вы можете отображать или скрывать поля в своих формах, исходя из того, как пользователи отвечают на предыдущие поля.

8) Mobile-Ready, SEO Friendly и Fast: все формы, независимо от того, создаете ли вы свою собственную или используете шаблон, на 100% отзывчивы, то есть работают на мобильных устройствах, планшетах и ​​настольных компьютерах. Кроме того, они соответствуют лучшим практикам SEO и работают молниеносно.

Ни один другой плагин контактной формы не обеспечивает одинаковый уровень функций в сочетании с простым в использовании интерфейсом для создания ваших форм.

Ознакомиться с полным списком функций в платной версии WPForms можно на веб-сайте разработчика.

Вот и еще одно описания плагина вы получили, осталось только применить его в действии. Пробуйте. Дерзайте!

А я с вами буду прощаться — до скорых встреч!

С вами был — ваш Юрич!


Навигация по записям

Юрич:

Занимаюсь созданием сайтов на WordPress более 6 лет. Ранее работал в нескольких веб-студиях и решил делиться своим опытом на данном сайте. Пишите комментарии, буду рад общению.

Не забудьте подписаться на обновления:

Похожие записи

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

Contact Form 7 начало — создание и настройка форм

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

Создание и показ контактных форм

Создание форм в админке

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

на картинке создана при активации плагина Форма автоматически.

Используем форму по умолчанию, для этого создадим страницу «Связаться со мной» и вставим туда шорткод формы.

меню
Лицевая часть сайта

А теперь сохраним статью и посмотрим, как выглядит наша форма (используется тема Twenty Sixteen):

На картинке вид формы после отправленного письма (об этом говорит извещение внизу формы).

Настройка формы (создание сложных форм)

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

В верхнем поле — название формы (его видно только в админке), указываем себя понятное для себя название, например: «Отзыв о сайте», «Форма заявки на работу», «Форма обратной связи» и т.п.

Под заголовком — шорткод. Его используется в использовании в, для вывода формы.

И ниже — четыре вкладки:

  1. Шаблон формы
  2. Письмо
  3. Уведомления при отправке формы
  4. Дополнительные настройки

Рассмотрим каждую отдельно.

меню

Шаблон формы

В этой вкладке можно настроить поля и внешний вид формы. Рабочей областью является HTML-редактором WP. Только вместо привычных кнопок мы видим кнопки вставки разных полей формы.

Вёрстка формы

Для верстки можно использовать html-теги и шорткоды плагина. Шорткоды использовать поля формы, а html теги позволяют создать произвольную HTML-теги. К примеру, наша дефолтная форма выглядит так:

 <метка> Ваше имя (обязательно)
[текст * ваше-имя] 





<метка> Сообщение
[текстовое поле ваше-сообщение] 

[отправить "Отправить"] 

А при отображении в записи она превратится в такой HTML:

 
6 ">

меню
Синтаксис шорткодов

Давайте кликнем по кнопке «Текст». Открывается окно, где мы можем предъявить обвинения текстовому полю. Указываем и жмем «Вставить тег».

Тег [текст * ваше-имя] после этого будет преобразован в текстовое поле с html кодом:

 

 

Шорткоды можно удобно создать через конструктор шорткодов.

Но конструктор не дает возможность изменить шорткод (там можно только создать шорткод).Изменить шорткод можно двумя способами:

  1. удалить и создать с помощью конструктора новый.
  2. изучить синтаксис и исправить шорткод поля вручную.

С конструктором вы и сами разберетесь.

А тут мы разберем синтаксис шорткода.

Для примера рассмотрим тег текстового поля с дополнительными опциями:

 [text * client-name id: my-id class: my-class placeholder "Введите имя"] 
текст (обязательный)
Тип поля: текст, выбор, пароль, номер и т. д. (в данном поле текстовое). Определение, в каком элементе формы будет преобразован наш тег, а значит какой вид данных он будет принимать.
*
Звёздочка делает поле обязательным для заполнения (форма не будет отправлена ​​и показать уведомление о том, что поле надо заполнить).
имя клиента (обязательный)
Имя поля, используется как имя атрибута в input, а так же используется при формировании шаблона отправляемого письма.
идентификатор: мой-идентификатор
Атрибут id в input со значением my-id.Используется для оформления. Может быть только один.
класс: мой класс
Атрибут класса в input со значением my-class. Используется для оформления. Если нужно указать несколько классов, то атрибут надо указывать несколько раз, например class: my-class-1 class: my-class-2 .
заполнитель «Введите имя»
Использовать текст «Введите имя» как заполнитель.

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

меню
Типы полей
  • Текстовые поля: text , email , tel , url , textarea
  • Числовые поля: номер , диапазон
  • Поля с датой: дата
  • Чекбоксы, радио, списки: флажок , радио , выберите
  • Поле с загрузкой файла: file
  • CAPTCHA: captchac и captchar
  • Опросы: викторина
  • Поле «Принять»: Принятие
  • Кнопка «Отправить»: отправить
  • Произвольный тип поля

Шаблон письма

Во второй вкладе можно тонко настроить шаблон (вёрстку) и свойства отправляемого письма.В пол данной вкладки можно использовать специальные теги полей формы — это предоставление возможности отправки в письме формы в форме.

Теги состоят из имен полей из шаблона. Например, мы создали текстовое поле с именем: [text fio] . Теперь в шаблоне письма можно использовать тег [fio] . В письме вместо этого тега будет подставлено значение поля, введенное через (ФИО).

Заголовки письма:
  • Кому — электронный ящик, куда будет отправлено письмо.Можно указать сколько угодно ящиков через запятую.

  • От кого — имя и электронный ящик, от кого пришло письмо. Обычно тут указывается почта сервера (например, [email protected]).

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

  • Тема — Заголовок письма. По нему будет понятно с какой формы были отправлены данные.К примеру, тема письма «Ошибка на сайте», «Заказ обратного звонка» и так далее. Выбираете такой заголовок, чтобы было проще работать с полученными письмами.

  • Дополнительные заголовки — По умолчанию тут прописано Ответить: [ваш-адрес электронной почты] . Заголовок Reply-To говорит нам, что на этот электронный ящик можно ответить «Ответить» в почтовой программе, тег [your-email] — это имя поля из шаблона. Указанный пользователь email будет вставлен вместо этого тега.Получится что-то типа Ответить: [email protected] .
Тело письма

Это следующая важная часть данной вкладки. Тут указывается сам текст письма. В тексте используем всё те же теги формы (имена полей из шаблона формы).

Разберем дефолтное письмо:

 От: [ваше-имя] <[ваш-адрес электронной почты]>
Тема: [your-subject]

Сообщение:
[твое сообщение]

-
Отправлено с сайта Изучаем плагин Контактная форма 7 (http://test-wp.ru) 

У нас было 4 поля, которые заполняют пользователь.После отправки письма теги превратятся в значения и мы получим такое письмо:

 От: Дмитрий  ru>
Тема: Вопрос про Контактная форма 7

Сообщение:
Привет! У меня возник вопрос по плагину Контактная форма 7. Как его настроить?

-
Отправлено с сайта Изучаем плагин Контактная форма 7 (http://test-wp.ru) 

Существуют ещё теги для шаблона письма, позволяющие сделать ваше письмо более содержательным специальным.

Не обязательные поля в теле письма

Если юзер не заполнит поле, оно используется в теле письма, то тело письма будет неполным.К примеру в теле написано с города [город] , но юзер не заполнил поле [город] , а значит в письме мы получим Человек с города ... Такая строка в письме лишняя. Чтобы убрать эту строку из письма, поставьте галочку на сообщение «Исключить вывод строк с пустыми сообщениями». Обратите внимание, что это сработает только тогда, когда текст и шоткод находятся в одной и той же строке.

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

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

меню

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

В данной вкладке вы можете отредактировать сообщения, которые выводят форму в той или иной ситуации: при удачной или неудачной отправке письма, или при ошибках.

Теги шаблона письма не работают в этих полях.

Дополнительные настройки

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

Об использовании данного функционала я расскажу в отдельной статье.

Contact Form 7 начало — создание и настройка форм

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

Создание и показ контактных форм

Создание форм в админке

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

на картинке создана при активации плагина Форма автоматически.

Используем форму по умолчанию, для этого создадим страницу «Связаться со мной» и вставим туда шорткод формы.

меню
Лицевая часть сайта

А теперь сохраним статью и посмотрим, как выглядит наша форма (используется тема Twenty Sixteen):

На картинке вид формы после отправленного письма (об этом говорит извещение внизу формы).

Настройка формы (создание сложных форм)

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

В верхнем поле — название формы (его видно только в админке), указываем себя понятное для себя название, например: «Отзыв о сайте», «Форма заявки на работу», «Форма обратной связи» и т.п.

Под заголовком — шорткод. Его используется в использовании в, для вывода формы.

И ниже — четыре вкладки:

  1. Шаблон формы
  2. Письмо
  3. Уведомления при отправке формы
  4. Дополнительные настройки

Рассмотрим каждую отдельно.

меню

Шаблон формы

В этой вкладке можно настроить поля и внешний вид формы. Рабочей областью является HTML-редактором WP. Только вместо привычных кнопок мы видим кнопки вставки разных полей формы.

Вёрстка формы

Для верстки можно использовать html-теги и шорткоды плагина. Шорткоды использовать поля формы, а html теги позволяют создать произвольную HTML-теги. К примеру, наша дефолтная форма выглядит так:

 <метка> Ваше имя (обязательно)
[текст * ваше-имя] 





<метка> Сообщение
[текстовое поле ваше-сообщение] 

[отправить "Отправить"] 

А при отображении в записи она превратится в такой HTML:

 

меню
Синтаксис шорткодов

Давайте кликнем по кнопке «Текст». Открывается окно, где мы можем предъявить обвинения текстовому полю. Указываем и жмем «Вставить тег».

Тег [текст * ваше-имя] после этого будет преобразован в текстовое поле с html кодом:

 

 

Шорткоды можно удобно создать через конструктор шорткодов.

Но конструктор не дает возможность изменить шорткод (там можно только создать шорткод).Изменить шорткод можно двумя способами:

  1. удалить и создать с помощью конструктора новый.
  2. изучить синтаксис и исправить шорткод поля вручную.

С конструктором вы и сами разберетесь.

А тут мы разберем синтаксис шорткода.

Для примера рассмотрим тег текстового поля с дополнительными опциями:

 [text * client-name id: my-id class: my-class placeholder "Введите имя"] 
текст (обязательный)
Тип поля: текст, выбор, пароль, номер и т. д. (в данном поле текстовое). Определение, в каком элементе формы будет преобразован наш тег, а значит какой вид данных он будет принимать.
*
Звёздочка делает поле обязательным для заполнения (форма не будет отправлена ​​и показать уведомление о том, что поле надо заполнить).
имя клиента (обязательный)
Имя поля, используется как имя атрибута в input, а так же используется при формировании шаблона отправляемого письма.
идентификатор: мой-идентификатор
Атрибут id в input со значением my-id.Используется для оформления. Может быть только один.
класс: мой класс
Атрибут класса в input со значением my-class. Используется для оформления. Если нужно указать несколько классов, то атрибут надо указывать несколько раз, например class: my-class-1 class: my-class-2 .
заполнитель «Введите имя»
Использовать текст «Введите имя» как заполнитель.

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

меню
Типы полей
  • Текстовые поля: text , email , tel , url , textarea
  • Числовые поля: номер , диапазон
  • Поля с датой: дата
  • Чекбоксы, радио, списки: флажок , радио , выберите
  • Поле с загрузкой файла: file
  • CAPTCHA: captchac и captchar
  • Опросы: викторина
  • Поле «Принять»: Принятие
  • Кнопка «Отправить»: отправить
  • Произвольный тип поля

Шаблон письма

Во второй вкладе можно тонко настроить шаблон (вёрстку) и свойства отправляемого письма.В пол данной вкладки можно использовать специальные теги полей формы — это предоставление возможности отправки в письме формы в форме.

Теги состоят из имен полей из шаблона. Например, мы создали текстовое поле с именем: [text fio] . Теперь в шаблоне письма можно использовать тег [fio] . В письме вместо этого тега будет подставлено значение поля, введенное через (ФИО).

Заголовки письма:
  • Кому — электронный ящик, куда будет отправлено письмо.Можно указать сколько угодно ящиков через запятую.

  • От кого — имя и электронный ящик, от кого пришло письмо. Обычно тут указывается почта сервера (например, [email protected]).

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

  • Тема — Заголовок письма. По нему будет понятно с какой формы были отправлены данные.К примеру, тема письма «Ошибка на сайте», «Заказ обратного звонка» и так далее. Выбираете такой заголовок, чтобы было проще работать с полученными письмами.

  • Дополнительные заголовки — По умолчанию тут прописано Ответить: [ваш-адрес электронной почты] . Заголовок Reply-To говорит нам, что на этот электронный ящик можно ответить «Ответить» в почтовой программе, тег [your-email] — это имя поля из шаблона. Указанный пользователь email будет вставлен вместо этого тега.Получится что-то типа Ответить: [email protected] .
Тело письма

Это следующая важная часть данной вкладки. Тут указывается сам текст письма. В тексте используем всё те же теги формы (имена полей из шаблона формы).

Разберем дефолтное письмо:

 От: [ваше-имя] <[ваш-адрес электронной почты]>
Тема: [your-subject]

Сообщение:
[твое сообщение]

-
Отправлено с сайта Изучаем плагин Контактная форма 7 (http://test-wp.ru) 

У нас было 4 поля, которые заполняют пользователь.После отправки письма теги превратятся в значения и мы получим такое письмо:

 От: Дмитрий  ru>
Тема: Вопрос про Контактная форма 7

Сообщение:
Привет! У меня возник вопрос по плагину Контактная форма 7. Как его настроить?

-
Отправлено с сайта Изучаем плагин Контактная форма 7 (http://test-wp.ru) 

Существуют ещё теги для шаблона письма, позволяющие сделать ваше письмо более содержательным специальным.

Не обязательные поля в теле письма

Если юзер не заполнит поле, оно используется в теле письма, то тело письма будет неполным.К примеру в теле написано с города [город] , но юзер не заполнил поле [город] , а значит в письме мы получим Человек с города ... Такая строка в письме лишняя. Чтобы убрать эту строку из письма, поставьте галочку на сообщение «Исключить вывод строк с пустыми сообщениями». Обратите внимание, что это сработает только тогда, когда текст и шоткод находятся в одной и той же строке.

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

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

меню

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

В данной вкладке вы можете отредактировать сообщения, которые выводят форму в той или иной ситуации: при удачной или неудачной отправке письма, или при ошибках.

Теги шаблона письма не работают в этих полях.

Дополнительные настройки

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

Об использовании данного функционала я расскажу в отдельной статье.

Сохраняем сообщения Контактная форма 7 в базу данных WordPress с помощью плагина Flamingo

Сегодня разберемся как установить сообщения Контактная форма 7 в базу данных WordPress с помощью плагина Flamingo.

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

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

Переходим в раздел Плагины -> Добавить новый, вводим название плагина в поле поиска, жмем «Установить» и «Активировать».

Плагин заработает автоматически сразу после активации.

Входящие сообщения

Отправленные письма доступны для просмотра в разделе «Flamingo -> Входящие сообщения» админ-панели.

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

Также, можно переместить в корзину или пометить как спам.

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

Щелкнув по адресу в поле «От», можно получить информацию об отправителе из адресной книги.

Адресная книга

Адресная книга представляет собой список всех email-адресов так или иначе проявивших активность на этом сайте. Здесь размещены зарегистрированные пользователи сайта, посетителей, оставленных комментарии на сайте, а также адреса всех тех, кто отправлял сообщения с помощью контактных форм, размещенных на сайте.

Если щелкнуть по ссылке «Редактировать» — появится карточка контакта.

В карточке контакта можно указать: имя, фамилию, полное имя, а также теги, по которому можно будет фильтровать контакты.

С помощью столбца «История» можно получить дополнительную информацию о контакте:

  • «Пользователь» — откроет профиль пользователя в разделе «Пользователи»
  • «Комментарий» — покажет список комментариев в разделе «Комментарии», отфильтрованных по email-адресу пользователя
  • «Контактная форма 7» — представлен список входящих сообщений от данного пользователя
  • Если щелкнуть по названию специальной формы, то отображается список всех сообщений пользователя, отправленных через форму.

В столбце «Последний контакт» отображается дата последнего события, связанного с email-адресом контакта.

При необходимости, Вы можете экспортировать список контактов в формате CSV, используя кнопку «Экспорт».

Особенности и дополнительные настройки

Отправка файлов

Стоит отметить, что плагин не сохраняет отправленные с помощью формы. Во входящем сообщении зафиксируется только его название.

Нестандартные названия полей

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

Это происходит из-за того, что Flamingo выводит сообщения на основе стандартных названий полей: your-subject, your-name и your-email. Если поля с такими названиями не задано в форме, то плагин отображает шорткод в исходном виде.

Названия полей можно переопределить в Дополнительных настройках контактной формы.

flamingo_email: «[ваш-телефон]» flamingo_name: «[ваше-имя]» flamingo_subject: «[ваше-имя] — [ваш-город]»

flamingo_email: «[your-phone]»

flamingo_name: «[your-name]»

flamingo_subject: «[your-name] — [your-city]»

Теперь все новые сообщения будут по заданным параметрам.

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

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