Урок 198 WordPress формы: какой использовать конструктор форм на блоге Вордпресс

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

wordpress формы

Благодаря этой форме, можно создать некую “анкету”, тем самым узнав много чего интересного у пользователя :). Например, с помощью этих форм можно создавать:

  • некую “рассылку” для пользователя, как в моем случае;
  • опрос;
  • анкетирование и др.

Я уверен, что подобные “формы” могут пригодится многим, поэтому рекомендую добавить данный урок в закладки или отправить его к себе в Evernote :).

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

Если же по каким-то причинам у Вас не работает плагин Contact Form 7 (к сожалению, я у меня встречалось такое на клиентских сайтах пару раз), то можете использовать другой конструктор форм, например плагин CForms (более “тяжелый” плагин). Я же, в свою очередь, буду рассказывать Вам вывод форм в WordPress через плагин Contact Form 7).

WordPress формы: выбор полей, вывод

  1. Для начала нужно скачать плагин Contact Form 7 и активировать его.
  2. Теперь заходим в админку WordPress –> Contact: wordpress плагин форм
  3. Нажимаете на кнопку “Добавить новую”: Wordpress констуктор форм
  4. Нажимаете на кнопку “Add new”: Формы wordpress
  5. Задаете название для Вашей будущей формы и нажмите на кнопку “Сохранить” (расположена чуть правее): Форма приглашения
  6. И теперь самое главное, создаем/редактируем поля формы. По умолчанию Вы видите вот что: форма  Здесь: 1 – Текст, который выводится перед полем для заполнения, вот он как выглядит в итоге: Формы Вордпресс    2. Звездочка (см. на 2 рисунка выше) означает, что поле обязательно для заполнения. 3. Через теги p делим поля на абзацы. А тег br, напомню, означает переход на следующую строчку.
  7. Чтобы вывести свою поля, нужно нажать на кнопку Generate Tag, после чего Вы увидите всплывающее окно: ВОрдпресс формыЧуть ниже Вы узнаете, за что отвечает каждый тип поля.

Чтобы добавить какое-то поле я делаю следующее:

  1. Копирую какую-нибудь строчку для “шаблонности”: copy
  2. Вставляю его в нужно мне место: paste
  3. Меняю текст, который выводится перед полем для ввода: text
  4. Нажимаю на кнопку Generate Tag и выбираю тип поля (в данном случае выберу обычное, текстовое, обо всех типах разъяснения Вы найдете чуть ниже): tip
  5. Дальше просто копирую тег, который выдает плагин: example
  6. И вставляю его вместа текста в квадратных скобках. То есть вместо: vmesto Получается: itog
  7. Далее нажимаю на кнопку “Сохранить” (правый нижний угол): save

Text field – Текстовое поле (в это поле обычно вводятся имя, фамилия и т.п.). Email field – Поле для ввода электронной почты (тут обязательно наличие “@” (“собачки”) и окончания в виде .ru и т.д. Text Area – Поле для более длинного текста (не просто имя и фамилия). Обычно сюда вводят некие комментарии или текстовое обращение к автору блога. Drop-down menu – Выпадающее меню. Чтобы внести список выбора, нужно вбить нужные слова в “Выбор”:

drop-drown Checkboxes – “Чекбоксы”. Нужные “слова” для поля тоже вбиваете в “Выбор” (см. картинку выше). Вот так выглядят чекбоксы: checkbox Radio buttons – “Радио кнопки”. То есть выбираете нужный пункт в виде точки: radio Acceptance – “Подтверждение”, если я правильно понял. То есть, как обычно это “Согласны ли Вы с правилами системами” и т.п.: accept Quiz – Вопрос-Ответ. То есть это может неким антиспамом: vopros Captcha – Капча (антиспам, где нужно вводить циферки и буквы с картинки). Тут нужно установить дополнительный плагин, о котором я подробно рассказывал здесь. File Upload – Загрузить файл (можно задать размер файла, его тип и т.п.). upload Submit button– Кнопка “Отправить”.

Все эти типы полей “вживую” (в действии) Вы можете увидеть тут. Надеюсь, урок все же оказался для Вас полезным, до скорой встречи!

С уважением, Пётр Александров.
Подпишитесь на бесплатные уроки

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

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

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

Нажав на кнопку «Отправить комментарий» вы принимаете соглашение на обработку персональных данных .

31 комментарий на «Урок 198 WordPress формы: какой использовать конструктор форм на блоге Вордпресс»

  1. Андрей
    http://bez-buhla.ru

    Да…неплохой плагин, я его тоже использую на своем блоге 🙂

  2. Илья

    Давно пользуюсь этим плагином, очень хороший.

  3. Виталий
    http://softapps.ru

    Спасибо, за очередную полезную информацию! 🙂 Как раз хотел создать опрос!

  4. Влад

    Плагин очень хорош, рекомендую использовать на сайтах

  5. Александр

    Давно искал что то подобное, спасибо за урок 🙂

  6. тимур багунов

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

  7. тимур багунов

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

    • Петр Александров

      Отправляются автоматически в To нужно вписать “[to-email1], [to-email2], [to-email3]”,а в самом “E-Mail друга №1 (обязательно)
      [email* to-email1]” и т.п.

  8. Константин

    Петр здравствуйте!
    не сочтите за назойливость – но хотелось бы услышать ваше мнение.

    Недавно создал блог о видеоиграх, где пишу самые последние новости из индустрии игр.
    Сайт обновляю каждый день – конент только свой, никакого воровства.
    Плюс, авторские картинки которые делаю/рисую сам.
    Новости пишу только о том что самое важное и обсуждается в зарубежных и на русских сайтах. Просто чтобы не тратить время на
    писанину о том, что не будет обсуждаться. Да и так как эта тема интересна самому – то я заранее могу сказать, где важный проект от известного разработчика – а где мелочевка, которая мало кому интересна.
    Хотел бы узнать как привлечь посетителей.
    И еще почему то Яндекс до сих пор не видит мой сайт – Гугл видит, старые посты находит. А вот если вписать новые, то почему то нет..
    Был бы очень признателен если бы подсказали какие шаги по раскрутке мне лучше предпринять.
    Спасибо!

    • Петр Александров

      Было бы неплохо, если Вы бы хотя бы адрес сайта дали. Я не экстрасенс 🙂

  9. MegaHerz

    С праздником, защитники Отечества! Петр, тебя – в первую очередь, читетели – во вторую.

    Сорри что не в тему ))

  10. Kirill
    http://allproall.com

    Отличный плагин! Сам пользуюсь им на блоге. Могу добавить следующие, что установка данного плагина либо альтернативного обязательна для каждого блоггера. Лично на примере моего блога, все чаще и чаще рекламодатели, посетители, заказчики обращаются ко мне именно через эту форму. Именно после установки данной формы, стало больше обращений ко мне через нее. Хоть на блоге и прописан адрес почты, но как заметил, людям намного удобней заполнить поля формы и отправить письмо через нее.

    Так, что если вы еще не пользуетесь данным плагином, начинайте!

  11. михаил

    а зачем вообще это форма? её можно использовать как форму для подписки на RSS?

  12. Андрей Жулай
    http://www.5starsplus.com

    Спасибо. Думаю в будущем может пригодиться.

  13. Сергей
    https://electro-city.net.ua/

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

  14. Максим Меличаев

    Привет, Пётр. Читаю твой блог. очень много полезного и интересного. Также недавно начал вести свой блог. Оказывается тема (шаблон) у меня такой же как у тебя. Подскажи как в комментариях сделал так, чтобы выводилось только имя комментатора и время когда он оставил коммент? Как ты убрал номер комментария и слово “опубликовал”.?

  15. Дмитрий
    https://ts3.su

    Здравствуйте !
    подскажите пожалуйста вчём может быть проблема И как её исправить?
    При нажатии кнопки отправить не происходит обновление страницы и непишится письмо отправленно.
    Письма отправляются и доходяр

  16. yulyaxa
    http://mamulkikrasotulki.ru

    Петр, тоже на сайте использую данную форму. Но вот на другом сайте tursvit.ru хочу создать форму для поиска места отдыха по типу жилья. На многих туристических сайтах это есть и это очень удобно. Искала, но так и не нашла как это можно сделать. Может что-то подскажешь?

  17. zolotoypup

    variant4
    когда уже самолеты выйдут в открытой бете, устал ждать.

  18. Сергей

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

  19. Alex

    какой-то хлам получился, сорри за мусор, я писал в хтмл, а оно…

  20. Alisa

    Здравствуйте!
    Нигде не могу найти ответ на вопрос: как отредактировать форму, чтобы чекбоксы и радиокнопки выводились каждый с новой строки??…
    Пробовала ставить после каждого значения и , и – в итоге просто этот пункт формы (с чекбоксами или радиокнопками) вообще перестает выводиться на сайте! Что делать? Помогите, пожалуйста.

  21. Alisa

    [quote comment=”37230″]
    Пробовала ставить после каждого значения и , и – в итоге просто этот пункт формы (с чекбоксами или радиокнопками) вообще перестает выводиться на сайте! [/quote]

    Имелись в виду теги br и br /.
    Почему-то не отобразились.

    • Петр Александров
      https://wpnew.ru

      Попробуйте через и

    • Петр Александров
      https://wpnew.ru

      Попробуйте через p и /p

  22. kaki

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

  23. Вадим
    http://shuri-muri.ru/

    Спасибо! А как 2-мя кликами сделать чтобы заполнялось?

  24. Сергей

    Вот еще есть один неплохой конструктор форм – https://wordpress.org/plugins/formdesigner/
    Может кому-то пригодится.

  25. Асадбек

    А какую тему вы используете для данного сайта ?

  26. Лина

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

  27. Сергей

    Подскажите пожалуйста, можно ли результат заполнения формы вывести отдельной страницей или сформировать pdf файл для скачивания?