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

Полезное для сайта

Привет! Сегодня я покажу вам очень полезный плагин для сайта WordPress. Вы сможете создавать различные контактные формы. Плагин очень легко настраивается. Есть 4 готовых типа формы. Можно добавлять свои поля. Форму можно добавить на любую страницу с помощью шорткода. Все настройки на Русском языке!

 

 

Создать форму обратной связи WordPress

 

Установить плагин WPForms вы сможете прямо из админ-панели WordPress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, установите и активируйте плагин.

 

WPForms

 

Далее, после установки и активации плагина у вас откроется страница приветствия. Здесь можно посмотреть видео инструкцию, как создать форму и добавить её на сайт.

 

плагин видео инструкция

 

Далее, в админ-панели слева перейдите на страницу WPForms. Здесь будут отображаться все созданные формы. Чтобы создать новую форму, нажмите вверху на кнопку Новая форма.

 

создать новую форму

 

Далее, вы можете выбрать тип формы. Нажмите по нужному вам шаблону.

  • Пустая форма. Можно создавать любые формы с помощью перетаскивания полей.
  • Простая контактная форма. Обратная связь для вашего сайта.
  • Форма подписки на рассылку. Можно интегрировать в форму сервис email рассылки.
  • Форма предложений. Ваши посетители смогут предлагать идеи.

 

выбрать тип формы

 

Далее, у вас откроется готовая форма. Вы можете изменить её. Можно добавить свои поля.

 

создание формы

 

Можно изменить текст кнопок и уведомлений. Слева перейдите на вкладку Настройки.

 

настройка уведомлений

 

Далее, после создания формы, нажмите вверху на кнопку Шорткод.

 

шорткод формы

 

У вас откроется окно, вверху скопируйте шорткод.

 

скопировать шорткод

 

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

 

страница шорткод форма

 

Перейдите на сайт. У вас будет отображаться готовая форма обратной связи.

 

готовая форма связи

 

Обратите внимание! У плагина есть настройки. Здесь вы можете настроить CSS стили, выбрать email шаблон, подключить защиту от спама reCaptcha, интегрировать сервисы и т.д. Всё очень просто, на Русском языке, читайте и всё поймёте! Если что-то не понятно, пишите мне в комментарии, будем разбираться!

 

настройки плагина

 

У плагина есть много дополнительных расширений. Например, вы можете принимать оплату через форму с помощью PayPal и т.д.

 

подключить расширения

 

Всё готово! Вот так просто и быстро вы можете создавать контактные формы для своего сайта!

 

Остались вопросы? Напиши комментарий! Удачи!

 

EFFE
Добавить комментарий для Wire Отменить ответ

  1. Realist

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

    Ответить
    1. Admin автор

      Родной виджет, в тему встроен. Хотя знаю подобный плагин есть – WordPress Tab Widget.

      Ответить
  2. Алекс

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

    Ответить
    1. Admin автор

      Сервер случайно не Украинский? У них проблемы с Яндекс почтой.

      Ответить
  3. Евгений

    Здравствуйте.
    На какой e-mail ,будут приходить сообщения?

    Ответить
    1. Admin автор

      Здравствуйте. На email который вы в настройках укажите.

      Ответить
      1. VIA

        Уточните, пожалуйста, где именно в настройках.

      2. Admin автор

        Смотрите, при создании формы, слева перейдите на вкладку: Настройки – Уведомления – здесь будет поле: Отправить на email адрес. В нём указан шаблон почты админа WP по умолчанию. То есть, письма будут отправляться на почту, которая указана в настройках WordPress. Как раз в это поле вы можете указать любой адрес электронной почты.

  4. Владимир

    А вы не подскажете как установить идентификатор на кнопку для ЯндексМетрики?

    Ответить
    1. Admin автор

      Какой именно идентификатор, для какой цели?

      Ответить
      1. Ниеолай

        Илья, доброго времени. К вопросу о целях Метрики к формам WPForms. Взял за основу скрипт к Contact form – 7. Меняю там всё, а что-то не получается ((( Не подскажите скрипт для Java целей метрики на плагин?
        Спасибо.

      2. Admin автор

        Здравствуйте. Созданием скриптов не занимаюсь. Вам лучше к разработчику обратиться, есть один на примете, скажите от меня, вот его группа в ВК –
        vk.com/wp_selico

  5. Wire

    Привет! А он не встраивается в сайдбар…вставляю как и contact form – через шорткод…а выводится только сам шорткод…т.е. как строка…пока не понял в чем причина…

    Ответить
    1. Admin автор

      В какой виджет вставляете?

      Ответить
  6. Alex

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

    Ответить
    1. Admin автор

      Здравствуйте! Через Пустую форму пробовали делать? Для создания регистрации есть специальные плагины, например Theme My Login. Классный плагин, попробуйте его! Выводит стандартную регистрацию WP на любую страницу. Можно доступ настроить, редирект и т.д. Простой и удобный плагин.

      Ответить
  7. Кирилл

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

    Ответить
    1. Admin автор

      Здравствуйте. В настройках всё правильно сделали? Ещё раз внимательно посмотрите их.

      Ответить
      1. Кирилл

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

      2. Admin автор

        Здесь нужно более детально разбираться. Скорей всего несовместимость какая-то. Попробуйте настройки подтверждения изменить. Экспериментируйте!

      3. Кирилл

        Перепробовал все, не работает. Где-то несовместимость. Установил ниндзю))) все работает)

      4. Admin автор

        Отлично!) Contact Form 7 чем не устроил? Самый популярный и простой плагин для создания обратной связи!

      5. Ульяна

        Статья о чем? О настройках плагина? Где в тексте сказано про имейл, куда вписывать его, куда отправляться будет письмо?

      6. Admin автор

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

      7. VIA

        Т.е. имейл поменять нельзя?

  8. Alex

    Предложенный Вами плагин Theme My Login для регистрации как дополнение к WPForms наверное изменился с тех пор, когда вы им пользовались в последний раз, или вы его создатель?. Сейчас это плагин с типичным набором строк при регистрации. Ни добавить, ни уменьшить, и к тому все надписи на английском. Сделать редирект или любые другие изменения, за любой дополнительный чих – плати деньги за расширения. Это в то время, когда есть другие плагины для регистрации со всеми плюшками бесплатно. )

    Ответить
  9. Надежда

    Здравствуйте, Илья! А не поскажете, что там с чекбоксом? Жму добавить поле – под формой 3 варианта (вариант 1, вариант 2, вариант 3). Мне нужен чекбокс для согласия с политикой и условиями, плюс поле для ссылки. Не вижу ничего такого, и вообще все мертво в настройках. Даже не пыталась обновить настройки и посмотреть. Понятно, что это не то или не работает.

    Ответить
    1. Admin автор

      Здравствуйте. На странице редактирования формы, слева, нажмите на вкладку Поля. Там будет опция Чекбоксы. Попробуйте удалить два варианта, оставить один. Ссылку можно добавить с помощью функции Текст. Вообще в плагине Contact Form 7 очень просто сделать такой чек-бокс.

      Ответить
  10. Надежда

    Может, не там пытаюсь удалить. Справа все три строчки неактивны. Посмотрю еще. Что-то там вылезает с крестиком “удалить”. Но я так поняла, что предлагается удалить само поле. Сайт клиентский, этот плагин, похоже, премиум, как и все другие. )) Приходится разбираться с тем, что есть. К тому же, вордпресс последнее время шлет релиз о том, что wpforms будет типа по умолчанию. Про Pirateform они вообще пишут, что скоро удалят, в плане деактивируют, видимо. Тоже хороший плагин. Мне нравится. Спасибо Вам за быстрый ответ!

    Ответить
    1. Admin автор

      Плагин Contact Form 7 чем вас не устроил?

      Ответить
      1. Надежда

        Не могу командовать на чужом сайте. Человек деньги платил. )) Разобралась с настройками чекбоксов. Как-то невнимательно сразу смотрела и не заметила, где это.

  11. Max

    Здравствуйте. Плагин очень хороший, я с его помощью создал опросный лист и контакты обратной связи, но можете ли вы поэтапно (лучше скриншотом) показать как вы настроили вкладку Уведомления. Я уже устал танцевать с бубном – не отправляет он на емаил уведомлние об ответе. (моя почта yandex.kz)

    Ответить
    1. Admin автор

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

      Ответить
  12. Виктор

    Доброго времени суток! А как в
    этих двух плагинах сделать перенаправление на свою страницу, когда клиент отправит форму.

    Ответить
    1. Admin автор

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

      Ответить
  13. Виктор

    Благодарю Илья. Конечно воспользуюсь советом.

    Ответить
  14. Татьяна

    Делаю свой первый сайт. Поэтому могу задать не очень умный вопрос. Установила плагин WPForms. Вроде и шорткод добавила, и поля настроила. Попробовала. Письма уходят, появляется сообщение, что письмо отправлено. Но на почту (на @mail.ru) ни одно проверочное письмо не пришло. А все добрые советы разработчика на ненашем языке. Что делать?

    Ответить
    1. Admin автор

      Добрый день. Папку Спам смотрели?

      Ответить
  15. Людмила

    Подскажите, пожалуйста, как добавить чекбокс для согласия политики конфиденциальности?

    Ответить
    1. Admin автор

      На странице создания формы: Поля – Добавить новые поля – Чекбоксы. Жмёте по чекбоксу и настраиваете название и т.д. Всё просто. Внимательней смотрите.

      Ответить
      1. Людмила

        Илья, спасибо, все получилось) А вы могли бы помочь настроить Страницу оформления заказа на woocommerce? Нужен только самовывоз,при оформлении он требует все-равно ввести адрес. Бьюсь сегодня целый день – не пойму, что нужно сделать.

      2. Admin автор

        Вот этот плагин вам поможет, просто настройте видимость полей – Checkout Field Editor (Checkout Manager) for WooCommerce

      3. Людмила

        Спасибо, попробую)

      4. Людмила

        Глючил плагин Saphali Woocommerce Russian, деактивировала, установила Checkout Field Editor (Checkout Manager) теперь все отлично. Спасибо, реально помогли)

  16. VIA

    Где поменять почту?

    Ответить
    1. Admin автор

      В настройках плагина Уведомления, разве нет?

      Ответить
      1. VIA

        Спасибо, никак не думал, что это будет спрятано в уведомлениях

  17. леонид

    письма из формы летят в спа проверяйте

    Ответить
    1. Admin автор

      Значит email адрес, с которого они летят, непроверен и не подтверждён. Нужно включить функцию DKIM на хостинге.

      Ответить
  18. Аня

    Помогите решить проблему. С проверочных емайлов письма уходят, появляется сообщение, что письмо отправлено. Но на почту (на @mail.ru) ни одно проверочное письмо не пришло. В папке спам тоже точно ничего нет.

    Ответить
    1. Admin автор

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

      Ответить
  19. Георгий

    Данный плагин будет куда лучше, чем ContactForm 7, где лишь настройки простые а все остальное не очень. Из аналогичных недавно еще нашел ru.wordpress.org/plugins/stepform тоже неплохая альтернатива CF7.

    Ответить
    1. Admin автор

      Я много форм перепробовал. WPForms лучший на данный момент! Настройки на Русском языке, все легко и просто!

      Ответить
  20. Сергей

    Добрый день. Можно ли как-то в бесплатную версию добавить политику конфиденциальности?

    Ответить
    1. Admin автор

      Добрый день. Если только в код лезть и то не факт. После обновления слетать будет. Лучше купить про, если не хотите париться.

      Ответить
  21. Сергей

    Сделал проще и бесплатно: добавил чекбокс(он есть в бесплатной версии) “Согласен на обработку персональных данных” и сделал его обязательным. Где “персональных данных” сделал ссылкой на страницу с соот-й информацией.
    Может кому пригодится.

    Ответить
    1. Admin автор

      Я тоже так пробовал, но у меня появляется сразу 3 чек бокса, в простой контактной форме. Разделить их нельзя, насколько я понял.

      Ответить
  22. Сергей

    У меня удаляются лишние, один оставил dl3.joxi.net/drive/2019/11/02/0004/2965/301973/73/07dda2e147.png и поставил сразу птичку, чтобы людям не тыкаться. Хотя если ее убрать по умолчанию, то в какой-то степени заменит антикапчу))

    Ответить
    1. Admin автор

      Да, точно, разобрался) Оказывается всё просто. Действительно, Супер плагин)

      Ответить
  23. Николай

    Подскажите, а есть решение по целям для GA с плагином WPForms?
    Спасибо

    Ответить
    1. Admin автор

      Яндекс Метрика – Настройка – Цели – Добавить цель. Там всё просто. Внизу вкладка Помощь, там инструкция.

      Ответить
  24. Л

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

    Ответить
    1. Admin автор

      Добрый день. Вы можете сами создать любую запись или страницу и вставить в неё шорткод формы. В админ-панели WordPress, в меню слева: Записи – Добавить новую, либо Страницы – Добавить новую. Понимаете?

      Ответить
  25. Рамиль

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

    Ответить
    1. Admin автор

      Какую форму создаёте? Что за код подтверждения? По подробней можно.

      Ответить
  26. Медведь

    Доброго добра!
    А можно сделать опрос или голосование в данном плагине?

    Ответить
    1. Admin автор

      Добрый вечер. Нет, для этого есть специальные плагины, например: Quiz And Survey Master — Best Quiz Plugin for WordPress, либо Formidable Form Builder — Contact Forms, Surveys & Quiz Forms Plugin for WordPress, либо Poll, Survey, Form & Quiz Maker by OpinionStage.

      Ответить
      1. Аноним

        Большое спасибо!

  27. Александр

    А как сделать рамку формы, положение кнопки, цвет?

    Ответить
    1. Admin автор

      Вам может помочь плагин SiteOrigin CSS

      Ответить
      1. Александр

        Спасибо, вы настоящие друзья

  28. Людмила

    Спасибо! Плагин скачала, буду пробовать)))

    Ответить
    1. Admin автор

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

      Ответить
  29. Андрей

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

    Ответить
    1. Admin автор

      Какая форма у вас?

      Ответить