WordPress Form Maker – бесплатный плагин для построения адаптивных форм любой сложности. Создаем красивую форму обратной связи WordPress Стандартная форма обратной связи вордпресс

Телевидение

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

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

1. Комбинация (Contact Form 7 + FancyBox)

Для этого нам потребуется установить популярный jQuery плагин FancyBox , в котором будет выводиться форма плагина Contact Form 7 .

Для примера разместим нашу кнопочку в сайдбаре. На данный момент у меня установлен Wordpress 4.9.1 c дефолтной темой Twenty Seventeen .

Давайте добавим новую контактную форму: Contact Form 7 -> Добавить новую . Вы увидите дефолтный шаблон формы, придумайте ему свое название и сохраните, как на скриншоте ниже.

Во вкладке Contac Form 7 -> Контактные формы , напротив созданной вами формы "Обратная связь" вы увидите шорткод: , который можно вставить в нужное вам место на сайте.

Перейдем в меню Внешний вид -> Виджеты , добавим текстовый виджет в сайдбар и вставим туда шорткод с формой.

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

где даем id произвольное имя customForm , в дальнейшем через него мы свяжем форму с модальным окном.

Добавим выше код кнопки:

/* связать ссылку с формой */
Написать нам

На данном этапе в текстовом виджете вы должны увидеть следующее.

Перед нами стоит все та же задача: Вывести текстовую ссылку или кнопку в сайдбаре "Заказать обратный звонок" при клике по которой, всплывет форма в модальном окне. Посетитель заполняет поля формы, жмет кнопку "Отправить" и закрывает форму. Администратор сайта получает на свой емайл контакты этого посетителя и связывается с ним.

Создаем новую форму с двумя полями для ввода имени, телефона и кнопкой "Отправить" . Копируем оттуда шорткод.

Добавляем новое модальное окно: Popup Maker -> Add Popup , вставляем в текстовую область новый шорткод и обновляем. Плагин автоматически присвоил модальному окну CSS класс – popmake-833 .

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

Заказать обратный звонок

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

Если Вы используете темы Yelly или Root , то Вам нет необходимости устанавливать какие-либо плагины, - все уже реализовано! Для этого достаточно вставить на страницу контактной формы шорткод .
Активировать промокод на 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 ;

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

Contact Form Manager

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

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

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

Тем, кто хоть как-то желает иметь связь с посетителями часто задаются вопросом: как сделать форму обратной связи на сайте? которая выводится обычно на странице контактов, чтобы посетители имели возможность написать вам по какому-либо поводу. Такую форму обратной связи не нужно делать самому, её уже придумали и вам достаточно лишь установить плагин обратной связи, который поможет без труда установить нужную форму и настроить под ваши нужды. в этом обзоре вы ознакомитесь со списком лучших плагинов форм обратной связи, которые имеют различные возможности и направления и с их помощью них можно организовать любые формы на своем сайте без привлечения программиста, а это будет гораздо дешевле, иначе говоря тот же результат за меньшие деньги. Найти их можно будет в репозитории ru.wordpress.org/plugins/ поиском, вписав соответствующее наименование плагина форм в строку поиска.

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

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

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

Список плагинов обратной связи в Вордпресс

1. Сontact Form 7

Будет правильным, если мы начнем с самого популярного плагина формы обратной связи в WordPress Сontact Form 7(БЕСПЛАТНЫЙ) — которым воспользовались уже более 5 миллионов человек. Он достиг такой популярности за счет длительного периода использования, на протяжении которого он постоянно менялся только в лучшую сторону, поэтому он признан лучшим плагином обратной связи. Он очень простой в использовании и с минимальными настройками, с которыми справляются даже дилетанты, но навыки работы с html должны быть, потому, что форму нужно будет подредактировать и сменить надписи на русский язык.

Он поддерживает порядка 46 языков, поэтому он охватил почти весь мир.Он способен использовать CAPTCHA, и фильтровать спам с помощью Akismet. Он часто обновляется, очень хорошо работает тех.поддержка и настраивается достаточно быстро. Его основная задача — сделать форму обратной связи с отправкой на почту. Делает он это отлично, поэтому его смело можно рекомендовать всем.

2. Contact Form by BestWebSoft

— так же удобный и простой плагин форм для вордпресс, с помощью которого можно так же легко установить контактную форму на сайт используя шорткод. Этот плагин тоже достоин особого внимания, т.к. он в бесплатном варианте имеет достаточно богатые функции, среди которых есть определение IP-адреса отправителя, дата и время отправки, возможность перевести на другой язык всю форму, защита от спама, возможность расширения контактной формы с помощью плагина Contact Form Multi… и множество других. Тем, кто хочет увидеть незаурядные способности, тот конечно должен приплатить и тогда уже можно увидеть такие функции как: настройка стилей, опция автоответчика, настраиваемые подсказки и множество других, но я бы его назвал плагином автозаполнения форм, за его умение делать это.

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

3. Contact Form Builder WordPress Plugin by vCita

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

4. Jetpack

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

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

5. Ninja Forms

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

6. Visual Form Builder

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

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

7. Contact Form by Supsystic

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

8. Formidable Forms - Form Builder for WordPress

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

9. FormCraft – Form Builder for WordPress

— как утвердждают разработчики, что это прямой конкурент плагину Contact Form 7, который он с легкостью заменит и будет выглядеть не хуже и функциональностью даже превосходит его. В бесплатной версии предоставлено минимум полей, отчего форма конечно скудноватая, но для создания формы обратной связи на сайте этого будет достаточно. Ещё нужно отметить, что плагин был создан в платном варианте, а уже позже сделали бесплатный вариант, видно для рекламы и для затравочки. Команда разработчика nCrafts очень кропотливо работает на разработкой своего продукта и озабочена его качеством, так что те, кто хочет щепетильного разработчика, то он перед вами.

10. FormGet Contact Form

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

11. Very Simple Contact Form

— судя по названию, это самый простой плагин в создании обратной связи на сайте. Форма содержит только поля для имени, электронной почты, темы и сообщения. И простая captcha (случайное число), а также поддерживает короткий код. Даже добавить то нечего, а что еще нужно? Если вы ограничитесь этой простейшей формой, то установив её вам хватит её на долго, по крайней мере чем проще, тем надежнее.

12. Quick Contact Form

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

13. RegistrationMagic-Custom Registration Forms

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

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

14. Контактная форма от WPForms

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

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

15. Caldera Forms

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

16. Smart Forms

Адаптивные формы, шорткод, пользовательские поля форм, условная логика, редактор стиля и даже есть Редактор JavaScript, если вы конечно умеете кодить на этом языке. Ну а если рассматривать платную версию ПРО, то там уже есть многоступенчатые формы. Вообщем, есть чем привлечь, так как всё самое необходимое вы найдете, а особенно форму для обратной связи создать с помощью этого плагина получится без проблем. Меня он привлек готовыми общепринятыми формами, если вам нужны стандартные формы, то вы просто выбираете и готово и у меня осталось положительные эмоции от него, так как формы сделаны не просто рамками, а уже стилизованные, причем адаптируются под выделенный под них размер, к тому же есть готовые значки, которыми можно украсить вашу форму. После создания формы подгонять почти ничего не пришлось. Я про него скажу, что тоже зачетный продукт.

ПЛАТНЫЕ ВЕРСИИ плагинов форм обратной связи

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

17. Ninja Kick: WordPress Contact Form

— стоит $19. Он поставляется с 3 потрясающими темами, социальным баром, интеграцией Mailchimp и обширной настройкой дизайна. Этот легкий плагин использует современные переходы CSS3, имеет макет, реагирующий на изменения размера экрана, хорошо работает на мобильных устройствах и реагирует на жесты. Форма отправляется через AJAX, поэтому не перезагружает вашу страницу. Красота этого плагина заключается в скрытой форме или плавающей кнопке, при нажатии на которую форма обратной связи мгновенно вылетает и уже готова к работе, более того красивая анимация делает это изящно. Наверно ради этого люди соглашаются платить, ну а стоит он этого или нет, решать вам.

18. Gravity Forms (gravityforms.com)

— стоит $59. Я бы сказал, что это мастадонт своего дела, потому, что с его помощью можно реализовать очень сложные комбинации логических переходов и вычислений. Для себя я не представляю что нужно замутить, чтобы полноценно загрузить эту детину, но то, что можно делать очень сложные формы без программиста — это факт. Тем, кто нацелен усложняться в этом направлении, пусть сразу выясняют про возможности именно профессиональных плагинов, потому, как бесплатные вам помогут только на первых порах.

19. Quform

— стоит $29. Этот платник сдается по возможностям перед Грейвити, но зато и стоит он в половину дешевле. Так что всё зависит от поставленной задачи. Но в надежности ему можно поставить смелую 5-ку из 5, потому как отзывы у него прекрасные. Я так полагаю техподдержка старается и уважает своих клиентов.

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

Документация и поддержка

Скриншоты

Установка

Загрузите всю папку contact-form-7 в директорию /wp-content/plugins/ .
Activate the plugin through the Plugins screen (Plugins > Installed Plugins ).

You will find Contact menu in your WordPress admin screen.

Отзывы

1) Do not use 2) Do not use 3) Do not use The forms seem nice and straightforward, but are riddled with glitches. There are more than 1000 support requests; most are unanswered. File uploads fail without an explanation. Forms also fail with no explanation. There aren"t useful solution or error messages, just lots of frustration. If you don"t want to spend many hours of frustration only to later uninstall this plugin, don"t install it in the first place. Try something that actually works, like Everest.

Участники и разработчики

«Contact Form 7» - проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

Журнал изменений

Для получения дополнительной информации смотрите Релизы .

5.1.7

CSS: Adds an explicit LTR direction style rule for code inputs.
Accessibility: Uses Error instead of ERROR in warnings.

5.1.6

CSS: removes a style rule from the stylesheet that was unnecessary and conflicting with Twenty Twenty’s rules.
REST API: retrieves the contact form ID explicitly from the route parameters.

5.1.5

Config Validator: New test item for the unavailable_html_elements error.
Config Validator: New test item for the attachments_overweight error.

5.1.4

reCAPTCHA: Представляем константы WPCF7_RECAPTCHA_SITEKEY и WPCF7_RECAPTCHA_SECRET.
reCAPTCHA: Представляем перехватчики фильтра wpcf7_recaptcha_sitekey и wpcf7_recaptcha_secret.
Добавление параметра $status к фильтру wpcf7_form_response_output.
Создает случайный код, когда пользователь является зарегистрированным пользователем.
Представляем WPCF7_ContactForm::unit_tag(), публичный метод, возвращающий тэг юнита.
reCAPTCHA: выдаёт иное сообщение в спам-журнал в случаях, когда маркер ответа пуст.
Флажок согласия: поддержка опции label_first в согласительном тэге формы.

5.1.3

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

5.1.2

Постоянный контакт: Представлен селектор списка контактов.
Постоянный контакт: Представлена дополнительная настройка constant_contact.
reCAPTCHA: представлены перехватчики фильтров wpcf7_recaptcha_actions и wpcf7_recaptcha_threshold.

5.1.1

reCAPTCHA: Изменяет реакцию на пустые токены ответа.

5.1

Представлен модуль интеграции Постоянный контакт.
Обновлён модуль reCAPTCHA для поддержки reCAPTCHA v3.
Добавляет правила стиля Тёмного режима.

5.0.5

Исправлена проблема несоответствия между get_data_option() и get_default_option() в классе WPCF7_FormTag.
Глушит ошибки PHP, возникающие при вызовах unlink().
Представлена wpcf7_is_file_path_in_content_dir() для поддержки константы UPLOADS.

5.0.4

Явно устанавливает аргумент power_type в вызове register_post_type(), для исправления проблемы, связанной с несанкционированным повышением привилегий.
Вложение локального файла — запрещено указывать абсолютные пути к файлам, расположенным вне директории wp-content.
Валидатор конфигурации — добавляет тестовый элемент для обнаружения некорректных настроек файлов вложений.
Исправлена ошибка в функции обратной совместимости JavaScript для устаревших браузеров, которые не поддерживают атрибут-заполнитель HTML5.
Чекбокс согласия — отключает функцию do-not-store форм-тэга.

5.0.3

CSS: Применение стиля курсора «не разрешено» при наведение на кнопки отправки в неактивном состоянии.
Флажок согласия: ревизия пользовательского интерфейса генератора тегов, для поощрения использования лучших опций защиты личных данных.
Внедрение функции wpcf7_anonymize_ip_addr().
Представлена опция consent_for:storage для всех типов форм-тэгов.

5.0.2

Добавлен раздел «Уведомления о приватности» в файл readme.txt.
Обновлен контент в мета-блоке Информация.
Используйте get_user_locale() вместо get_locale(), где это более уместно.
Флажок согласия: Сброс статуса отключенных кнопок отправки после успешного применения.

5.0.1

Исправлено некорректное использование _n().
Проверка конфигурации: исправлено неверное количество предупреждений на вкладке «Дополнительные параметры».
Проверка конфигурации: исправлена неправильная обработка специального почтового тега [_site_admin_email] в поле заголовка «От».
Флажок Acceptance: указанные атрибуты class и id были применены к неправильному элементу HTML.
Проверка конфигурации: если для почтовых ящиков, таких как Cc или Reply-To, существует дополнительный почтовый заголовок, но возможное пустое значение, будет возвращена ошибка «Неверный синтаксис почтового ящика».
Явно укажите четвертый параметр add_action(), чтобы избежать передачи непреднамеренных значений параметров.
Проверьте, не является ли целевой каталог пустым, прежде чем удалять его.

5.0

Дополнительные настройки: on_sent_ok и on_submit были удалены.
Новая дополнительная настройка: skip_mail.
Фламинго: заголовок входящего канала изменяется вместе с изменением заголовка соответствующей контактной формы.
События DOM. Весь объект ответа API доступен через свойство event.detail.apiResponse.
Почта HTML: добавляет атрибуты, связанные с языком, в заголовок HTML.
Загрузка файла: Устанавливает атрибут принятия в поле загрузки.
Представлен новый класс WPCF7_MailTag.
Позволяет прервать попытку отправки почты, используя перехватчик действия wpcf7_before_send_mail. Кроме того, вы можете установить пользовательский статус и сообщение через перехватчик действия.
Флажок Acceptance: позволяет указывать условия в части содержимого тега формы.
Флажок Acceptance: Поддерживает параметр опциональности.
Новые специальные почтовые теги: [_site_title], [_site_description], [_site_url], [_site_admin_email], [_invalid_fields], [_user_login], [_user_email], [_user_url], [_user_first_name], [_user_last_name], [_user_nickname], and [_user_display_name].
Новые перехватчики фильтров: wpcf7_upload_file_name, wpcf7_autop_or_not, wpcf7_posted_data_{$type}, and wpcf7_mail_tag_replaced_{$type}
Новые функции form-tag: zero-controls-container и not-for-mail

Когда вы запускаете продукт или новый сайт, возможность получать отзывы непосредственно от пользователей может иметь для вас неоценимое значение:

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

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

Для чего нужна форма обратной связи?

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

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

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

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

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

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

Панель обратной связи ManageWP

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

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

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

Добавление страницы обратной связи с помощью Page Builder

Если вы используете тему от Elegant Themes , то настроить страницу обратной связи будет для вас довольно просто. Мы будем использовать Page Builder из Elegant Themes , что позволит добавить форму всего за несколько шагов.

Для начала перейдите к пункту Страницы -> Добавить страницу панели администрирования WordPress . В результате будет создана новая страница. Назовите эту страницу «Обратная связь «. Сразу под заголовком вы увидите кнопку «Использовать Page Builder «.

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

Структура Page Builder

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

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

«Пожалуйста, используйте расположенную ниже форму, чтобы внести свои предложения относительно улучшений на нашем сайте или указать нам на имеющиеся проблемы !»

Ниже снова нажмите кнопку «Вставить модуль «. На этот раз перейдите в самый низ списка и выберите пункт «Контактная форма «. Опять же, вам будет выведена новая панель с несколькими опциями настройки формы. Во-первых, «Показать Captcha «, которая добавляет в конце контактной формы простой вопрос, чтобы блокировать спам-ботов.

Я хотел бы пока оставить это опцию отключенной, так как еще не получаю слишком много спама. В текстовое поле “Email ” введите адрес электронной почты, на который вы хотите получать сообщения обратной связи. Остальные настройки не являются обязательными. Вы можете добавить для полей заголовок, CSS -класс или ID :

Настройка контактной формы

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

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

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

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

Плагины формы обратной связи

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

Usernoise

Usernoise — это один из самых простых плагинов формы обратной связи. Плагин работает через добавление кнопки «Обратная связь» в боковой панели или нижней части вашего сайта.

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

Эта форма затем отправляет на указанный адрес электронной почты администратора сайта уведомление о том, что было получено сообщение от пользователя:

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

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

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

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

Ninja Kick Contact Form

Ninja Kick Contact Form — это премиум плагин, очень похожий на Usernoise , но он добавляет несколько дополнительных функций и стилей.

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

Выезжающая форма

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

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

Ninja Kick Contact Form является платным плагином в основном из-за уровня настройки, который он позволяет. Вы можете выбрать одну из трех различных тем, и изменить цвета и стиль каждого аспекта представления.

Он также имеет встроенную защиту от спама, и является полностью адаптивным и мобильно-дружелюбным. Ninja Kick Contact Form стабильно работает, довольно прост и использует качественную анимацию.

Usersnap

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

За использование сервиса взимается определенная плата, в зависимости от того, на скольких ваших сайтах он реализован.