форма заявки на вордпресс
WordPress.org
Русский
Метка плагина: contact form
Contact Form 7
Ещё один плагин контактных форм. Простой, но гибкий.
Akismet Spam Protection
Лучшая защита от спама: блокировка спам-комментариев и спама в контактной форме. Самое надежное решение для…
Контактная форма WPForms — конструктор форм для WordPress, позволяющий создавать формы путём перетаскивания элементов
Пожалуй, лучший плагин для создания контактных форм на WordPress. Конструктор, позволяющий путём перетаскивания элементов создавать…
Ninja Forms Contact Form — The Drag and Drop Form Builder for WordPress
The 100% beginner friendly WordPress form builder. Drag & drop form fields to build beautiful,…
Creative Mail – Easier WordPress & WooCommerce Email Marketing
Creative Mail was designed specifically for WordPress and WooCommerce. Our intelligent (and super fun) email…
Formidable Form Builder — Contact Form, Survey & Quiz Forms Plugin for WordPress
Самый продвинутый плагин форм WordPress. Выйдите за рамки контактных форм с помощью нашего конструктора форм…
Формы Caldera — это больше чем контактные формы.
Адаптивный конструктор контактных форм, формы регистрации и входа, Mailchimp, PayPal Express и многое другое.
Forminator — Contact Form, Payment Form & Custom Form Builder
Лучший плагин для создания форм WordPress. Создавайте контактные формы, формы оплаты и формы заказов с…
Контактная форма, построитель форм с перетаскиванием для WordPress — Everest Forms
Конструктор контактных форм с помощью перетаскивания позволяет легко создавать простые и сложные формы для любых…
Contact Form 7 Dynamic Text Extension
This plugin provides 2 new tag types for the Contact Form 7 Plugin. It allows…
Contact Form Plugin — Fastest Contact Form Builder Plugin for WordPress by Fluent Forms
The Fastest Contact Form Builder Plugin for WordPress. Drag and drop contact form builder plugin…
Контактная форма и SMTP плагин для WordPress от PirateForms
Простой и эффективный плагин контактной формы и SMTP. Совместимость с лучшими темами, безопасная и отзывчивая…
Form Maker by 10Web — Mobile-Friendly Drag & Drop Contact Form Builder
Form Maker is a user-friendly contact form builder that allows to create forms for any…
Contact Form by BestWebSoft — Advanced Contact Us Form Builder for WordPress
Простая контактная форма, которая должна быть у каждого сайта WordPress.
Contact Form 7 add confirm
«Contact Form 7 add confirm» can add confirm step to «Contact Form 7».
Metform Elementor Addon — Most flexible and design-friendly Contact Form builder
Metform an addon for elementor builder, build any kind of form metform builder. It can…
Visual Form Builder
Создавайте красивые, полнофункциональные контактные формы всего за несколько минут без написания PHP, CSS или HTML.
Calculated Fields Form
Calculated Fields Form allows you to create both simple and rich forms, quickly like a…
Contact Form to Manage and respond to conversations with customers — Happyforms
The WordPress form builder you need to manage and respond to conversations with customers. Easily…
Contact Form builder with drag & drop for WordPress — Kali Forms
Build the ideal contact form for your WordPress website in minutes through the Drag &…
Топ-10 плагинов WordPress для контактных форм 2020
Чтобы собирать информацию от посетителей сайта на ВордПресс, необходимо интегрировать в него контактную форму. Для этого используются плагины, представленные на рынке в большом ассортименте. Они позволяют:
Контактная форма будет собирать для вас данные круглосуточно и автоматическом режиме. Это избавляет клиентов от необходимости ждать, пока вы сможете им ответить, и экономит время компании или вебмастера.
В этой статье собран ТОП-10 лучших плагинов контактных форм для ВордПресс. Конечно, имея необходимые навыки, вы можете разработать и свой собственный. Однако, проще внедрить уже готовое решение, тем более, что среди плагинов обязательно найдется идеальный вариант для вашего сайта.
WPForms
Одна из самых популярных, благодаря своей простоте и функциональности, контактных форм WordPress. Данный плагин идеален даже для начинающих вебмастеров, которые не хотят иметь дела с кодом. Настроить его можно посредством функции Drag&Drop, перетаскивая визуальные элементы.
Бесплатная версия плагина ВордПресс имеет много функций: готовые шаблоны, встроенные платежи, подписку на рассылки по e-mail и другие.
К недостаткам можно отнести отсутствие у него сложных функций, присутствующих во многих других аналогичных решениях. Однако, этот минус компенсируется простотой работы с инструментом, ведь в большинстве случаев сложные функции попросту не нужны.
Contact Form 7
Самый старый плагин для контактных форм WP, сохраняющий лидерство по количеству скачиваний и по сей день.
Недостаток Contact Form 7 — сложность его использования для новичков в ВордПресс. Инструмент не имеет конструктора форм, поэтому добавить его в редактор сайта можно только посредством шорткода. Другие недостатки:
Caldera Forms
Простой многофункциональный плагин WordPress. Отличается качественным и удобным визуальным редактором, поэтому в процессе настройки контактной формы вы сразу будете видеть, как на ней отражаются внесенные изменения.
Достоинством контактной формы является возможность попробовать ее бесплатную версию, и только если плагин ВП вам понравится и потребуются дополнительные функции, купить платную.
Ninja Forms
Хороший и пользующийся спросом плагин. С ним вы сможете с минимальными усилиями создавать красивые интерактивные контактные формы, удобные для посетителей сайта.
Базовая версия Ninja Forms бесплатна. Ее можно установить сразу на несколько сайтов в любом количестве. Однако, базовая версия имеет ограниченный функционал.
Gravity Forms
Pirate Forms
Отличное решение для тех, кто ищет полностью бесплатный инструмент для ВордПресс. Плагин не обновляется, но имеет все базовые функции. Поэтому он подходит, когда нужно создать простую контактную форму без излишеств, вроде интеграции оплаты, подписок на рассылки и других.
Также к нему нет дополнений, даже от сторонних разработчиков. Из-за скудного функционала Pirate Forms не пользуется большой популярностью. Однако, если вам нужен бесплатный инструмент для создания простых блоков обратной связи — обязательно обратите внимание на этот плагин.
Formidable Forms
Плагин отличается функциями, многих из которых нет в большинстве аналогов на WordPress. Имеет бесплатную версию со следующими преимуществами:
Посредством Formidable Forms вы сможете быстро и без работы с кодом создать красивую и удобную контактную форму на ВордПресс.
Fast Secure Contact Form
Доступное всем вебмастерам бесплатно решение. В сравнении с аналогами, которые также предоставляются для применения безвозмездно, имеет более широкий функционал. Однако, работать с ним сложнее. Достоинства Fast Secure Contact Form:
Что касается сложности работы: для интеграции формы на сайт, потребуется использовать шорткоды. Даже новичок справится с этим, ознакомившись с инструкцией, однако, в некоторых аналогах все можно сделать быстрее. Поэтому данный инструмент лучше использовать, когда вам необходимо чуть больше, чем самый простой блок обратной связи с 2-3 полями.
К сожалению, с марта 2019 года расширение Fast Secure Contact Form не поддерживается разработчиком, поэтому в официальном репозитории WordPress вы его не найдете. Но не беда: дистрибутив есть в свободном доступе в интернете.
Form Maker by WD
Form Maker by WD пользуется популярностью среди вебмастеров и имеет высокий рейтинг. Использовать его можно бесплатно, либо купив премиум-версию с расширенным функционалом.
Этот плагин WordPress позволяет внедрять в сайт блоки обратной связи разных типов: анкеты со множеством полей, регистрационные вопросы, строки с несколькими вариантами ответов на выбор и другие. Работать с Form Maker удобно, благодаря настройке посредством перетаскивания и вставки.
Contact Widget
Не совсем обычный плагин, имеющий особенность, из-за которой было бы неправильным не упомянуть его в нашем Топе контактных форм для ВордПресс. Подавляющее большинство аналогов могут встраиваться только на саму страницу сайта. Contact Widget позволяет решить эту задачу по-другому. Посредством данного плагина интегрировать блок обратной связи можно в область для виджетов.
Работать с Contact Widget сможет даже начинающий вебмастер. Настройка выполняется без копания в коде и без шорткодов. Подогнать под особенности сайта визуальную составляющую плагина тоже не составит труда.
Пробная версия доступна бесплатно и позволяет опробовать инструмент до покупки. Чтобы воспользоваться полным функционалом, нужно стать членом клуба WPMU DEV. Это позволит обращаться в техническую поддержку, а также общаться на специализированном форуме.
Подведем итоги
Если вам нужна бесплатная контактная форма с простым функционалом, тогда обратите внимание на Contact Form 7, ограниченную версию WPForms и Pirate Forms. Эти плагины для ВордПресс быстро настраиваются и с ними справится любой вебмастер, даже начинающий.
Если же блок обратной связи должен быть чуть сложнее, а также вы хотите сделать его красивым и удобным для пользователей, то скорее всего, лучшим выбором станет Caldera Forms, Ninja Forms, премиум-версия WPForms, Formidable Forms или Formidable Pro.
Если вы хотите пойти нестандартным путем и встроить контактную форму в виджет, используйте Contact Widget.
Нужна необычная форма, в которую нужно внедрить разнообразные функции? Тогда лучшим решением станет Gravity Forms или Form Maker by WD.
Выбирая плагин для покупки, заранее спланируйте, для чего вы будете его применять и какие функции вам особенно необходимы. После этого вы легко подберете подходящий в нашей подборке. Конечно же, в интернете представлено и много других платных и бесплатных вариантов, но мы уже отобрали для вас лучшие. Они получают высокие оценки от вебмастеров и пользуются популярностью, что подтверждает их качество и удобство.
Не стоит недооценивать важность внедрения качественной контактной формы на ваш сайт на WordPress. И уж тем более, пренебрегать этой возможностью. Вне зависимости от тематики сайта, контактная форма облегчит обратную связь с его посетителями и позволит собирать информацию без вашего активного участия. И это уже не говоря о сайтах компаний и интернет-магазинов, для которых такой плагин — необходимость, позволяющая принимать заказы или заявки на обратную связь, что повышает конверсию трафика в продажи. Тем более, что установка контактной формы ВордПресс занимает немного времени, а после настройки она будет работать для вас годами, круглосуточно и автоматически.
Как сделать формы на WordPress без программиста
Данная инструкция написана по стопам исследования, ранее проведенного и выложенного в статье на VC.
Благодаря этому, начинающие бизнесмены, малый и средний бизнес могут сэкономить на разработке своих сайтов приличные суммы денег, ведь уже не нужно оплачивать человеко-часы за те огромные куски программного кода, которые уже написаны и готовы к использованию в виде плагинов. Эти плагины осталось только выбрать и собрать, как конструктор в единое целое под названием «Веб-сайт».
Ну, а для тех сайтовладельцев, кто еще не переехал на WordPress и сомневается в вышесказанном, я подготовил небольшую пошаговую инструкцию, как сделать свой сайт на WordPress более интерактивным с помощью форм и без привлечения программиста.
Для выполнения данной инструкции потребуется:
1) Хостинг с поддержкой свежих версий PHP и MariaDB. Вы можете даже не вникать в технические детали хостинга и просто выбрать хостинг для WordPress.
Если у Вас Интернет-магазин или просто сайт с большим количеством ежедневных посетителей, то вместо хостинга лучше использовать VPS, VDS или облачные серверы. Облачные серверы намного удобнее масштабировать, если ожидает серьезный прирост в нагрузке на веб-сайт.
2) Доменное имя для сайта (которое скорее всего у Вас уже зарегистрировано).
3) Доступ в панель управления доменом (для изменения DNS-записей).
4) Почтовый аккаунт, с которого будут приходить уведомления с запросами от пользователей сайта (пойдет даже бесплатная почта).
5) Небольшие знания в английском языке (или Google Translate).
6) Владение ПК на уровне пользователя.
По завершению данной инструкции у Вас будет сайт на WordPress с формой (а быть может даже и несколькими формами).
Данный шаг индивидуален для подавляющего большинства случаев т.к. абсолютно одинаковых сайтов практически не бывает (если их специально не делать), поэтому давать какие-либо советы по данному шагу, я считаю, бессмысленно.
На этом шаге мы лишь фиксируем, что локация для размещения сайта уже выбрана, домен для сайта верно нацелен на локацию с помощью панели управления DNS у регистратора, а факт перехода на CMS WordPress уже свершился.
В этой инструкции, это, пожалуй, самый важный шаг, потому что плагинов с формами в WordPress достаточно много (их легко найти через поиск по слову «Forms»).
В основном плагины с формами отличаются функциональностью, дизайном, скоростью работы, качеством кода. Тут, как говориться, на вкус и цвет, каждый выбирает сам, что ему или ей удобнее. Я остановлю свой выбор на Forminator и дальнейшие шаги буду описывать применительно именно к этому плагину.
Ниже на скриншоте показано, как в разделе плагинов найти Forminator и установить его. После установки плагина его необходимо активировать.
После активации плагина в WordPress появляется новый раздел Forminator, где у Вас есть возможность создать свою первую форму с помощью кнопки «Create».
Разработчики заранее подготовили несколько шаблонов форм, которые можно брать «из коробки» практически готовыми к использованию. Для нашей инструкции необходимо выбрать «Contact Form» и нажать кнопку «Continue».
Делаем форму обратной связи WordPress: плагин Contact Form 7, функции в темах и самописный код
По умолчанию в WP нет такого функционала, но на помощь приходят плагины и специально разработанные конфигурации для движка.
Форма обратной связи WordPress плагином Contact Form 7
Разберу бесплатный Contact Form 7, который переведен на русский язык. В стандартном исполнении она включает в себя:
Не люблю капчу, но добавил ее после того, как на один из клиентских сайтов начал сыпаться спам.
Добавить капчу reCaptcha
Устанавливаем плагин стандартно через админку WordPress, так выглядит в панели.
Настроим reCaptcha от гугла, заходим в раздел интеграция, и нажимаем на ссылку google.com/recaptcha. Должны иметь аккаунт в Google.
Перебросит в сервис, настраиваем пункты как на скриншоте, правильно вводим домен, внизу нажимаем отправить.
Копируем данные для капчи, оба ключа.
Переходим обратно в плагин WordPress и нажимаем кнопку Настройки интеграции.
Вводим ключи скопированные на сервисе reCaptcha, записываем в соответствующие разделы и сохраняем.
Создание формы
Заходим в настройки и создаем новую форму. Стираем стандартную разметку.
Вводим название нового проекта и нажимаем кнопку Текст, потому что имя будут вводить текстом без правил.
Появиться всплывающее окно, настраиваем по потребностям.
Аналогично нажимаем кнопку e-mail, видим тот же интерфейс.
Ввод почты можно сделать через текст, но тогда потеряете функцию проверки правильности. Плагин проверит есть ли знак @.
Добавляем раздел текстовой области и телефона (по желанию), принцип одинаковый.
Ранее настраивали интеграцию капчи в WordPress, в базовой версии CF7 нет кнопки для вставки captcha, для этого создан шорткод [recaptcha] помещаем под остальными элементами.
Осталось добавить кнопку отправки, выбираем из списка и настраиваем ее вывод.
В результате получился такой код.
Настройка отправки письма
Нажимаем сохранить, переходим во вкладку Письмо, теперь настраиваем отправку на почту.
Протестируйте остальные вкладки уведомлений и настроек, можно поменять текст, выводящийся в разных ситуациях.
Вставка формы на сайт
Вверху страницы сформировался шорт код, копируем его.
Идем в любую запись и вставляем.
После нажатия кнопки Посмотреть, перекинет на сайт с отображением проделанной работы.
Хорошая черта у разработчиков тем на WordPress – заранее делать продукт, поддерживающий CF7, что облегчает жизнь и не нужно прописывать CSS стили в код сайта. Моя тема поддерживает плагин и выводит вполне красивую картинку. Если не устраивает, то к каждому полю прописывали class, используйте его для изменения оформления. Проверил работу темы, письма приходят быстро. Про остальные способы вставить шорткод в WordPress, читайте по ссылке.
Ко всему материалу приложу видео инструкцию, показываю не только процесс создания, но и как сделать красивое оформление формы, потому что текстом весь процесс не описать.
Сделать поля горизонтально в строчку
Посмотрел в интернет и ужаснулся, сколько манипуляций делают. Настроить полностью оформление не покажу, это тема ни одного большого мануала. Заходим в редактирование формы и оборачиваем поля, которые хотим выстроить горизонтально в div с классом, смотрим код.
Поле Имя, Почта и Телефон хочу выстроить в строчку. Не забываем сохранять изменения.
Заходим в админке WordPress Внешний вид > Редактор тем > style.css прописываем стили для обратной связи WordPress в конец файла.
Из стилей видно, что div с классом flex-form присвоили свойство display:flex оно задает расположение элементов в строку, без дополнительных параметров пространство делится поровну.
Вторая запись показывает когда разрешение экрана достигло 655 пикселей, форма меняет свойство с flex на block и форма начнет отображаться как раньше с полями друг под другом. Этот предел в 655 меняется индивидуально, стиль сделан чтобы на мобильных устройствах обратная связь выглядела нормально.
Всплывающая форма обратной связи
Положительно на приеме заявок действуют всплывающие окна с обратной связью от CF7. Плагин для вывода всплывающего окна будет Popup Maker. Описывать не буду, ссылка на материал расположена в этом абзаце. В дополнение приложу видео из той статьи.
Как добавить в elementor
Для вставки формы в elementor нужно использовать раздел shortcode. Форма создана по инструкции выше, значит шорткод от CF7 есть. Переходим в создание страницы в элементоре и в поиске по элементам ищем шорткод.
Далее перетаскиваем модуль в активную область, в параметрах блока вставляем код формы. Функция сработала и вывела на экран результат в виде формы обратной связи.
Используем настройку темы
Откроется страница с уже адаптированной, размеченной и сверстанной формой, по которой посетитель может получить обратную связь с администратором.
Feedback через виджеты
Вставить feedback в виджеты просто. Поможет виджет текст, переносим его в активную зону и прописываем шорткод в него.
Задаем заголовок, заносим конфигурацию в текстовую область, переходим на блог и смотрим, как обрабатывается обратная связь.
Обратная связь без плагина
Если предпочитаете способы без плагина, то есть отличная инструкция, нашел на просторах интернета, если хозяин кода объявится, то с удовольствием поставлю ссылку.
Открываем файл function.php для редактирования, прописываем в самый низ код, как пользоваться FTP и изменять PHP разбирали тут.
Создали форму в HTML разметке WordPress и подвязываем ее на шорткод. Думаю такой подход будет удобен, потому что вывести блок можно будет в любом месте.
В гутенберге в любой текстовый блок вставляете строку.
Перейдя на сайт увидим не сформированную форму, поля работают, но письмо отправляться не будет, потому что не привязан PHP обработчик.
Теперь настроим внешний вид, вставляем данный код в файл style.css активной темы.
Обновляем style.css на сервере и смотрим как преобразилась обратная связь на странице.
Создаем файл feedback.js и помещаем в него код. Загружаем на хостинг в папку js активной темы.
Теперь загружаем вторую часть кода в function.php.
Проверяем форму на работоспособность. Проблема может возникнуть если вы не правильно загрузили файл js в тему WordPress, и путь до него прописан не корректно, а именно во втором коде в разделе // Подключаем файл скрипта.
Такое письмо приходит на почту с обратной связи.
Отлично, справились, смогли сделать форму обратной связи в WordPress, тремя разными методами, если будут вопросы то задавайте, будем разбираться. Успехов!
7 лучших плагинов обратной связи для WordPress
Не так давно на блоге выходила заметка «50 самых популярных плагинов для движка WordPress» и так как работа над курсом по WordPress подходит к своему финалу, мы хотим представить вам еще одну подборку плагинов для этого движка. А именно, сегодня мы будем рассматривать топ-лучших плагинов для контактных форм.
Начнем мы из того, что вспомним, какие самые главные страницы или блоки должны быть на всех коммерческих сайтах. Это «О нас» — где расписана информация о компании, «Услуги» — с описанием предоставляемых услуг или товаров и «Контакты» — для получения обратной связи от клиентов или заказы.
Именно в контактах размещаются формы обратной связи, так как это дает возможность посетителю не просто ознакомиться с вашим предложением и уйти, а как-то проявить себя. Написать отзыв, сообщить вам свои пожелания или замечания по проекту, предложить свое сотрудничество, или же заказать ваши услуги.
Но к сожалению, этот полезный функционал не встроен в стандартный набор движка и нам приходиться искать посторонние решения этой задачи. Для этого нужно или написать форму самому (если вы умеете), или использовать уже готовые плагины.
Надеюсь, что вы, пройдя по этому списку, выберите самый подходящий плагин для ваших нужд.
Это самый известный и, наверное, лучший плагин для создания контактных форм, так как количество активных установок уже превышает 3 миллионов, а сам плагин регулярно обновляется разработчиками. Стандартный набор функций включает в себя чекбоксы, радиокнопки, загрузку файлов, функции антиспама и CAPTCHA. И с помощью него можно быстро настроить форму, содержащую текстовые поля, телефонные номера, почтовые адреса, даты и прочее. Этот плагин совершенно бесплатный и легко вставляется с помощью простого HTML, а также он может похвастаться AJAX-отправкой.
Это целый набор плагинов, виджетов и сервисов для движка WordPress. И соответственно у него есть свой очень простой, но хороший встроенный конструктор форм. С помощью него вы получаете быстрый и простой интерфейс для добавления форм в любую заметку или страницу сайта. Для этого нужно просто нажать кнопку «Insert Form» и у вас появится возможность быстро создать и добавить форму.
Этот плагин позволяет создавать уникальные на вид контактные формы через функцию Active Engage и вставлять их не только на страницах сайта или в заметки, но и сразу на всех страницах в нижнем правом углу. Всего в один клик посетителя ваша контактная форма появится на экране и не сможет не привлечь внимание к себе. Но, при этом, привычная интеграция формы в записях, на страницах или в сайдбаре, также возможна.
Это еще один очень популярный плагин, который доступен в двух версиях — в качестве плагина для WordPress и PHP кода для интеграции на «самописные» сайты. Уникальность этого плагина в том, что роботы-спамеры обнаруживаются на сайте автоматически. Используя капчу и Akismet Fast Secure form плагин блокирует атаки с наиболее популярными спамерскими тактиками. Эта функция сокращает вероятность появления спама и любой другой нежелательной информации.
Универсальный бесплатный плагин с отличным интуитивным drag’n’drop интерфейсом для создания контактных форм на вашем WordPress сайте. В админке вы сможете строить свою форму просто перетаскивая нужные блоки и настраивая их под ваши нужды. А также в нем есть огромное количество функций, среди которых AJAX handler, надежные антиспам модули, импорт и экспорт данных.
Это еще один плагин с drag’n’drop интерфейсом, который позволяет создавать и управлять всеми видами форм на вашем сайте из одного места. Он предназначен для того, чтобы сделать процесс создания форм быстрым и легким занятием, так что пользователю нет необходимости учиться редактировать какой-либо код. Плагин имеет довольно обширный раздел поддержки разработчиками для решения проблем и помощи в его настройке.
Еще один плагин которым можно быстро и без лишних заморочек создать контактные формы на своем сайте. Для борьбы со спамом он интегрируется с плагином Captcha. В про-версии плагина доступны дополнительные функции, как например, валидация форм и выбор боксов, кстати они обе доступны бесплатно в вышеупомянутом Contact Form 7.
Вот такой список плагинов получился. Надеюсь, вы уже выбрали для себя самый подходящий и даже успели протестировать его на своём сайте.