Google

Создание регистрационной формы с помощью плагина Cforms II

Дата публикации:Март 4, 2011

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

Cforms II — довольно масштабный плагин, занимающий значительную область администраторской «вотчины» и требующий для своей работы нескольких экранных страниц. После активации плагина вы обнаружите новую панель cformsII с его настройками:

Плагин Cforms II позволяет использовать AJAX для обновления формы и отправки данных, введенных в нее, без перезагрузки страницы. Также с помощью представленного плагина можно легко создавать все основные типы элементов форм: input, select, check, radio, textarea. Вы можете легко сгруппировать однотипные элементы форм с помощью тегов fieldset и legend.

Плагин обладает интегрированной серверной валидацией данных. С помощью cforms можно легко настроить обязательные для заполнения поля, установить проверку правильности ввода e-mail адресов, настроить собственные регулярные выражения. Панель Help! плагина cForms содержит в себе полезные примеры использования регулярных выражений для решения разнообразных задач.

Связанные материалы:

  1. ColorBox и CForms II
  2. Добавление формы входа
  3. Привязка нового jQuery плагина к WordPress плагину
  4. Написание WordPress плагина для отображения краткой биографии автора
  5. Создание сворачивающихся \ разворачивающихся записей в WordPress с помощью функций анимации jQuery

38 комментариев

  1. eBMW says:

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

    У тебя на блоге сделана регистрационная форма с помощью CForms II? )

  2. Architect Of Ruin says:

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

    http://oddstyle.ru/wordpress-i-jquery/4-uluchshenie-tem-wordpress-s-pomoshhyu-jquery/obzor-proekta-prostaya-registraciya-sobytij.html

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

  3. pesochek says:

    Здравствуйте!
    Подскажите, пожалуйста, можно ли создать при помощи плагина cforms форму для отправки комментариев на страницу как здесь http://www.restoclub.ru/site/all/main/200/opinions/#opform ?
    С полями для голосования ‘Ваши оценки:’, чтобы они так же отражались в тексте комментария.
    Спасибо.

  4. Architect Of Ruin says:

    Здравствуйте! Да, плагин поддерживает такой функционал.

  5. Таня says:

    А не знаете, как сделать калькулятор на этом плагине? Нужен подсчет услуг на сайте поставить, а незнаю как. Может подскажете, спасибо.

  6. Architect Of Ruin says:

    Для калькулятора можно воспользоваться плагином http://wordpress.org/extend/plugins/calculatorpro-calculators/. Через cforms придется писать кучу кода.

  7. Таня says:

    Спасибо за быстрый ответ, я попробую его обязательно.

  8. pesochek says:

    Architect Of Ruin, спасибо за оперативность!
    Извините…
    Может быть Вы подскажите как настроить плагин для вывода комментариев на страницу?
    Форма готова — на почту администратору сайта отправляется отлично!
    А вот на страницу нет.
    Все изменения проводила по мануалу…
    Спасибо.

  9. Architect Of Ruin says:

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

  10. pesochek says:

    Спасибо за помощь!
    пойду ковыряться в плагине…)

  11. azverev says:

    Добрый день. Подскажите, пожалуйста, как с помощью данных, которые ввел пользователь на форме, не только посылать e-mail, но и создавать нового пользователя wordpress? Имеется ли такая возможность? Заранее спасибо за ответ

    • Architect Of Ruin says:

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

  12. pesochek says:

    Здравствуйте!)
    Разрешите повторить вопрос:
    ‘Подскажите, пожалуйста, можно ли создать при помощи плагина cforms форму для отправки комментариев на страницу как здесь http://www.restoclub.ru/site/all/main/200/opinions/#opform ?
    С полями для голосования ‘Ваши оценки:’, чтобы они так же отражались в тексте комментария.’
    Перерыла вагон и маленькую тележку информации в интернете — ничего не нашла…
    Прошу помощи))
    Спасибо.

    • Architect Of Ruin says:

      Я уже писал, как сделать записи с рейтингом (как раз, кстати, на основании вашего комментария). Если вам лень пользоваться поиском по блогу, то вот два самых популярных плагина: Comment Rating и GD Star Rating. В статье я и другие описывал, но эти — самые полезные.

      • Architect Of Ruin says:

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

  13. pesochek says:

    Мне нужны не записи с рейтингом, а отзывы/комментарии с дополнительными полями.
    Может быть я что-то не понимаю…
    Вы можете указать мне на статью, которую Вы писали на основании моего комментария?
    Спасибо.

  14. Architect Of Ruin says:

    Рейтинг как раз и отображает полезность комментария. Пользователи могут повышать его и понижать. Другая разновидность рейтинга — нравится или не нравится, к примеру: 4 пользователя сказали «мне нравится», три — «не нравится». Вот о чем я. И те плагины, которые я привел, как раз и позволяют это сделать. Они добавляют к комментариям поле, в котором и отображается счетчик или рейтинг этого ответа. То есть люди могут оценивать комментарии (отзывы), как и сделано в том примере, который Вы скидывали.

    Вот ссылка на другую статью: http://oddstyle.ru/novosti-wordpress/dobavlyaem-rejting-k-zapisyam-wordpress-bloga.html

    Тут рассмотрен плагин wp post ratings.

    • pesochek says:

      Вы меня не поняли…
      Мне нужна форма для отправки отзывов/комментариев на страницу как здесь
      http://www.restoclub.ru/site/all/main/200/opinions/#opform
      С дополнительными полями для голосования ‘Ваши оценки: Кухня, Интерьер, Севрис’, чтобы они после отправки отзыва/комментария так же отражались в теле отзыва/комментария.
      Вот.

  15. Architect Of Ruin says:

    А, теперь понял, я че-то не догонял, что именно требуется. Погуглил, нашел плагины:

    http://www.solaceten.info/extra-comment-fields-plugin

    http://www.ideashower.com/our_solutions/wordpress-plugin-extra-comment-fields/

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

    http://www.ballyhooblog.com/custom-fields-wordpres-comments/

    http://www.erikvossman.com/2006/02/15/add-a-field-to-your-wordpress-comments/

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

  16. pesochek says:

    Здравствуйте!)
    Спасибо за помощь!))
    Посмотрела плагины — попробовала.
    Но это не то, что нужно…
    Они меняют форму комментариев на ВП.
    А требуется отдельная форма для Книги отзывов, так как стандартная форма комментариев используется на сайте в постах.

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

    Вот поэтому я и хотела сделать форму для Книги отзывов на cforms.

    Как Вы думаете — можно ли сделать подобное на плагине dmsguestbook?
    http://www.restoclub.ru/site/all/main/27202/opinions/#opform
    (имею ввиду поля Ваши оценки:)
    В этом плагине можно добавить произвольные поля?

    Спасибо!

  17. Architect Of Ruin says:

    В этом плагине можно добавить произвольные поля?

    Насколько я знаю, только дополнительные select-box’ы, т.е. списки, в которых можно выбирать пункты.

    Остальное можно сделать, только если имеются хорошие навыки работы с PHP и MySQL.

  18. Евгений says:

    Здравствуйте. у меня вопрос.

    Существует ли вообще в природе несколько плагинов, которые выполняют следующие функции:

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

    2) Может ли мой подписчик просматривать все уроки на моем блоге на отдельной странице, скажем в личном кабинете, разумеется при авторизации. Чтобы так же не заходить ему в сервис смарт респондер.

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

    Буду ждать ответа, заранее спасибо за информацию.
    Ps: Статья замечательная, спасибо автору.

  19. Architect Of Ruin says:

    Здравствуйте. Отвечу по порядку. 1) Насколько я знаю, таких плагинов нет. Можно выводить только счетчик, сколько подписчиков имеется на данный момент. Подписка ведь тоже бывает двух вариантов — через RSS и через e-mail. Я так понял, вы сейчас говорите про email рассылку. Сам я использую для этого плагин, так что я не знаю, что за сервис «смарт респондер», никогда им не пользовался, поэтому про его возможности ничего сказать не могу. По крайней мере, список пользователей, которые являются подписчиками (имеют такую роль), можно выводить с помощью плагина http://wordpress.org/extend/plugins/wordpress-users/.

    2). Можно создать страницу под паролем, и высылать пароль лично тем пользователям, которые, к примеру, оплатили курс. Это можно сделать даже без плагинов. А если нужен плагин, то есть удобный плагин User Access Manager, вот ссылка: http://wordpress.org/extend/plugins/user-access-manager/

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

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

  20. Евгений says:

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

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

    • Architect Of Ruin says:

      1. По поводу того, кто просмотрел письмо, а кто нет: я думаю, это невозможно осуществить вообще, поскольку здесь необходима какая-то более тесная интеграция с почтовым сервисом, но насколько я знаю, от почтовых сервисов такого ответа никак не добиться.
      2. Вы неправильно поняли. В WordPress есть такая роль для зарегистрированных пользователей — Subscriber, которая на русский переводится как подписчик. Можно поставить авторизацию на свой ресурс, и с ее помощью уже назначать роли всем новоприбывшим пользователям. Можете подробнее прочитать про распределение ролей, я неоднократно писал про это на сайте. Так вот, когда уже у вас будет несколько человек с ролью Subscriber, вы сможете с помощью плагина wordpress-users задавать для них вывод на какую-либо приватную страницу для себя, чтобы там уже просматривать их более подробно.

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

  21. Евгений says:

    PS. Можете скинуть точную ссылку для скачивания плагина Cforms II?
    С официального сайта. А то есть несколько вариантов, хотелось бы не ошибиться =))

  22. Евгений says:

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

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

    Вот все данные, которые нужны например мне:

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

    *Фамилия:
    *Имя и Отчество:
    *Номер паспорта:
    *Дата рождения (дд.мм.гггг)
    *Email:
    Область/регион:
    *Адрес проживания (Улица)
    *Город:
    *Индекс:
    *Мобильный телефон:
    *Номер спонсора:
    (чекбокс)Я согласен с с Правилами Он-лайн регистрации.

    *Выберите одну или несколько возможностей, которые Вас заинтересовали:
    (чекбокс) Возвожность 1
    (чекбокс) Возвожность 2
    (чекбокс)Возвожность 3

    Кнопка зарегистрироваться.

    БУДУ ОЧЕНЬ ОЧЕНЬ ОЧЕНЬ БЛАГОДАРЕН ЗА ВИДЕО РОЛИК!!!!!!!!!

    • Architect Of Ruin says:

      Это, кстати, всего лишь одна статья из полного курса по созданию своей формы. Советую вам открыть всю рубрику http://oddstyle.ru/category/wordpress-2/wordpress-i-jquery/4-uluchshenie-tem-wordpress-s-pomoshhyu-jquery, перейти на вторую страницу и с конца к началу начинать читать все записи из этой рубрики. Там как раз рассказано подробно, как задавать поля и как интегрировать плагин Cforms с Colorbox. Видеоролик, к сожалению, записать не могу, поскольку у меня очень много работы, и могу отвлечься только на написание комментариев, да изредка новых статей…

  23. Александр says:

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

    • Architect Of Ruin says:

      С помощью одного только плагина — нет. Придется дорабатывать самостоятельно, потрошить плагин и как-то получать выходные данные.

  24. Андрей says:

    Ошибочка объявилась в работе блока Дата (javascript календарь). После обновления версии WP и темы стал удваиваться год. Вот так, например, — 14.03.20122012

    WP — 3.3.1
    Cforms — 11.7.3
    Тема EvoLve 1.2.9

    Как можно это поправить?
    Спасибо!

  25. Architect Of Ruin says:

    Хмм, странно, мне кажется это что-то с вашей темой Evolve, нужно смотреть ее исходники, в частности, смотреть на вывод даты-времени.

  26. Андрей says:

    темы разные попробовал, ошибка везде, ладно, понадеюсь на следующие обновления самого WP
    Спасибо!

  27. Андрей says:

    Здравствуйте! возможно не по теме, но подскажите как сделать калькулятор на этом плагине, чтобы были 2 кнопки — «рассчитать» и «отправить» и соответствующие действия. Если на данном плагине это невозможно, то подскажите, пожалуйста, соответствующий.
    Заранее благодарю.

    • Architect Of Ruin says:

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

  28. Андрей says:

    Нашел еще плагин jazzy forms. Он под задачу калькулятор с отправкой идеально подходит, но конфликтует с cforms и отказывается работать…

  29. Здравствуйте. У меня вопрос, хочу сделать select box. Не могу найти где можно настроить, что именно будет появляться в выпадающем меню. Подскажите где это настраивается?

Оставить комментарий

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

*


Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



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