# Create a Form from Scratch with Paymattic – Paymattic - URL: https://paymattic.com/docs/how-to-create-a-form-from-scratch-with-paymattic/ - Markdown: https://paymattic.com/docs/how-to-create-a-form-from-scratch-with-paymattic/index.md - Modified: 2024-10-18 --- # How can we help you? Popular Search subscriptionstriperecurringtheuser View Categories This article will guide you through the process of how you can easily **Create a Form** from scratch through [Paymattic](/). ## Creating a Form from Scratch # To learn how to create a form from scratch with Paymattic, follow the steps with the screenshots below – First, go to the **Paymattic Dashboard** from the **WordPress Left Sidebar** and click the **Create** **Form** section. Then, you will get three options to create forms. These are: - **Blank Form**: This option allows you to create fresh forms from scratch. - **Choose Templates:** Here, you can use pre-built templates to create forms to avoid the hassle of making them from scratch. - **Import From**: This option lets you import your JSON format forms from other platforms to Paymattic. To create a form from scratch, click the **Blank Form** option. ![](https://paymattic.com/wp-content/uploads/2024/10/Create-Form-Blank-Form-scaled.webp) ## Adding Desired Field/s # Once you click the **Blank form**, it will redirect you to the **Editor** page where you can build your form by adding necessary fields and edit it anytime if needed. Here, you will have **Two Options** for adding your **Desired Fields**to the form. These are: 1. **Type “/” to insert fields:** In this field, you can easily add your desired field/s by typing the field name with the “/” sign before it. 1. **Plus Icon**: You can simply click the **+ Plus Icon** and all the available fields will appear inside a pop-up page from where you can choose your desired field/s. For instance, I clicked the **Plus** **Icon** to add thePaymentrelatedfields. ![](https://paymattic.com/wp-content/uploads/2024/10/Type-2222-or-Plus-icon-scaled.webp) On the **Choose form field** page, you will get all the field options that Paymattic offers and you can choose anyone just by clicking on it. You can see, Three major Sections containing all the available Fields. These are: - General Fields - Donation & Product Fields - Payment Method Fields Remember, **Fields with a Star Sign** in the right corner **are Pro features**. You need to install and activate the [Paymattic Pro](/docs/how-to-install-and-activate-paymattic-in-wordpress/#1-toc-title) Plugin to use them. ![](https://paymattic.com/wp-content/uploads/2024/10/Choose-Form-Field-page.webp) ### General Fields # Here you can see all the General Fields for your form. Select anyone according to your preference by clicking on it. To learn the detailed use of all fields, read this [Documentation](/docs/how-to-use-general-form-input-fields-in-wordpress-with-paymattic/). But, we always suggest you keep the **[Name](/docs/how-to-use-general-form-input-fields-in-wordpress-with-paymattic/#5-toc-title)** and **[Email](/docs/how-to-use-general-form-input-fields-in-wordpress-with-paymattic/#6-toc-title)** field at the beginning of any Form. ![](https://paymattic.com/wp-content/uploads/2024/10/All-General-Fields.webp) ### Donation & Product Fields # Now, scroll down and you will find the Donation & Product Fields area. Select anyone according to your preference by clicking on it. To learn the detailed use of all fields, read this [Documentation](/docs/how-to-use-the-product-fields/). For example, I am adding the [Payment Item](/docs/how-to-add-payment-item-fields-in-wordpress-with-paymattic/) field for demonstration purposes. ![](https://paymattic.com/wp-content/uploads/2024/10/All-Donation-Product-fields.webp) ### Payment Method Fields # Now, go down and you will find all the payment gateways under the **Payment Method Fields**area. Select anyone according to your preference by clicking on it. To learn the detailed use of all fields, read this [Documentation](/docs/how-to-use-the-payment-method-fields-section/). Remember, the added payment method/s in your Form will not function unless you properly complete the configuration process of payment gateways. To learn the details of the configuration process, [click here](/docs-category/payment-method-fields/) and read the Documentation you selected as a payment method. You can select a **[Single Payment Method](/docs/how-to-use-the-payment-method-fields-section/#2-toc-title)** by clicking on the desired payment gateway name. Or, you can select **Multiple Payment Method** by clicking on the **[Choose Payment Method](/docs/how-to-use-the-payment-method-fields-section/#3-toc-title)**field. For example, I select the **Choose Payment Method**field to show the process. ![](https://paymattic.com/wp-content/uploads/2024/10/All-Payment-Method-fields.webp) ## Editing/Customizing the Created Forms # Once you added all your necessary fields, you can edit them according to your needs. To learn how to edit a form, read this [Documentation](/docs/how-to-edit-forms-in-wordpress-with-paymattic/). ## Embedding Form into WordPress # To embed and display the form on a specific Page/Post, **copy** the **Shortcode** and paste it into your desired Page/Post. Once you complete the edit, press the **Save** button to save all the changes you made. And, to see the **Preview** of the form, click the **Eye** icon. Remember, the process of adding and customizing fields in every step is almost similar. ![](https://paymattic.com/wp-content/uploads/2024/10/Save-preview-and-shortcode-button.webp) ## Form Preview # Here is the **preview** of the **Form**that we createdfrom scratch. ![](https://paymattic.com/wp-content/uploads/2024/10/Preview-of-Payment-Form.webp) This way you can easily create a Form from scratch 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/how-to-create-a-form-from-scratch-with-paymattic/) - [![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/how-to-create-a-form-from-scratch-with-paymattic/) - [![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/how-to-create-a-form-from-scratch-with-paymattic/) - [![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/how-to-create-a-form-from-scratch-with-paymattic/) Still stuck? How can we help? ## How can we help? Updated on October 18, 2024 [Add Multiple Column Containers in Forms](/docs/add-multiple-column-containers-in-forms/)[How to Create a Step Form with Paymattic](/docs/creating-a-step-form-with-paymattic/) Powered by [BetterDocs](https://betterdocs.co)