{"id":45955,"date":"2023-04-11T10:50:57","date_gmt":"2023-04-11T10:50:57","guid":{"rendered":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/?p=45955"},"modified":"2024-04-26T14:12:18","modified_gmt":"2024-04-26T14:12:18","slug":"product-field","status":"publish","type":"post","link":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/product-field\/","title":{"rendered":"Product field"},"content":{"rendered":"\n<p>123FormBuilder is excited to announce the release of our latest feature \u2013 the <b>Product<\/b> field! This new feature makes it easier than ever for businesses to sell products or services directly through their online forms.<\/p>\n\n\n\n<p>With the Product field, businesses can create customized forms allowing customers to select and purchase products or services without leaving the form. This can significantly streamline the buying process and boost sales.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to set-up the product field on your forms | 123FormBuilder\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/swq9iWpbSZY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-it-works\">How it works<\/h2>\n\n\n\n<p>Let&#8217;s begin with a use case: you want to create a form through which you are collecting cake orders. You&#8217;ve added all the necessary info: name, delivery date and time, phone number, email, and address for delivery. <\/p>\n\n\n\n<p>Now it&#8217;s time to add the products\/cakes you want to sell. Simply drag and drop the <b>Product\/Service field <\/b>onto your form.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-8.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-8-1024x488.png\" alt=\"Add product field onto the form\" class=\"wp-image-47172\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-8-1024x488.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-8-300x143.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-8-768x366.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-8-1536x732.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-8.png 1909w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Once added to the form, you can easily customize the <b>Product\/Service<\/b> field.<\/p>\n\n\n\n<p>a. <b>Product name<\/b> &#8211; here you give a name to your product for your respondents to easily identify the product\/service you are selling. <\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image is-resized\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/06\/Screenshot-2023-06-16-at-13.41.40.png\"><img loading=\"lazy\" decoding=\"async\" width=\"296\" height=\"715\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/06\/Screenshot-2023-06-16-at-13.41.40.png\" alt=\"Product name\" class=\"wp-image-46381\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/06\/Screenshot-2023-06-16-at-13.41.40.png 296w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/06\/Screenshot-2023-06-16-at-13.41.40-124x300.png 124w\" sizes=\"auto, (max-width: 296px) 100vw, 296px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>b. <b>Product description<\/b> &#8211; for your respondents to fully understand what your product\/service offers, you can provide a product description. <\/p>\n\n\n<div class=\"wp-block-image is-resized\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/06\/Screenshot-2023-06-16-at-13.42.10.png\"><img loading=\"lazy\" decoding=\"async\" width=\"296\" height=\"715\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/06\/Screenshot-2023-06-16-at-13.42.10.png\" alt=\"Product description\" class=\"wp-image-46382\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/06\/Screenshot-2023-06-16-at-13.42.10.png 296w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/06\/Screenshot-2023-06-16-at-13.42.10-124x300.png 124w\" sizes=\"auto, (max-width: 296px) 100vw, 296px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>c. <b>Product image <\/b>&#8211; this may be the most eye-catching element for your respondents: the product image. Upload a picture of your product\/service so that your respondents can easily scan the products and choose the most appropriate one for them. <\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image is-resized\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/06\/Screenshot-2023-06-16-at-13.42.40.png\"><img loading=\"lazy\" decoding=\"async\" width=\"296\" height=\"715\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/06\/Screenshot-2023-06-16-at-13.42.40.png\" alt=\"Product image\" class=\"wp-image-46383\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/06\/Screenshot-2023-06-16-at-13.42.40.png 296w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/06\/Screenshot-2023-06-16-at-13.42.40-124x300.png 124w\" sizes=\"auto, (max-width: 296px) 100vw, 296px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>For our Cake Order form, we&#8217;ve created our first product: Strawberry cake!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-11.59.07.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-11.59.07-1024x488.png\" alt=\"Product\/Service field\" class=\"wp-image-47174\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-11.59.07-1024x488.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-11.59.07-300x143.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-11.59.07-768x366.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-11.59.07-1536x732.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-11.59.07.png 1909w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Now we need to provide more customization to our first product. We can mark it as required &#8211; so your respondents will need to provide an answer to this field\/choose this product\/service or you can hide the field, if needed. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-11.59.49.png\"><img loading=\"lazy\" decoding=\"async\" width=\"291\" height=\"729\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-11.59.49.png\" alt=\"Required\/Hide field\" class=\"wp-image-47175\" style=\"aspect-ratio:0.3991769547325103;width:217px;height:auto\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-11.59.49.png 291w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-11.59.49-120x300.png 120w\" sizes=\"auto, (max-width: 291px) 100vw, 291px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>The next step would be to add a price to your product. You can do that by providing a value to the <b>Price<\/b> field from <b>Payments &amp; Calculations<\/b>. The price you provide will be displayed on your form for your respondents.<\/p>\n\n\n\n<p>Additionally, if you have not added a payment processor to the form yet, you will notice an informative banner at the top of the page. This is a reminder to add a payment processor, but we will get back to that in a second.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-12.00.44.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-12.00.44-1024x510.png\" alt=\"Price product field\" class=\"wp-image-47176\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-12.00.44-1024x510.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-12.00.44-300x149.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-12.00.44-768x382.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-12.00.44-1536x765.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-12.00.44.png 1912w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>If you want to offer your respondents the possibility of ordering multiple items from the same product (e.g. 2 Strawberry cakes), then you have to enable the <b>Quantity selector<\/b>. Once enabled, you can establish the <b>Unit of measure<\/b> &#8211; the label you set here will appear as your unit of measure for your product (e.g. bottles, packs, lbs, kg).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-12.01.43.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"532\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-12.01.43-1024x532.png\" alt=\"Quantity selector product field\" class=\"wp-image-47177\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-12.01.43-1024x532.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-12.01.43-300x156.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-12.01.43-768x399.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-12.01.43-1536x799.png 1536w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/Screenshot-2023-11-20-at-12.01.43.png 1912w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>The last customization that we can bring is related to <b>Order options<\/b>. Here you can change the currency, discount, and taxes, and add more advanced calculations.<\/p>\n\n\n\n<p>Once you click on <b>Order options<\/b>, a pop-up will open where you can:<\/p>\n\n\n\n<p>a. change the price of the product, if needed<\/p>\n\n\n\n<p>b. apply a discount on the product<\/p>\n\n\n\n<p>c. apply a tax on the product<\/p>\n\n\n\n<p>d. set a stacked discount &#8211; which applies on top of the discount applied on each product<\/p>\n\n\n\n<p>e. set a stacked tax &#8211; which applies on top of the taxes applied on each product<\/p>\n\n\n\n<p>f. change the currency of the product &#8211; click on the <b>USD &#8211; US Dollar <\/b>dropdown and select the currency you are interested in<\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image is-resized\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/04\/image-3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"556\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/04\/image-3-1024x556.png\" alt=\"Order options Product field\" class=\"wp-image-45969\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/04\/image-3-1024x556.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/04\/image-3-300x163.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/04\/image-3-768x417.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/04\/image-3.png 1419w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>For example, let&#8217;s add a discount of 10% to our Strawberry Cake. Once you input your 10% discount on <b>Order options<\/b> and click on <b>Save<\/b>, our Strawberry cake will have the price updated: we are going to show the full price and the price after the discount has been applied. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-9.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1008\" height=\"562\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-9.png\" alt=\"Discount Product field\" class=\"wp-image-47178\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-9.png 1008w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-9-300x167.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-9-768x428.png 768w\" sizes=\"auto, (max-width: 1008px) 100vw, 1008px\" \/><\/a><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-payment-processor-order-summary\">Payment processor &amp; Order summary<\/h2>\n\n\n\n<p>Moving forward with our form, let&#8217;s add more products to it: Mousse cake and Vegan Cake. And last but not least, let&#8217;s add a payment processor to the form. You can do that by navigating to <b>Payments<\/b> from the left side panel and selecting the payment processor you want to use. <\/p>\n\n\n\n<p>For our form, we have used PayPal. Once a payment processor has been added and enabled, you&#8217;ll notice an <b>Order summary<\/b> at the end of the form.<\/p>\n\n\n\n<p>This table will be populated automatically based on your respondents&#8217; choices for the product\/service list. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-10.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1008\" height=\"474\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-10.png\" alt=\"Order summary\" class=\"wp-image-47179\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-10.png 1008w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-10-300x141.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-10-768x361.png 768w\" sizes=\"auto, (max-width: 1008px) 100vw, 1008px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Let&#8217;s test the form in <b>Preview<\/b> to see what it looks like. For our form, we have selected Strawberry cake and Mousse cake. The <b>Order summary<\/b> has been automatically updated to reflect our choices.<\/p>\n\n\n\n<p>In the <b>Order summary<\/b> you can see the product that has been selected, its price and its quantity, and the total price for each product and the entire order. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>If a <b>discount<\/b> has been added to a product, for example for our Strawberry cake, the discount will be reflected in the <b>Order summary<\/b>, as <em>Discount (x%)<\/em>. We also display the value that has been discounted.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-11.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1008\" height=\"418\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-11.png\" alt=\"Discount order summary\" class=\"wp-image-47180\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-11.png 1008w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-11-300x124.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-11-768x318.png 768w\" sizes=\"auto, (max-width: 1008px) 100vw, 1008px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Following the same pattern, if a <b>tax<\/b> is applied to a product, the tax will be reflected in the <b>Order summary<\/b> as a <em>Special tax(x%)<\/em> along with the value of the tax.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-12.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1008\" height=\"444\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-12.png\" alt=\"Tax order summary\" class=\"wp-image-47181\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-12.png 1008w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-12-300x132.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-12-768x338.png 768w\" sizes=\"auto, (max-width: 1008px) 100vw, 1008px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>If you have enabled the <b>Quantity selector<\/b>, respondents will be able to provide the number of items they want to order for that product and simply click the <b>Add to cart<\/b> button. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-13.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1008\" height=\"517\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-13.png\" alt=\"Quantity product field\" class=\"wp-image-47182\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-13.png 1008w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-13-300x154.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-13-768x394.png 768w\" sizes=\"auto, (max-width: 1008px) 100vw, 1008px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Subsequently, the <b>Order summary<\/b> will also reflect the quantity for each product. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-14.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1008\" height=\"364\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-14.png\" alt=\"Quantity order summary \" class=\"wp-image-47183\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-14.png 1008w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-14-300x108.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-14-768x277.png 768w\" sizes=\"auto, (max-width: 1008px) 100vw, 1008px\" \/><\/a><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-submissions\">Submissions<\/h2>\n\n\n\n<p>In order to test our form, let&#8217;s make a test submission and go to <b>Results<\/b> \u2192 <b>Submissions<\/b>. For each product added on your form, you can see the quantity:<\/p>\n\n\n\n<p>a. Strawberry cake &#8211; 2 \u2192 this means that 2 Strawberry cakes have been ordered<\/p>\n\n\n\n<p>b. Mousse cake &#8211; 1 \u2192 this means that 1 Mousse cake has been ordered<\/p>\n\n\n\n<p>c. Vegan cake &#8211; no value \u2192 this means that no Vegan cake has been ordered. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/04\/image-12.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"287\" src=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/04\/image-12-1024x287.png\" alt=\"Submission product field\" class=\"wp-image-45978\" srcset=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/04\/image-12-1024x287.png 1024w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/04\/image-12-300x84.png 300w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/04\/image-12-768x215.png 768w, https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/04\/image-12.png 1227w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>123FormBuilder is excited to announce the release of our latest feature \u2013 the Product field! This new feature makes it easier than ever for businesses to sell products or services directly through their online forms. With the Product field, businesses can create customized forms allowing customers to select and purchase products or services without leaving [&hellip;]<\/p>\n","protected":false},"author":96,"featured_media":-1,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[120,35],"tags":[1470,1473,1469,1125,1472,338,1468,1467,1471,1475,1476,1474,1477],"class_list":["post-45955","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-field-types","category-formeditor","tag-currency","tag-discount","tag-how-to-use-product-field","tag-order-form","tag-order-options","tag-order-summary","tag-product-service","tag-product-service-field","tag-quantity-selector","tag-stacked-discount","tag-stacked-tax","tag-tax","tag-unit-of-measure"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.2 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Product field - 123FormBuilder Knowledge Base<\/title>\n<meta name=\"description\" content=\"Product field makes it easier than ever for businesses to sell products\/services directly through their 123Formbuilder forms.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/product-field\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Product field\" \/>\n<meta property=\"og:description\" content=\"Product field makes it easier than ever for businesses to sell products\/services directly through their 123Formbuilder forms.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/product-field\/\" \/>\n<meta property=\"og:site_name\" content=\"123FormBuilder Knowledge Base\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-11T10:50:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-26T14:12:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-8-1024x488.png\" \/>\n<meta name=\"author\" content=\"Adriana Muntean\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Adriana Muntean\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Product field - 123FormBuilder Knowledge Base","description":"Product field makes it easier than ever for businesses to sell products\/services directly through their 123Formbuilder forms.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/product-field\/","og_locale":"en_US","og_type":"article","og_title":"Product field","og_description":"Product field makes it easier than ever for businesses to sell products\/services directly through their 123Formbuilder forms.","og_url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/product-field\/","og_site_name":"123FormBuilder Knowledge Base","article_published_time":"2023-04-11T10:50:57+00:00","article_modified_time":"2024-04-26T14:12:18+00:00","og_image":[{"url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-8-1024x488.png","type":"","width":"","height":""}],"author":"Adriana Muntean","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Adriana Muntean","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/product-field\/#article","isPartOf":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/product-field\/"},"author":{"name":"Adriana Muntean","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/#\/schema\/person\/4dcefcf132999728e04a78e4b0482294"},"headline":"Product field","datePublished":"2023-04-11T10:50:57+00:00","dateModified":"2024-04-26T14:12:18+00:00","mainEntityOfPage":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/product-field\/"},"wordCount":958,"commentCount":0,"image":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/product-field\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-8-1024x488.png","keywords":["currency","discount","how to use product field","order form","order options","order summary","product\/service","product\/service field","quantity selector","stacked discount","stacked tax","tax","unit of measure"],"articleSection":["Field Types","Form Editor"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/product-field\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/product-field\/","url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/product-field\/","name":"Product field - 123FormBuilder Knowledge Base","isPartOf":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/product-field\/#primaryimage"},"image":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/product-field\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-8-1024x488.png","datePublished":"2023-04-11T10:50:57+00:00","dateModified":"2024-04-26T14:12:18+00:00","author":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/#\/schema\/person\/4dcefcf132999728e04a78e4b0482294"},"description":"Product field makes it easier than ever for businesses to sell products\/services directly through their 123Formbuilder forms.","breadcrumb":{"@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/product-field\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/product-field\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/product-field\/#primaryimage","url":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-8-1024x488.png","contentUrl":"https:\/\/cdn.marketing123.123formbuilder.com\/wp-content\/uploads\/sites\/3\/2023\/11\/image-8-1024x488.png"},{"@type":"BreadcrumbList","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/product-field\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/"},{"@type":"ListItem","position":2,"name":"Product field"}]},{"@type":"WebSite","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/#website","url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/","name":"123FormBuilder Knowledge Base","description":"Search our documentation platform for answers, service specifications and 3rd-party integrations.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/#\/schema\/person\/4dcefcf132999728e04a78e4b0482294","name":"Adriana Muntean","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/577d902d5caa75f14ef569e8ffc87b97c2c7ddcbcca368be19af03f3ae48840b?s=96&d=https%3A%2F%2Fui-avatars.com%2Fapi%2FAdriana%2BMuntean%2F96%2Ff3f3f3%2Faaa%2F1%2F0.5%2Ffalse%2Ftrue&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/577d902d5caa75f14ef569e8ffc87b97c2c7ddcbcca368be19af03f3ae48840b?s=96&d=https%3A%2F%2Fui-avatars.com%2Fapi%2FAdriana%2BMuntean%2F96%2Ff3f3f3%2Faaa%2F1%2F0.5%2Ffalse%2Ftrue&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/577d902d5caa75f14ef569e8ffc87b97c2c7ddcbcca368be19af03f3ae48840b?s=96&d=https%3A%2F%2Fui-avatars.com%2Fapi%2FAdriana%2BMuntean%2F96%2Ff3f3f3%2Faaa%2F1%2F0.5%2Ffalse%2Ftrue&r=g","caption":"Adriana Muntean"},"url":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/author\/adrianamuntean\/"}]}},"_links":{"self":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts\/45955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/users\/96"}],"replies":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/comments?post=45955"}],"version-history":[{"count":9,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts\/45955\/revisions"}],"predecessor-version":[{"id":48668,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/posts\/45955\/revisions\/48668"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/media?parent=45955"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/categories?post=45955"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/123formbuilder.polarbuildingcleaning.net\/docs\/wp-json\/wp\/v2\/tags?post=45955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}