{"id":12526,"date":"2022-07-25T16:53:54","date_gmt":"2014-09-11T09:12:01","guid":{"rendered":"http:\/\/www.123formbuilder.com\/docs\/?p=12526"},"modified":"2024-05-08T15:00:20","modified_gmt":"2024-05-08T15:00:20","slug":"how-to-customize-name-subfields-on-your-form","status":"publish","type":"post","link":"https:\/\/www.123formbuilder.com\/docs\/how-to-customize-name-subfields-on-your-form\/","title":{"rendered":"How to customize First\/Last Name subfields on your 123FormBuilder form?"},"content":{"rendered":"\n<p>To add and customize additional subfields for the\u00a0<b>First\/Last name<\/b> field, select the field and go to <b>Options<\/b> in the right-side panel. Here you can add subfields for respondents where they can <b>Use initials<\/b> and <b>Use a middle name<\/b>.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/NameSubfields.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"562\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/NameSubfields-1024x562.png\" alt=\"Customize subfields\" class=\"wp-image-48753\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/NameSubfields-1024x562.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/NameSubfields-300x165.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/NameSubfields-768x422.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/NameSubfields-1536x844.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/NameSubfields.png 1644w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-important-notes\">Important notes<\/h2>\n\n\n\n<p>If you want to add a <b>Title<\/b> to the First\/Last name field, you can do that by enabling the <b>Use Title before name<\/b> option.<\/p>\n\n\n\n<p>Once enabled, you are presented with some predefined options for titles that can be easily edited. You can edit the text or add more title options.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/NameTitle.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"561\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/NameTitle-1024x561.png\" alt=\"Use Title before name\" class=\"wp-image-48754\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/NameTitle-1024x561.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/NameTitle-300x164.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/NameTitle-768x420.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/NameTitle-1536x841.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/NameTitle.png 1644w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>In the <b>Submissions<\/b> table, a new column will appear for each subfield when any of these options is enabled.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-placeholder-text\">Placeholder text<\/h2>\n\n\n\n<p>By default, the placeholder text in the First\/Last name field is <b>First<\/b> and <b>Last<\/b>. These placeholders will be shown by default to respondents so they can understand where and how to provide input.<\/p>\n\n\n\n<p>These two values can be changed with anything that fits your use case. You can also customize the placeholders for the <b>Initials<\/b> and <b>Middle<\/b> name subfields.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/07\/image-5.png\"><img loading=\"lazy\" decoding=\"async\" width=\"281\" height=\"551\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/07\/image-5.png\" alt=\"Placeholder text\" class=\"wp-image-46741\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/07\/image-5.png 281w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/07\/image-5-153x300.png 153w\" sizes=\"auto, (max-width: 281px) 100vw, 281px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>For example, we&#8217;ve changed the placeholder text to <em><strong>Test 1<\/strong><\/em> and <em><strong>Test 2<\/strong><\/em>. These two texts will appear on the form by default. However, once respondents start typing inside the field, the placeholder texts will disappear. If your respondents do not provide their names, these placeholder texts won&#8217;t be sent to the <b>Submissions <\/b>table, as they are only a visual aid for respondents and do not represent an actual value.<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/Placeholders.png\"><img loading=\"lazy\" decoding=\"async\" width=\"892\" height=\"810\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/Placeholders.png\" alt=\"Name placeholders\" class=\"wp-image-48755\" style=\"width:620px;height:auto\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/Placeholders.png 892w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/Placeholders-300x272.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/Placeholders-768x697.png 768w\" sizes=\"auto, (max-width: 892px) 100vw, 892px\" \/><\/a><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>To add and customize additional subfields for the\u00a0First\/Last name field, select the field and go to Options in the right-side panel. Here you can add subfields for respondents where they can Use initials and Use a middle name. Important notes If you want to add a Title to the First\/Last name field, you can do [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":-1,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[35],"tags":[],"class_list":["post-12526","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-formeditor"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Help: Customize Name subfields on forms | 123FormBuilder<\/title>\n<meta name=\"description\" content=\"Follow our guide on how to use and customize Name subfields on your form, such as the title, initials and middle name. Gather more information this way.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.123formbuilder.com\/docs\/how-to-customize-name-subfields-on-your-form\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to customize First\/Last Name subfields on your 123FormBuilder form?\" \/>\n<meta property=\"og:description\" content=\"Follow our guide on how to use and customize Name subfields on your form, such as the title, initials and middle name. Gather more information this way.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.123formbuilder.com\/docs\/how-to-customize-name-subfields-on-your-form\/\" \/>\n<meta property=\"og:site_name\" content=\"123FormBuilder Knowledge Base\" \/>\n<meta property=\"article:published_time\" content=\"2014-09-11T09:12:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-08T15:00:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/NameSubfields-1024x562.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Help: Customize Name subfields on forms | 123FormBuilder","description":"Follow our guide on how to use and customize Name subfields on your form, such as the title, initials and middle name. Gather more information this way.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.123formbuilder.com\/docs\/how-to-customize-name-subfields-on-your-form\/","og_locale":"en_US","og_type":"article","og_title":"How to customize First\/Last Name subfields on your 123FormBuilder form?","og_description":"Follow our guide on how to use and customize Name subfields on your form, such as the title, initials and middle name. Gather more information this way.","og_url":"https:\/\/www.123formbuilder.com\/docs\/how-to-customize-name-subfields-on-your-form\/","og_site_name":"123FormBuilder Knowledge Base","article_published_time":"2014-09-11T09:12:01+00:00","article_modified_time":"2024-05-08T15:00:20+00:00","og_image":[{"url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/NameSubfields-1024x562.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-customize-name-subfields-on-your-form\/#article","isPartOf":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-customize-name-subfields-on-your-form\/"},"author":{"name":"","@id":""},"headline":"How to customize First\/Last Name subfields on your 123FormBuilder form?","datePublished":"2014-09-11T09:12:01+00:00","dateModified":"2024-05-08T15:00:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-customize-name-subfields-on-your-form\/"},"wordCount":255,"commentCount":2,"image":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-customize-name-subfields-on-your-form\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/NameSubfields-1024x562.png","articleSection":["Form Editor"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.123formbuilder.com\/docs\/how-to-customize-name-subfields-on-your-form\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-customize-name-subfields-on-your-form\/","url":"https:\/\/www.123formbuilder.com\/docs\/how-to-customize-name-subfields-on-your-form\/","name":"Help: Customize Name subfields on forms | 123FormBuilder","isPartOf":{"@id":"https:\/\/www.123formbuilder.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-customize-name-subfields-on-your-form\/#primaryimage"},"image":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-customize-name-subfields-on-your-form\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/NameSubfields-1024x562.png","datePublished":"2014-09-11T09:12:01+00:00","dateModified":"2024-05-08T15:00:20+00:00","author":{"@id":""},"description":"Follow our guide on how to use and customize Name subfields on your form, such as the title, initials and middle name. Gather more information this way.","breadcrumb":{"@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-customize-name-subfields-on-your-form\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.123formbuilder.com\/docs\/how-to-customize-name-subfields-on-your-form\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-customize-name-subfields-on-your-form\/#primaryimage","url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/NameSubfields-1024x562.png","contentUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2024\/05\/NameSubfields-1024x562.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.123formbuilder.com\/docs\/how-to-customize-name-subfields-on-your-form\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.123formbuilder.com\/docs\/"},{"@type":"ListItem","position":2,"name":"How to customize First\/Last Name subfields on your 123FormBuilder form?"}]},{"@type":"WebSite","@id":"https:\/\/www.123formbuilder.com\/docs\/#website","url":"https:\/\/www.123formbuilder.com\/docs\/","name":"123FormBuilder Knowledge Base","description":"Search our documentation platform for answers, service specifications and 3rd-party integrations.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.123formbuilder.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"","url":"https:\/\/www.123formbuilder.com\/docs\/author\/"}]}},"_links":{"self":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/12526","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/comments?post=12526"}],"version-history":[{"count":30,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/12526\/revisions"}],"predecessor-version":[{"id":48758,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/posts\/12526\/revisions\/48758"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/media?parent=12526"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/categories?post=12526"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.123formbuilder.com\/docs\/wp-json\/wp\/v2\/tags?post=12526"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}