---
title: How to Create Your First Payment Form in a Minute and Accept Payments with Paymattic?
description: "In [Paymattic](https://paymattic.com/), you can easily create **Step Forms** to accept payment through different platforms. This article will guide you through Creating Payment Forms to Collect Payments.  ## Creating A Payment Form To learn how to create Payment Forms with Paymattic,…"
url: "https://paymattic.com/docs/how-to-create-your-first-payment-form-in-a-minute-and-accept-payments-with-paymattic/"
updated: "2024-10-18"
category: Form Editor
---

# How to Create Your First Payment Form in a Minute and Accept Payments with Paymattic?

In [Paymattic](https://paymattic.com/), you can easily create **Step Forms** to accept payment through different platforms. This article will guide you through Creating Payment Forms to Collect Payments. 

## Creating A Payment Form

To learn how to create Payment Forms with Paymattic, follow the steps with the screenshots below –  

First, go to the **All Forms**section from the **Pymattic Navbar,**choosea**Form,**and click the **Pencil/Edit** icon to open the **Editor** page of that form.

If you do not have any existing forms, read this [Create a Form from Scratch](https://paymattic.com/docs/how-to-create-a-form-from-scratch-with-paymattic/) or [Create a Form using Templates](https://paymattic.com/docs/simple-form-templates/) documentation.

For example, I choose an existing form to show the whole process.

![](https://paymattic.com/wp-content/uploads/2022/06/Open-desired-form-scaled.webp)

Once you open the **Editor** page, add the necessary fields by typing the**“ / ”**or clicking the **Plus Icon** placed at the bottom.

We always suggest you keep the **[Name](https://paymattic.com/docs/how-to-use-general-form-input-fields-in-wordpress-with-paymattic/#5-toc-title)** and **[Email](https://paymattic.com/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/2022/06/Type-Slash-or-Click-Plus-Icon-.webp)

Remember, to create a Payment Form you must add at least one **[Product Field](https://paymattic.com/docs/how-to-use-the-product-fields/)** and **[Payment Method Field](https://paymattic.com/docs/how-to-use-the-payment-method-fields-section/).**

For example, the [Payment Item](https://paymattic.com/docs/how-to-add-payment-item-fields-in-wordpress-with-paymattic/) as a **Product Field** and the [Choose Payment Method](https://paymattic.com/docs/how-to-use-the-payment-method-fields-section/#3-toc-title) as a **Payment Method Field** for demonstration purposes.

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](https://paymattic.com/docs-category/payment-method-fields/) and read the documentation you selected as a payment method.

![](https://paymattic.com/wp-content/uploads/2022/06/Choosing-desired-fields.webp)

## Customizing the Field 

Here, you can see all the fields that are necessary for a payment form are added.

You can edit their field name and settings. To learn more about form editing, read this [Documentation](https://paymattic.com/docs/how-to-edit-forms-in-wordpress-with-paymattic/).

To learn how to edit the **Payment Item** and **Choose Payment Method** field specifically, refer to the Documentation below:

 - [Payment Item Field](https://paymattic.com/docs/how-to-add-payment-item-fields-in-wordpress-with-paymattic/)
 - [Choose Payment Method field](https://paymattic.com/docs/how-to-use-the-payment-method-fields-section/#3-toc-title)

Remember, the process of adding and customizing every field is almost similar.

![](https://paymattic.com/wp-content/uploads/2022/06/Added-necessary-fields-for-payment-form.webp)

## Embedding the Form into Frontend

To embed and display the form on a specific Page/Post, **copy** this **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.

![](https://paymattic.com/wp-content/uploads/2022/06/Save-preview-and-shortcode-button.webp)

## Preview of Payment Form

Here is the **preview** of the **Payment Form**that we just created.

![](https://paymattic.com/wp-content/uploads/2022/06/Preview-of-Payment-Form.webp)

This way you can easily create a**Payment Form** in Paymattic!
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.