# Add First & Last Name Fields Separately – Paymattic - URL: https://paymattic.com/docs/add-first-last-name-fields-in-a-form/ - Markdown: https://paymattic.com/docs/add-first-last-name-fields-in-a-form/index.md - Modified: 2024-10-31 --- # How can we help you? Popular Search subscriptionstriperecurringtheuser View Categories We often receive inquiries about adding the **First Name** and**Last Name** fields separately, horizontally or vertically, in a Payattic Form. This article will guide you through adding the First and Last Name fields in the [Paymattic form](/). ## Adding First & Last Name Fields # To learn the process of first name and last name fields in a form, follow the steps with the screenshots below – Open your **Desired Form** where you wish to add the **First**&**Last Name**fields. If you do not have any existing forms, read this [Create a Form from Scratch](/docs/how-to-create-a-form-from-scratch-with-paymattic/) or [Create a Form using Templates](/docs/simple-form-templates/) documentation to create one. For example, here, I used an existing blank form to show the whole process. ![](https://paymattic.com/wp-content/uploads/2024/10/1.-Open-desired-form-2-scaled.webp) Once you open the **Editor** page, add the necessary fields by typing the**“ / ”**or clicking the **Plus Icon** placed at the bottom. ![](https://paymattic.com/wp-content/uploads/2024/10/2.-Type-2222-or-2222.webp) Now, from the [General Fields](/docs/how-to-use-general-form-input-fields-in-wordpress-with-paymattic/) section, you can either choose the **Two Column Container** fieldto display two different fields horizontally or select the **Name** fieldtwice to show them vertically. ![](https://paymattic.com/wp-content/uploads/2024/10/3.-Select-either-Name-or-Two-Column-Container-field.webp) For example, I chose the **Two Column Container** field under the **General Fields**section to display the First and Last Name fields in one frame horizontally. ![](https://paymattic.com/wp-content/uploads/2024/10/4.-Two-Column-Container.webp) Here, you can see two columns are added. Now, you can separately add **Name** fields **Two Times** inside these **Two Added Columns**. To add **Name** fields, click the **Plus Icon** of each column. ![](https://paymattic.com/wp-content/uploads/2024/10/4.-Plus-Icon.webp) Once you click the **Plus** **Icon**, it will redirect you again to the **Choose form field**page from where select the **Name** field options and it will be added to your form. ![](https://paymattic.com/wp-content/uploads/2024/10/5.-Name-field.webp) ## Customizing the Added Fields # After adding the fields, **change the name** **of the fields** from **Your Name** to **First Name** and**Last Name**respectivelyby clicking the **Pencil/Edit**icon. “**Remember**, to ensure the fields function properly, **you need to change the field names** at the **Admin Label**in the **Advanced** **Settings** of the **Name** field as well. If you do not change the names in the Admin Label, you will not see the added name fields separately (e.g., in the Entries, PDF file, and overall Admin backend) except the form preview only.” ![](https://paymattic.com/wp-content/uploads/2024/10/6.-Pencil-Icon.webp) To change the name in the **Admin** **Label**, click the **Settings** **Icon** of the **Name** fields. ![](https://paymattic.com/wp-content/uploads/2024/10/8.-Settings-icon-of-Name-field.webp) Now, go to the **Advanced** **Settings**, write the desired name in the **Admin** **Label** box, and click the **Update** button. For example, here, I wrote First Name for the First Name field. ![](https://paymattic.com/wp-content/uploads/2024/10/9.-Advanced-Settings-of-Name-field.webp) To learn more details about the customization of the added **Two Colum Container** field, **Name** field, and **Advanced** **Settings**, refer to the articles below – - [Two Column Container](https://paymattic.com/docs/how-to-add-multiple-column-containers-with-paymattic/#1-toc-title) - [Name](/docs/how-to-use-general-form-input-fields-in-wordpress-with-paymattic/#5-toc-title) - [Advanced Settings of Name field](/docs/how-to-use-general-form-input-fields-in-wordpress-with-paymattic/#3-toc-title) ## Preview of Added Fields # Once you change the fields’ names from **Your Name** to **First Name** and**Last Name**respectively, press the **Save** button to save all the changes. If you want to see the **Preview** of the form, click the **Eye** icon. Also, to embed and display the form on a specific Page/Post, **copy** this **Shortcode** and paste it into your desired Page/Post. ![](https://paymattic.com/wp-content/uploads/2024/10/7.-Save-preview-shortcode-buttons.webp) Here, you can see the preview of the separately added First Name and Last Name fields. ![](https://paymattic.com/wp-content/uploads/2024/10/8.-Preview-of-added-First-Last-Name-fields.webp) This way you can easily add the First & Last Name fields separately in Paymattic Forms! If you have any further questions, concerns, or suggestions, please do not hesitate to contact our [@support team](https://wpmanageninja.com/support-tickets/?utm_source=wpmn&utm_medium=home&utm_campaign=site#/). Thank you. ##### What are your Feelings #### Share This Article : - [![Facebook](https://paymattic.com/wp-content/plugins/betterdocs/assets/static/images/social/facebook.svg?v=4.8.1)](https://www.facebook.com/sharer/sharer.php?u=https://paymattic.com/docs/add-first-last-name-fields-in-a-form/) - [![X](https://paymattic.com/wp-content/plugins/betterdocs/assets/static/images/social/twitter.svg?v=4.8.1)](https://twitter.com/intent/tweet?url=https://paymattic.com/docs/add-first-last-name-fields-in-a-form/) - [![LinkedIn](https://paymattic.com/wp-content/plugins/betterdocs/assets/static/images/social/linkedin.svg?v=4.8.1)](https://www.linkedin.com/shareArticle?mini=true&url=https://paymattic.com/docs/add-first-last-name-fields-in-a-form/) - [![Pinterest](https://paymattic.com/wp-content/plugins/betterdocs/assets/static/images/social/pinterest.svg?v=4.8.1)](https://pinterest.com/pin/create/button/?url=https://paymattic.com/docs/add-first-last-name-fields-in-a-form/) Still stuck? How can we help? ## How can we help? Updated on October 31, 2024 [How to Fix Not Sending Email Confirmations Issue in WordPress?](/docs/how-to-fix-not-sending-email-confirmations-issue-in-wordpress-with-paymattic/)[Date Formats Customization](/docs/date-formats-customization/) Powered by [BetterDocs](https://betterdocs.co)