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

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

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

 

 

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

 

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

 

WPForms

 

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

 

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

 

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

 

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

 

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

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

info-effect.ru
Добавить комментарий для Кирилл Отменить ответ

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Realist

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

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

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

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

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

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

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

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

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

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

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

      Ответить
      1. VIA

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

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

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

          Ответить
  4. Владимир

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

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

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

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

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

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

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

          Ответить
  5. Wire

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

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

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

      Ответить
  6. Alex

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

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

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

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

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

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

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

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

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

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

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

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

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

          2. Admin автор

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

      2. Ульяна

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

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

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

          Ответить
          1. 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? Нужен только самовывоз,при оформлении он требует все-равно ввести адрес. Бьюсь сегодня целый день – не пойму, что нужно сделать.

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

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

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

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

          2. Людмила

            Глючил плагин 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 автор

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

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

    Добрый день. Не удаётся настроить почту на личный адрес.

    Ответить
  31. Стас

    А такую же форму как у вас, ну это ту что я заполняю как можно сделать? Вот такую лаконичную, а не стандартную как показано в примере статьи?

    Спасибо

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

      Она идёт по умолчанию вместе с темой. Вам может помочь плагин SiteOrigin CSS

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

    Скажите, а как сделать форму всплывающей при нажатии на любой элемент? Например на кнопку или ссылку “заказать звонок”?

    Ответить
  33. Динар

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

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

      Здравствуйте. Форму можно вставлять на страницы с помощью шорткода. “получить информацию с какой страницы была вызвана форма” – этот вопрос не понятен.

      Ответить
      1. Динар

        Например есть карточка товара. Там есть кнопка “Оставить заявку” , так вот при переходе по этой кнопке, можно ли как то отследить с какой страницы ( с какой карточки товара ) пришел клиент ?

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

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

          Ответить
          1. Динар

            Я уже нашел то, что мне нужно.
            Называется динамическое заполнение или передача данных в url

  34. AlexMS

    Здравствуйте.
    Помогите решить проблему.
    Форма в wpforms, при заполнении данные отправляются в Гугл таблицу.
    Старая форма (она работает исправно) была взять за основу.
    В новой добавлены новые пункты выбора.
    Экспорт настроен на новый лист в той же таблице Гугла через плагин Uncanny Automator.

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

    Доступа к хостингу чтоб посмотреть лог нет :(

    Что может быть не так и где искать ошибку :(

    Спасибо заранее

    Ответить