{"id":434,"date":"2025-03-20T17:26:35","date_gmt":"2025-03-20T17:26:35","guid":{"rendered":"http:\/\/documentation.wpgetpaid.com\/?post_type=gd_place&#038;p=434"},"modified":"2025-03-26T13:53:46","modified_gmt":"2025-03-26T13:53:46","slug":"how-to-add-a-payment-form","status":"publish","type":"gd_place","link":"https:\/\/wpgetpaid.com\/documentation\/article\/first-steps\/how-to-add-a-payment-form\/","title":{"rendered":"How to Add a Payment Form?"},"content":{"rendered":"<p>\n\t Payment forms are used to facilitate easy payment process for your customers. You can add them to any page using a simple shortcode.&nbsp;<\/p>\n<h2>Creating a Payment Form<\/h2>\n<dl>\n<dt>\n\t1\n\t<\/dt>\n<dd>\n\tTo create a new payment form, you need to head to the <strong>GetPaid &gt; Payment Forms <\/strong>section, and then click&nbsp;<strong>Add New.&nbsp;<\/strong> <\/dd>\n<p>\t<img width=\"567\" height=\"413\" src=\"https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-tGQcChQL4O.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-tGQcChQL4O.png 567w, https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-tGQcChQL4O-300x219.png 300w\" sizes=\"auto, (max-width: 567px) 100vw, 567px\" \/><\/p>\n<dt>\n\t2\n\t<\/dt>\n<dd>\n\tThe <strong>Add New Payment Form <\/strong>page features a drag and drop builder. You can simply drag the necessary fields, customize them, and then save your form.&nbsp;\n\t<\/dd>\n<\/dl>\n<p>\n\t<img width=\"831\" height=\"611\" src=\"https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-L6MgpY69qe.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-L6MgpY69qe.png 831w, https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-L6MgpY69qe-300x221.png 300w, https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-L6MgpY69qe-768x565.png 768w\" sizes=\"auto, (max-width: 831px) 100vw, 831px\" \/><\/p>\n<h2>Available Fields<\/h2>\n<p>\n\t Following are the available fields for adding a new payment form:&nbsp;<\/p>\n<ul>\n<li>Heading<\/li>\n<li>Paragraph<\/li>\n<li>Alert<\/li>\n<li>Separator<\/li>\n<li>Text Input<\/li>\n<li>Text Area<\/li>\n<li>Dropdown<\/li>\n<li>Checkbox<\/li>\n<li>Radio<\/li>\n<li>Date<\/li>\n<li>Time<\/li>\n<li>Number<\/li>\n<li>Website<\/li>\n<li>Email<\/li>\n<li>Address&nbsp;<\/li>\n<li>Discount Input<\/li>\n<li>Price Input<\/li>\n<li>Price Select<\/li>\n<li>Total Payable<\/li>\n<li>IP Address&nbsp;<\/li>\n<\/ul>\n<h2>Adding a Payment Form<\/h2>\n<p>\n\t You can use the <strong>payment form <\/strong>or <strong>payment button <\/strong>shortcodes to add the form and\/or button anywhere on your site.&nbsp;<\/p>\n<section class=\"alert alert-warning\">\n\t The <strong>Payment Form Shortcode <\/strong>outputs the payment form, whereas the <strong>Payment Button Shortcode <\/strong>outputs just the payment button for that particular form.&nbsp;<\/section>\n<p>\n\t<img width=\"920\" height=\"494\" src=\"https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-nsnxGr0otc-1024x550.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-nsnxGr0otc-1024x550.png 1024w, https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-nsnxGr0otc-300x161.png 300w, https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-nsnxGr0otc-768x413.png 768w, https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-nsnxGr0otc.png 1130w\" sizes=\"auto, (max-width: 920px) 100vw, 920px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Payment forms are used to facilitate easy payment process for your customers. You can add them to any page using a simple shortcode.&nbsp; Creating a Payment Form 1 To create a new payment form, you need to head to the GetPaid &gt; Payment Forms section, and then click&nbsp;Add New.&nbsp; 2 The Add New Payment Form [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"article\/tags":[238,239,240],"article\/categories":[208,215],"class_list":["post-434","gd_place","type-gd_place","status-publish","hentry","gd_place_tags-payment-form","gd_place_tags-form-builder","gd_place_tags-add-payment-form","gd_placecategory-getting-started","gd_placecategory-first-steps"],"_links":{"self":[{"href":"https:\/\/wpgetpaid.com\/documentation\/wp-json\/wp\/v2\/article\/434","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpgetpaid.com\/documentation\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/wpgetpaid.com\/documentation\/wp-json\/wp\/v2\/types\/gd_place"}],"replies":[{"embeddable":true,"href":"https:\/\/wpgetpaid.com\/documentation\/wp-json\/wp\/v2\/comments?post=434"}],"version-history":[{"count":0,"href":"https:\/\/wpgetpaid.com\/documentation\/wp-json\/wp\/v2\/article\/434\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpgetpaid.com\/documentation\/wp-json\/wp\/v2\/media?parent=434"}],"wp:term":[{"taxonomy":"gd_place_tags","embeddable":true,"href":"https:\/\/wpgetpaid.com\/documentation\/wp-json\/wp\/v2\/article\/tags?post=434"},{"taxonomy":"gd_placecategory","embeddable":true,"href":"https:\/\/wpgetpaid.com\/documentation\/wp-json\/wp\/v2\/article\/categories?post=434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}