{"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":"2025-06-07T00:41:44","modified_gmt":"2025-06-06T15:41:44","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":"
\n<p class="wp-block-paragraph" style="font-size:18px">Hello, I'm Wakatchi (<a href="https:\/\/twitter.com\/wakatchi_tech">@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 tag-matching-site-construction tag-ultimate-member-en 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 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="" srcset="https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/um-overview-300x200.jpg 300w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/um-overview-600x400.jpg 600w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/um-overview-1024x683.jpg 1024w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/um-overview-768x512.jpg 768w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/um-overview-1536x1024.jpg 1536w, https:\/\/wakatchi.dev\/wp-content\/uploads\/2023\/10\/um-overview.jpg 1920w" sizes="(max-width: 300px) 100vw, 300px" \/><\/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_date media-date published">2023\u5e7410\u670828\u65e5<\/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 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"\/><\/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 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 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. "Registration Form" 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 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 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 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 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 "occupation" in the member registration form is "student"" 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 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<iframe title="Ultimate Member\u3067\u7c21\u5358\u4f5c\u6210\uff014\u30b9\u30c6\u30c3\u30d7\u4f1a\u54e1\u767b\u9332\u30d5\u30a9\u30fc\u30e0\u8a2d\u5b9a\u30ac\u30a4\u30c9\u3010WordPress\u3011" width="1140" height="641" src="https:\/\/www.youtube.com\/embed\/JBOviOlTreg?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen><\/iframe>\n<\/div><\/figure>\n<\/div>
\n

Hello, I'm Wakatchi (@wakatchi_tech<\/a>).<\/p>\n\n

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

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

One plugin that is attracting attention is the membership site building plugin \"Ultimate Member.<\/span><\/strong>\"<\/p>\n\n

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

The basic functions and overall picture of Ultimate Member are explained in detail in the overview article below.<\/p>\n\n

<\/div><\/div>\n\n
\"\"<\/a><\/div>
\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>
2023\u5e7410\u670828\u65e5<\/div>

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><\/div><\/div>\n\n

<\/div><\/div>\n\n

In this series, we will focus on creating and optimizing membership registration forms through a hands-on approach.<\/p>\n\n

<\/div><\/div>\n\n
<\/i>

\u3053\u306e\u8a18\u4e8b\u306f\u6b21\u306e\u3088\u3046\u306a\u65b9\u306b\u304a\u52e7\u3081\u3067\u3059<\/strong><\/h4><\/div>
\n