{"id":2271,"date":"2025-06-04T22:09:10","date_gmt":"2025-06-04T13:09:10","guid":{"rendered":"https:\/\/wakatchi.dev\/ultimate-member-practical-guide-%e2%91%a0-create-a-user-registration-form-with-drag-and-drop-in-just-4-steps\/"},"modified":"2026-08-17T20:56:55","modified_gmt":"2026-08-17T11:56:55","slug":"ultimate-member-registration-form-builder","status":"publish","type":"post","link":"https:\/\/wakatchi.dev\/en\/ultimate-member-registration-form-builder\/","title":{"rendered":"Ultimate Member Practical Guide \u2460: Create a user registration form with drag and drop in just 4 steps!"},"content":{"rendered":"<div class=\"gfmr-markdown-container\"><div class=\"gfmr-markdown-rendered\">\n<p class=\"wp-block-paragraph\" style=\"font-size:18px\">Hello, I'm Wakatchi (<a href=\"https:\/\/twitter.com\/wakatchi_tech\" target=\"_blank\" rel=\"noopener\">@wakatchi_tech<\/a>).<\/p>\n\n<p class=\"wp-block-paragraph\" style=\"font-size:18px\">When setting up a membership site using WordPress, one of the first challenges you will face is \u201cbuilding a membership registration form.\u201d<\/p>\n\n<p class=\"wp-block-paragraph\" style=\"font-size:18px\">Although it is possible to manually implement email authentication, role assignment, custom field collection, etc. using PHP, it is not a realistic option when considering maintainability and development costs.<\/p>\n\n<p class=\"wp-block-paragraph\" style=\"font-size:18px\">One plugin that is attracting attention is the membership site building plugin \"<strong><span data-color=\"#ff6900\" style=\"background: linear-gradient(transparent 60%,rgba(255, 105, 0, 0.7) 0)\" class=\"vk_highlighter\">Ultimate Member.<\/span><\/strong>\"<\/p>\n\n<p class=\"wp-block-paragraph\" style=\"font-size:18px\">This plugin is known as an \u201call-purpose form maker\u201d that comes with a drag-and-drop form builder that makes it easy to customize the appearance and fields, and also allows you to set up spam protection and approval flows with just one click.<\/p>\n\n<p class=\"wp-block-paragraph\">The basic functions and overall picture of Ultimate Member are explained in detail in the overview article below.<\/p>\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-sm--margin-top\"><\/div><\/div>\n\n<div class=\"wp-block-vk-blocks-select-post-list vk_posts vk_posts-postType-post vk_posts-layout-media vk_postList\"><div id=\"post-868\" class=\"vk_post vk_post-postType-post media vk_post-col-xs-12 vk_post-col-sm-12 vk_post-col-md-12 vk_post-col-lg-12 vk_post-col-xl-12 vk_post-col-xxl-12 post-2271 post type-post status-publish format-standard has-post-thumbnail hentry category-wordpress-dev-en tag-matching-site-construction tag-ultimate-member\"><div class=\"vk_post_imgOuter media-img\" style=\"background-image:url(https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/um-overview-1024x683.jpg)\"><a href=\"https:\/\/wakatchi.dev\/ultimate-member-overview\/\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/um-overview-300x200.jpg\" class=\"vk_post_imgOuter_img wp-post-image\" alt=\"\" \/><\/a><\/div><!-- [ \/.vk_post_imgOuter ] --><div class=\"vk_post_body media-body\"><h5 class=\"vk_post_title media-title\"><a href=\"https:\/\/wakatchi.dev\/ultimate-member-overview\/\">\u30de\u30c3\u30c1\u30f3\u30b0\u30b5\u30a4\u30c8\u3092WordPress\u3067\u7121\u6599\u3067\u69cb\u7bc9\u3067\u304d\u308bUltimate Member\u3092\u8abf\u3079\u3066\u307f\u305f<\/a><\/h5><div class=\"vk_post_dates\"><div class=\"vk_post_date media-date published\"><i class=\"fa-solid fa-calendar-days\" aria-hidden=\"true\"><\/i>2023\u5e7410\u670828\u65e5<\/div><\/div><p class=\"vk_post_excerpt media-text\">WordPress\u3067\u30de\u30c3\u30c1\u30f3\u30b0\u30b5\u30a4\u30c8\u3092\u624b\u8efd\u306b\u69cb\u7bc9\u3067\u304d\u308b\u3053\u3068\u3092\u3054\u5b58\u3058\u3067\u3057\u3087\u3046\u304b\uff1f\u591a\u304f\u306e\u62e1\u5f35\u30d7\u30e9\u30b0\u30a4\u30f3\u304c\u7528\u610f\u3055\u308c\u3066\u304a\u308a\u3001\u30de\u30c3\u30c1\u30f3\u30b0\u30b5\u30a4\u30c8\u306e\u8981\u4ef6\u306b\u5fdc\u3058\u3066\u67d4\u8edf\u306b\u69cb\u7bc9\u3067\u304d\u308bUltimate Member\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p><\/div><!-- [ \/.media-body ] --><\/div><!-- [ \/.media ] --><\/div>\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-sm--margin-top\"><\/div><\/div>\n\n<p class=\"wp-block-paragraph\">In this series, we will focus on creating and optimizing membership registration forms through a hands-on approach.<\/p>\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-sm--margin-top\"><\/div><\/div>\n\n<div class=\"wp-block-vk-blocks-border-box vk_borderBox vk_borderBox-background-transparent has-text-color has-pale-cyan-blue-color is-style-vk_borderBox-style-solid-kado-tit-tab\"><div class=\"vk_borderBox_title_container has-background has-pale-cyan-blue-background-color\"><i class=\"\"><\/i><h4 class=\"vk_borderBox_title\"><strong>\u3053\u306e\u8a18\u4e8b\u306f\u6b21\u306e\u3088\u3046\u306a\u65b9\u306b\u304a\u52e7\u3081\u3067\u3059<\/strong><\/h4><\/div><div class=\"vk_borderBox_body\">\n<ul class=\"wp-block-list\">\n<li>Those who want to build a membership site using WordPress<\/li>\n\n\n\n<li>Those who want to easily create and customize membership registration forms<\/li>\n\n\n\n<li>Those who want to easily introduce features such as email authentication and role management<\/li>\n\n\n\n<li>Those who want to efficiently set up spam countermeasures and approval flows<\/li>\n\n\n\n<li>Those who are considering introducing Ultimate Member but would like to know how to use it<\/li>\n<\/ul>\n<\/div><\/div>\n\n<p class=\"wp-block-paragraph\">If you have these needs, this article will serve as a starting point for understanding the basic features of Ultimate Member and how to use it.<\/p>\n\n<div class=\"wp-block-vk-blocks-table-of-contents-new vk_tableOfContents vk_tableOfContents-style-default tabs\"><div class=\"tab\"><div class=\"vk_tableOfContents_title\">Table of Contents<\/div><input type=\"checkbox\" id=\"chck1\"><label class=\"tab-label vk_tableOfContents_openCloseBtn button_status button_status-open\" for=\"chck1\" id=\"vk-tab-label\">CLOSE<\/label><ul class=\"vk_tableOfContents_list tab_content-open\">\n\t\t\t\t<li class=\"vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2\">\n\t\t\t\t\t<a href=\"#vk-htags-b8f7d9d7-865e-4d93-88e2-e8e681e56349\" class=\"vk_tableOfContents_list_item_link\">\n\t\t\t\t\t\t<span class=\"vk_tableOfContents_list_item_link_preNumber\">1.  <\/span>\n Why the registration experience is directly linked to CVs\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\n\t\t\t\t<li class=\"vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3\">\n\t\t\t\t\t<a href=\"#vk-htags-987f447d-239d-4416-9c4f-838e1cc922bf\" class=\"vk_tableOfContents_list_item_link\">\n\t\t\t\t\t\t<span class=\"vk_tableOfContents_list_item_link_preNumber\">1.1.  <\/span>\n Relationship between form input items and CVR\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\n\t\t\t\t<li class=\"vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3\">\n\t\t\t\t\t<a href=\"#vk-htags-7e8be840-2706-426e-a1a9-2bc0f12b7a3e\" class=\"vk_tableOfContents_list_item_link\">\n\t\t\t\t\t\t<span class=\"vk_tableOfContents_list_item_link_preNumber\">1.2.  <\/span>\n Relationship between CTA wording and CVR\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\n\t\t\t\t<li class=\"vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2\">\n\t\t\t\t\t<a href=\"#vk-htags-b89f880b-6d93-441f-a231-8679529f3b48\" class=\"vk_tableOfContents_list_item_link\">\n\t\t\t\t\t\t<span class=\"vk_tableOfContents_list_item_link_preNumber\">2.  <\/span>\n [Step 1] Call up the form template\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\n\t\t\t\t<li class=\"vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2\">\n\t\t\t\t\t<a href=\"#vk-htags-2ec1c667-e737-4608-a2a6-9250bbdc570c\" class=\"vk_tableOfContents_list_item_link\">\n\t\t\t\t\t\t<span class=\"vk_tableOfContents_list_item_link_preNumber\">3.  <\/span>\n [Step 2] Information design with 20+ custom fields\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\n\t\t\t\t<li class=\"vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2\">\n\t\t\t\t\t<a href=\"#vk-htags-43e2ed52-1909-4897-a40f-c172adeac6ff\" class=\"vk_tableOfContents_list_item_link\">\n\t\t\t\t\t\t<span class=\"vk_tableOfContents_list_item_link_preNumber\">4.  <\/span>\n [Step 3] Streamline your form with conditional branching\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\n\t\t\t\t<li class=\"vk_tableOfContents_list_item vk_tableOfContents_list_item-h-3\">\n\t\t\t\t\t<a href=\"#vk-htags-16c6104f-4afd-4e14-88a2-14a31789915f\" class=\"vk_tableOfContents_list_item_link\">\n\t\t\t\t\t\t<span class=\"vk_tableOfContents_list_item_link_preNumber\">4.1.  <\/span>\n How to set up conditional branching\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\n\t\t\t\t<li class=\"vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2\">\n\t\t\t\t\t<a href=\"#vk-htags-a71d56c2-7400-4c00-9b07-698e538c8083\" class=\"vk_tableOfContents_list_item_link\">\n\t\t\t\t\t\t<span class=\"vk_tableOfContents_list_item_link_preNumber\">5.  <\/span>\n [Step 4] Embed the shortcode on a static page\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t\n\t\t\t\t<li class=\"vk_tableOfContents_list_item vk_tableOfContents_list_item-h-2\">\n\t\t\t\t\t<a href=\"#vk-htags-1fe3d3bc-abbf-4ed7-9c5f-d76f432bcad0\" class=\"vk_tableOfContents_list_item_link\">\n\t\t\t\t\t\t<span class=\"vk_tableOfContents_list_item_link_preNumber\">6.  <\/span>\n Summary and Preview: Approval Flow and Bot Countermeasures\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/li>\n\t\t\t<\/ul><\/div><\/div>\n\n<h2 class=\"wp-block-heading\" id=\"vk-htags-b8f7d9d7-865e-4d93-88e2-e8e681e56349\">Summary and Preview: Approval Flow and Bot Countermeasures<\/h2>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/wakatchi.dev\/wp-content\/uploads\/2025\/06\/ultimate-memter-guide-register-form-image01.webp\" alt=\"A human icon pointing to the sign-up screen and an illustration of a registration form (username, password, and SIGN UP button)\" class=\"wp-image-2264\" style=\"width:481px;height:auto\" srcset=\"https:\/\/wakatchi.dev\/wp-content\/uploads\/2025\/06\/ultimate-memter-guide-register-form-image01.webp 1024w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2025\/06\/ultimate-memter-guide-register-form-image01-300x300.webp 300w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2025\/06\/ultimate-memter-guide-register-form-image01-150x150.webp 150w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2025\/06\/ultimate-memter-guide-register-form-image01-768x768.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-sm--margin-top\"><\/div><\/div>\n\n<p class=\"wp-block-paragraph\">The membership registration form is the \"entrance\" to your membership site and is an important factor that is directly linked to your conversion rate (CVR).<\/p>\n\n<p class=\"wp-block-paragraph\">By optimizing your form, you can prevent users from abandoning your page and ensure a smooth path to completing registration.<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"vk-htags-987f447d-239d-4416-9c4f-838e1cc922bf\">Relationship between form input items and CVR<\/h3>\n\n<p class=\"wp-block-paragraph\">If there are too many fields to enter, users may give up midway through. For example, there have been cases where reducing the number of fields on a form has improved completion rates.<\/p>\n\n<p class=\"wp-block-paragraph\">In addition, by taking advantage of the design and structure of your form, you can reduce the psychological burden on users and increase the completion rate. For example, there are cases where changing a one-column form to a two-column form has improved conversion rates by 22%.<br \/>(Reference: <a href=\"https:\/\/blog.hubspot.jp\/marketing\/form-length-isnt-everything-3-other-ways-to-optimize-your-forms-for-conversions\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">How to increase the conversion rate of your contact form? Explaining six points for improvement <i class=\"fa-solid fa-arrow-up-right-from-square\" aria-hidden=\"true\"><\/i><\/a>)<\/p>\n\n<p class=\"wp-block-paragraph\">The user registration form is the entry point to your membership site and has a significant impact on your conversion rate (CVR).<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"vk-htags-7e8be840-2706-426e-a1a9-2bc0f12b7a3e\">Relationship between CTA wording and CVR<\/h3>\n\n<p class=\"wp-block-paragraph\">Being specific with your call to action (CTA) buttons can encourage users to take action and improve conversion rates.<\/p>\n\n<p class=\"wp-block-paragraph\">For example, changing the wording from \"Buy\" to \"Buy now and get 10% off\" to include a more specific benefit can improve click-through rates. (Reference: <a href=\"https:\/\/mag.ibis.gs\/creative\/design\/cta_190717\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Effective CTAs | Explanation of button color, text, position, and movement <i class=\"fa-solid fa-arrow-up-right-from-square\" aria-hidden=\"true\"><\/i><\/a>)<\/p>\n\n<p class=\"wp-block-paragraph\">In addition, optimizing the color, placement, size, etc. of your CTA button can help attract user attention and increase click-through rates.<\/p>\n\n<p class=\"wp-block-paragraph\">As such, optimizing your sign-up form and improving your CTA is crucial to encouraging users to take action and improve your conversion rates.<\/p>\n\n<p class=\"wp-block-paragraph\">Below, we will explain how to create a membership registration form using Ultimate Member in 4 steps.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"vk-htags-b89f880b-6d93-441f-a231-8679529f3b48\">[Step 1] Call up the form template<\/h2>\n\n<p class=\"wp-block-paragraph\">Ultimate Member forms are created and updated using the form builder.<\/p>\n\n<div class=\"wp-block-vk-blocks-step  vk_step\">\n<div class=\"wp-block-vk-blocks-step-item  vk_step_item vk_step_item_lineStyle-default\"><div class=\"vk_step_item_content\">\n<h4 class=\"wp-block-heading\">Select the Ultimate Member form screen<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">From the WordPress dashboard, select \"Ultimate Member\" \u2192 \"Forms\"<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/wakatchi.dev\/wp-content\/uploads\/2025\/06\/ultimate-memter-guide-register-form-02-en.webp\" alt=\"WordPress Ultimate Member dashboard showing user status statistics\" class=\"wp-image-2227\" \/><figcaption class=\"wp-element-caption\">User status overview displayed in Ultimate Member's admin dashboard<\/figcaption><\/figure>\n<\/div><div class=\"vk_step_item_dot vk_step_item_style-outlined has-text-color has-luminous-vivid-orange-color\"><div class=\"vk_step_item_dot_caption\">\u30b9\u30c6\u30c3\u30d7<\/div><div class=\"vk_step_item_dot_num\">1<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-step-item  vk_step_item vk_step_item_lineStyle-default\"><div class=\"vk_step_item_content\">\n<h4 class=\"wp-block-heading\">Enter the form title and select the form type<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Click \"Add new form\" and enter a title for your form.<br \/>(Example: \"Membership registration form\")<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/wakatchi.dev\/wp-content\/uploads\/2025\/06\/ultimate-memter-guide-register-form-03-en.webp\" alt=\"The screen for creating a new registration form in Ultimate Member. &quot;Registration Form&quot; is selected as the form type.\" class=\"wp-image-2230\" \/><figcaption class=\"wp-element-caption\">The screen for creating a new member registration form in Ultimate Member<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Also, select \"Registration Form\" under \"Select Form Type\" and click \"Update\".<\/p>\n<\/div><div class=\"vk_step_item_dot vk_step_item_style-outlined has-text-color has-luminous-vivid-orange-color\"><div class=\"vk_step_item_dot_caption\">\u30b9\u30c6\u30c3\u30d7<\/div><div class=\"vk_step_item_dot_num\">2<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-step-item  vk_step_item vk_step_item_lineStyle-none\"><div class=\"vk_step_item_content\">\n<h4 class=\"wp-block-heading\">Form builder will appear<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">This will take you to the form builder, where you can add and reorder fields by dragging and dropping.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/wakatchi.dev\/wp-content\/uploads\/2025\/06\/ultimate-memter-guide-register-form-04-en-1.webp\" alt=\"Membership registration form builder with occupation and school name fields\" class=\"wp-image-2258\" \/><figcaption class=\"wp-element-caption\">Registration form consists of two items: occupation and school name<\/figcaption><\/figure>\n<\/div><div class=\"vk_step_item_dot vk_step_item_style-outlined has-text-color has-luminous-vivid-orange-color\"><div class=\"vk_step_item_dot_caption\">\u30b9\u30c6\u30c3\u30d7<\/div><div class=\"vk_step_item_dot_num\">3<\/div><\/div><\/div>\n<\/div>\n\n<p class=\"wp-block-paragraph\">The form builder lets you intuitively create forms without writing any code, with 1-4 column grid layouts and a real-time preview of the final result.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"vk-htags-2ec1c667-e737-4608-a2a6-9250bbdc570c\">[Step 2] Information design with 20+ custom fields<\/h2>\n\n<p class=\"wp-block-paragraph\">Ultimate Member offers a variety of field types including:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>text box<\/li>\n\n\n\n<li>check box<\/li>\n\n\n\n<li>radio button<\/li>\n\n\n\n<li>dropdown list<\/li>\n\n\n\n<li>date picker<\/li>\n\n\n\n<li>Image upload<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">For each field, the following settings are available:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Label (display name)<\/li>\n\n\n\n<li>Placeholder (example)<\/li>\n\n\n\n<li>Required\/Optional Settings<\/li>\n\n\n\n<li>Show\/hide condition settings<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">These settings enable you to design forms that are easy for users to complete and efficiently collect the required information.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"vk-htags-43e2ed52-1909-4897-a40f-c172adeac6ff\">[Step 3] Streamline your form with conditional branching<\/h2>\n\n<p class=\"wp-block-paragraph\">Ultimate Member's conditional branching feature allows you to dynamically control which fields are displayed based on user selections.<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"vk-htags-16c6104f-4afd-4e14-88a2-14a31789915f\">How to set up conditional branching<\/h3>\n\n<div class=\"wp-block-vk-blocks-step  vk_step\">\n<div class=\"wp-block-vk-blocks-step-item  vk_step_item vk_step_item_lineStyle-default\"><div class=\"vk_step_item_content\">\n<h4 class=\"wp-block-heading\">Select the field to set the condition<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">In the form builder, click the edit icon of the field for which you want to set conditions.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/wakatchi.dev\/wp-content\/uploads\/2025\/06\/ultimate-memter-guide-register-form-05-en.webp\" alt=\"\" class=\"wp-image-2240\" \/><\/figure>\n<\/div><div class=\"vk_step_item_dot vk_step_item_style-outlined has-text-color has-luminous-vivid-orange-color\"><div class=\"vk_step_item_dot_caption\">\u30b9\u30c6\u30c3\u30d7<\/div><div class=\"vk_step_item_dot_num\">1<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-step-item  vk_step_item vk_step_item_lineStyle-default\"><div class=\"vk_step_item_content\">\n<h4 class=\"wp-block-heading\">Enable condition settings<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Click Manage conditional fields support to enable conditional settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/wakatchi.dev\/wp-content\/uploads\/2025\/06\/ultimate-memter-guide-register-form-06-en.webp\" alt=\"School name field detailed settings screen (label, meta key, display conditions, etc.)\" class=\"wp-image-2249\" \/><\/figure>\n<\/div><div class=\"vk_step_item_dot vk_step_item_style-outlined has-text-color has-luminous-vivid-orange-color\"><div class=\"vk_step_item_dot_caption\">\u30b9\u30c6\u30c3\u30d7<\/div><div class=\"vk_step_item_dot_num\">2<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-step-item  vk_step_item vk_step_item_lineStyle-default\"><div class=\"vk_step_item_content\">\n<h4 class=\"wp-block-heading\">Add new condition<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Click the + icon to add a new condition.Click the + icon to add a new condition.<\/p>\n<\/div><div class=\"vk_step_item_dot vk_step_item_style-outlined has-text-color has-luminous-vivid-orange-color\"><div class=\"vk_step_item_dot_caption\">\u30b9\u30c6\u30c3\u30d7<\/div><div class=\"vk_step_item_dot_num\">3<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-step-item  vk_step_item vk_step_item_lineStyle-none\"><div class=\"vk_step_item_content\">\n<h4 class=\"wp-block-heading\">Set conditions<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Configure the following items:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Value<\/strong>: Enter the value to be the condition.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Action<\/strong>: Select \"Show\" or \"Hide\"<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Field selection<\/strong>: Select the field on which the condition is based<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Operator<\/strong>: Select \"Equals to\", \"Not equals\", \"Greater than\", etc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/wakatchi.dev\/wp-content\/uploads\/2025\/06\/ultimate-memter-guide-register-form-07-en.webp\" alt=\"Setting a condition to display the school name field when the &quot;occupation&quot; in the member registration form is &quot;student&quot;\" class=\"wp-image-2252\" \/><\/figure>\n<\/div><div class=\"vk_step_item_dot vk_step_item_style-outlined has-text-color has-luminous-vivid-orange-color\"><div class=\"vk_step_item_dot_caption\">\u30b9\u30c6\u30c3\u30d7<\/div><div class=\"vk_step_item_dot_num\">4<\/div><\/div><\/div>\n<\/div>\n\n<p class=\"wp-block-paragraph\">For example, you can set the \"School Name\" field to be displayed only if \"Student\" is selected in the \"Occupation\" field.<\/p>\n\n<p class=\"wp-block-paragraph\">By utilizing this function, you can display only the information that is necessary for users and reduce the burden of filling out forms.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"vk-htags-a71d56c2-7400-4c00-9b07-698e538c8083\">[Step 4] Embed the shortcode on a static page<\/h2>\n\n<p class=\"wp-block-paragraph\">To display the registration form you created on your site, simply embed the shortcode on a static page.<\/p>\n\n<div class=\"wp-block-vk-blocks-step  vk_step\">\n<div class=\"wp-block-vk-blocks-step-item  vk_step_item vk_step_item_lineStyle-default\"><div class=\"vk_step_item_content\">\n<h4 class=\"wp-block-heading\">Select the field to set the condition<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">From your WordPress dashboard, select \u201cStatic Pages\u201d \u2192 \u201cAdd New\u201d.<\/p>\n<\/div><div class=\"vk_step_item_dot vk_step_item_style-outlined has-text-color has-luminous-vivid-orange-color\"><div class=\"vk_step_item_dot_caption\">\u30b9\u30c6\u30c3\u30d7<\/div><div class=\"vk_step_item_dot_num\">1<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-step-item  vk_step_item vk_step_item_lineStyle-default\"><div class=\"vk_step_item_content\">\n<h4 class=\"wp-block-heading\">Enable condition settings<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Enter a title for the page (e.g., \"New Member Signup\").<\/p>\n<\/div><div class=\"vk_step_item_dot vk_step_item_style-outlined has-text-color has-luminous-vivid-orange-color\"><div class=\"vk_step_item_dot_caption\">\u30b9\u30c6\u30c3\u30d7<\/div><div class=\"vk_step_item_dot_num\">2<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-vk-blocks-step-item  vk_step_item vk_step_item_lineStyle-none\"><div class=\"vk_step_item_content\">\n<h4 class=\"wp-block-heading\">Add new condition<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Enter the following shortcode in the body area:<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-php\" data-lang=\"PHP\"><code>[ultimatemember form_id=\"\u30d5\u30a9\u30fc\u30e0ID\"]<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">*Please replace \"Form ID\" with the ID of the form you created.<\/p>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Once you publish your page, the sign-up form will appear in the location you specified.<\/li>\n<\/ol>\n<\/div><div class=\"vk_step_item_dot vk_step_item_style-outlined has-text-color has-luminous-vivid-orange-color\"><div class=\"vk_step_item_dot_caption\">\u30b9\u30c6\u30c3\u30d7<\/div><div class=\"vk_step_item_dot_num\">3<\/div><\/div><\/div>\n<\/div>\n\n<p class=\"wp-block-paragraph\">This allows users to create accounts directly from the frontend.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"vk-htags-1fe3d3bc-abbf-4ed7-9c5f-d76f432bcad0\">Summary and Preview: Approval Flow and Bot Countermeasures<\/h2>\n\n<p class=\"wp-block-paragraph\">In the next installment of this series, we will discuss configurations that can improve the security and quality of your registration forms.<\/p>\n\n<ul class=\"wp-block-list\">\n<li>How to set up email authentication and administrator approval<\/li>\n\n\n\n<li>Bot protection using Cloudflare Turnstile and Google reCAPTCHA<\/li>\n\n\n\n<li>Redirection settings and automatic assignment of user roles after registration<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">By configuring these settings, you can prevent spam registrations and build a reliable membership site.<\/p>\n\n<div class=\"wp-block-vk-blocks-balloon vk_balloon vk_balloon-position-left vk_balloon-type-speech vk_balloon-animation-none\"><div class=\"vk_balloon_icon\"><figure><img decoding=\"async\" class=\"vk_balloon_icon_image vk_balloon_icon_image-type-normal \" src=\"https:\/\/wakatchi.dev\/wp-content\/uploads\/2022\/07\/wakatchi_icon_2.jpg\" alt=\"\" \/><figcaption class=\"vk_balloon_icon_name\">\u308f\u304b\u3063\u3061<\/figcaption><\/figure><\/div><div class=\"vk_balloon_content_outer\"><div class=\"vk_balloon_content  has-background-color has-luminous-vivid-amber-background-color \"><span class=\"vk_balloon_content_before  has-text-color has-luminous-vivid-amber-color\"><\/span><span class=\"vk_balloon_content_after \"><\/span>\n<p class=\"wp-block-paragraph\">Thank you for reading! Next time I'll be taking on the challenge of \"spam prevention and automatic sorting\" \ud83d\udca1<\/p>\n<\/div><\/div><\/div>\n\n<p class=\"wp-block-paragraph\">I hope this article is of some help.<\/p>\n\n<p class=\"wp-block-paragraph\">Thank you for reading to the end!<\/p>\n\n<p class=\"wp-block-paragraph\">Please also take a look at this short 1-minute video!<\/p>\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n\n<\/div><\/figure>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>If you want to create a member registration form with WordPress, try \"Ultimate Member.\" It can be easily built with drag and drop, and supports email authentication, role assignment, and spam prevention. You can create a highly functional member site while keeping development costs down.<\/p>\n","protected":false},"author":1,"featured_media":2263,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wpai_generated_summary":"","_gfmr_meta_descriptions":[],"_gfmr_multilingual_taxonomy_terms":[],"_veu_custom_css":"","vkexunit_cta_each_option":"","_lightning_design_setting":{"layout":"default","section_base":"default","header_trans":"default"},"header_top_description":"","footnotes":""},"categories":[474],"tags":[180,89],"class_list":["post-2271","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-dev-en","tag-matching-site-construction","tag-ultimate-member"],"veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/posts\/2271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/comments?post=2271"}],"version-history":[{"count":6,"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/posts\/2271\/revisions"}],"predecessor-version":[{"id":2281,"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/posts\/2271\/revisions\/2281"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/media\/2263"}],"wp:attachment":[{"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/media?parent=2271"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/categories?post=2271"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wakatchi.dev\/en\/wp-json\/wp\/v2\/tags?post=2271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}