{"id":462,"date":"2025-03-20T17:26:57","date_gmt":"2025-03-20T17:26:57","guid":{"rendered":"http:\/\/documentation.wpgetpaid.com\/?post_type=gd_place&#038;p=462"},"modified":"2025-03-26T13:53:49","modified_gmt":"2025-03-26T13:53:49","slug":"how-to-add-multiple-items-to-a-checkout-form","status":"publish","type":"gd_place","link":"https:\/\/wpgetpaid.com\/documentation\/article\/discounts\/how-to-add-multiple-items-to-a-checkout-form\/","title":{"rendered":"How to Add Multiple Items to a Checkout Form?"},"content":{"rendered":"<p>\n\t You can add multiple items to a checkout form using GetPaid. This article explains the steps required for the same.&nbsp;&nbsp;<\/p>\n<section class=\"alert alert-info\">\n\t This guide assumes you can <a href=\"https:\/\/wpgetpaid.com\/documentation\/article\/first-steps\/how-to-add-a-payment-form\/\">add a new payment form<\/a> to GetPaid.&nbsp;<\/section>\n<h2>Adding Multiple Items to Checkout Forms<\/h2>\n<dl>\n<dt>\n\t1\n\t<\/dt>\n<dd>\n\tFirst, head to the&nbsp; <strong>GetPaid &gt; Payment Forms<\/strong>&nbsp;section, and then click <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-1.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-tGQcChQL4O-1.png 567w, https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-tGQcChQL4O-1-300x219.png 300w\" sizes=\"auto, (max-width: 567px) 100vw, 567px\" \/><\/p>\n<dt>\n\t2\n\t<\/dt>\n<dd>\n\tThe&nbsp; <strong>Add New Payment Form<\/strong>&nbsp;page features a drag and drop builder. When you create a new form, the Form Preview section will feature a button titled &#8212; <strong>&#8220;Item totals will appear here. Click to set items.&#8221; <\/strong>Click on that button.&nbsp;<\/dd>\n<p>\t<img width=\"822\" height=\"556\" src=\"https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-55KKFEZWSL.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-55KKFEZWSL.png 822w, https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-55KKFEZWSL-300x203.png 300w, https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-55KKFEZWSL-768x519.png 768w\" sizes=\"auto, (max-width: 822px) 100vw, 822px\" \/><\/p>\n<dt>3<\/dt>\n<dd>\n\tUpon clicking the button, the left panel will show a dropdown selector titled <strong>&#8220;Select an item to add&#8230;&#8221; <\/strong>You need to click on the dropdown, and then type the first three letters of the item(s) that you wish to add to the form.&nbsp;\n\t<\/dd>\n<p>\t<img width=\"822\" height=\"422\" src=\"https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-pXgRaVvt9y.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-pXgRaVvt9y.png 822w, https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-pXgRaVvt9y-300x154.png 300w, https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-pXgRaVvt9y-768x394.png 768w\" sizes=\"auto, (max-width: 822px) 100vw, 822px\" \/><\/p>\n<dt>4<\/dt>\n<dd>\n\tYou can repeat the process for as many items as necessary. Don&#8217;t forget to save your form when done.&nbsp;\n\t<\/dd>\n<\/dl>\n<p>\n\t\tAll done! You have successfully added a checkout form with multiple items.&nbsp;<\/p>\n<h2>Additional Info<\/h2>\n<p>\n\t\tYou can add multiple items to checkout forms using shortcodes as well. For this purpose, you need to <strong>specify item IDs <\/strong>in the shortcode. For example:&nbsp;<\/p>\n<pre>[getpaid item=561,532 button='Buy Now']\n<\/pre>\n<p>\n\t\tThe above shortcode adds a <strong>Buy Now <\/strong>button that selects items with IDs 561 and 532 in the form.&nbsp;<\/p>\n<p>\n\t\tAlternatively, when working with the Gutenberg block, you can add comma-separated item IDs in the block properties to add multiple items to the form. In this case, you do not need to specify Form ID in the Gutenberg block properties section.&nbsp;<\/p>\n<p>\n\t<img width=\"262\" height=\"564\" src=\"https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-S402BBW69I.png\" class=\"attachment-large size-large\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-S402BBW69I.png 262w, https:\/\/wpgetpaid.com\/documentation\/wp-content\/uploads\/2025\/03\/file-S402BBW69I-139x300.png 139w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can add multiple items to a checkout form using GetPaid. This article explains the steps required for the same.&nbsp;&nbsp; This guide assumes you can add a new payment form to GetPaid.&nbsp; Adding Multiple Items to Checkout Forms 1 First, head to the&nbsp; GetPaid &gt; Payment Forms&nbsp;section, and then click Add New.&nbsp; 2 The&nbsp; Add [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"article\/tags":[291,292,293,294],"article\/categories":[220,211],"class_list":["post-462","gd_place","type-gd_place","status-publish","hentry","gd_place_tags-multiple-items","gd_place_tags-checkout-forms","gd_place_tags-how-to-add-items","gd_place_tags-payment-forms","gd_placecategory-discounts","gd_placecategory-tips-tricks-more"],"_links":{"self":[{"href":"https:\/\/wpgetpaid.com\/documentation\/wp-json\/wp\/v2\/article\/462","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=462"}],"version-history":[{"count":0,"href":"https:\/\/wpgetpaid.com\/documentation\/wp-json\/wp\/v2\/article\/462\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpgetpaid.com\/documentation\/wp-json\/wp\/v2\/media?parent=462"}],"wp:term":[{"taxonomy":"gd_place_tags","embeddable":true,"href":"https:\/\/wpgetpaid.com\/documentation\/wp-json\/wp\/v2\/article\/tags?post=462"},{"taxonomy":"gd_placecategory","embeddable":true,"href":"https:\/\/wpgetpaid.com\/documentation\/wp-json\/wp\/v2\/article\/categories?post=462"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}