{"id":65107,"date":"2026-02-20T04:06:11","date_gmt":"2026-02-20T04:06:11","guid":{"rendered":"https:\/\/fluentforms.com\/?p=65107"},"modified":"2026-02-20T04:08:01","modified_gmt":"2026-02-20T04:08:01","slug":"create-wordpress-forms-with-calculation","status":"publish","type":"post","link":"https:\/\/fluentforms.com\/create-wordpress-forms-with-calculation\/","title":{"rendered":"How to Create WordPress Forms with Calculation"},"content":{"rendered":"\n<p>You want to add a calculator to your WordPress website so users can estimate the price for your services. Or maybe you just want a simple tool that helps visitors calculate something useful, like their BMI, mortgage amount, fuel cost, etc.&nbsp;<\/p>\n\n\n\n<p>However, you don\u2019t want to write the code or hire a developer for something so simple. The good news is you don&#8217;t need to.<\/p>\n\n\n\n<p>With <a href=\"https:\/\/fluentforms.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Fluent Forms<\/a>, you can create calculation forms in WordPress without writing a single line of code. Whether you need a basic calculator that adds numbers or an advanced payment form, the process is surprisingly simple.<\/p>\n\n\n\n<p>In this guide, I&#8217;ll walk you through everything you need to know about creating WordPress forms with calculations. All you have to do is create simple mathematical equations, and the form will automatically take care of any complex calculation. <\/p>\n\n\n\n<blockquote class=\"wp-block-quote has-background is-layout-flow wp-block-quote-is-layout-flow\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-color:#0f98d2;border-left-width:6px;background-color:#eef8fd;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<h2 class=\"wp-block-heading\">TL;DR<\/h2>\n\n\n\n<ul style=\"padding-top:var(--wp--preset--spacing--40)\" class=\"wp-block-list\">\n<li style=\"padding-bottom:var(--wp--preset--spacing--20)\">Enable calculations on<strong> Numeric Input<\/strong> or <strong>Custom Payment Amount<\/strong> fields to define expressions that compute values from other fields.<\/li>\n\n\n\n<li style=\"padding-bottom:var(--wp--preset--spacing--20)\">Use field shortcodes with math operators (e.g., {input.length} * {input.width}) to build expressions; use parentheses to control the order of operations.<\/li>\n\n\n\n<li style=\"padding-bottom:var(--wp--preset--spacing--20)\">Repeat Fields can sum columns and count rows for averages or totals across variable inputs.<\/li>\n\n\n\n<li style=\"padding-bottom:var(--wp--preset--spacing--20)\">For payment forms, Fluent Forms can calculate totals automatically (Payment Items + Item Quantity) or with manual set-ups (Custom Payment Amount with expressions).<\/li>\n\n\n\n<li style=\"padding-bottom:var(--wp--preset--spacing--20)\">Hide intermediate calculation fields with ff-hidden, then display styled results via HTML fields.<\/li>\n<\/ul>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Fluent Forms calculation features<\/h2>\n\n\n\n<p>Before we proceed to create calculator forms, let&#8217;s understand how calculations work in Fluent Forms. The plugin provides a <a href=\"https:\/\/fluentforms.com\/numeric-calculation\/\" target=\"_blank\" rel=\"noreferrer noopener\">built-in calculation engine<\/a> that performs real-time math operations based on your calculation expression &amp; the variables (user inputs).<\/p>\n\n\n\n<p><strong>Here are the input fields you can use to create mathematical expressions and display the result:<\/strong>&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Numeric Field:<\/strong> Used for creating regular calculators, like quote estimates, area of a polygon, health calculators, etc.<\/li>\n\n\n\n<li><strong>Custom Payment Amount:<\/strong> Works the same way as a numeric field, but you can accept the calculated value as <a href=\"https:\/\/fluentforms.com\/payment\/\" target=\"_blank\" rel=\"noreferrer noopener\">payment<\/a> using payment gateways. However, simple payment calculations are automatic; you don\u2019t need an equation. This is useful for calculating custom payments, like tips, VAT, etc.<\/li>\n<\/ul>\n\n\n\n<p>Now, let\u2019s get acquainted with the fields that you can use in a calculation. Use these to collect user inputs that the form will factor into the calculation.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Numeric Input Field<\/li>\n\n\n\n<li>Range Slider<\/li>\n\n\n\n<li>Payment Item<\/li>\n\n\n\n<li>Item Quantity<\/li>\n\n\n\n<li>Custom Payment Amount<\/li>\n\n\n\n<li>Radio, Checkbox, Dropdown, &amp; Multiple Choice (You have to assign a numeric value to each option using the Calc Value box. This value will be used in the calculation)<\/li>\n\n\n\n<li>Repeat Field (limited capabilities)&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><strong>So, how do the calculations work?<\/strong>&nbsp;<\/p>\n\n\n\n<p>Well, the mechanism is very simple. You enable calculation on a numeric field for regular calculators or a custom payment amount field for payment calculation.&nbsp;<\/p>\n\n\n\n<p>Then you create an expression using other fields\u2019 shortcodes (for dynamic value), mathematical symbols, and parentheses (to set the order of calculation). Input field shortcodes can be selected using the clipboard icon attached to the calculation expression box.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"624\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/how-to-create-a-calculation-expression-in-Fluent-Forms-1024x624.webp\" alt=\"how to create a calculation expression in Fluent Forms\" class=\"wp-image-65108\" style=\"width:642px;height:auto\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/how-to-create-a-calculation-expression-in-Fluent-Forms-1024x624.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/how-to-create-a-calculation-expression-in-Fluent-Forms-300x183.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/how-to-create-a-calculation-expression-in-Fluent-Forms-768x468.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/how-to-create-a-calculation-expression-in-Fluent-Forms-1536x936.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/how-to-create-a-calculation-expression-in-Fluent-Forms-2048x1248.webp 2048w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/how-to-create-a-calculation-expression-in-Fluent-Forms-360x219.webp 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>For example, if you have two numeric fields for length and width, you can add a third numeric field that multiplies them to show the area. The calculation happens in real time as users fill out the form. The calculation expression looks like: {input.numeric_field} * {input.numeric_field_1}<\/p>\n\n\n\n<p>So which operations do Fluent Forms support? Well, the list is in a table below. Remember, this list isn\u2019t applicable to repeat fields.<\/p>\n\n\n<style>.kb-block-show-more-container65107_474a7e-a8{margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:var(--global-kb-spacing-sm, 1.5rem);margin-bottom:var(--global-kb-spacing-sm, 1.5rem);margin-left:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:0px;}.kb-block-show-more-container65107_474a7e-a8 > .kb-show-more-sr-excerpt{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;}.kb-block-show-more-container65107_474a7e-a8 > .wp-block-kadence-advancedbtn{margin-top:1em;}.kb-block-show-more-container65107_474a7e-a8 > .wp-block-kadence-advancedbtn .kt-btn-wrap:nth-child(2), .kb-block-show-more-container65107_474a7e-a8 > .wp-block-kadence-advancedbtn .wp-block-kadence-singlebtn:nth-of-type(2){display:none;}.kb-block-show-more-container65107_474a7e-a8 > .wp-block-kadence-column{max-height:300px;overflow-y:hidden;-webkit-mask-image:linear-gradient(to bottom, black 50%, transparent 100%);mask-image:linear-gradient(to bottom, black 50%, transparent 100%);}.kb-block-show-more-container65107_474a7e-a8.kb-smc-open > .wp-block-kadence-column{max-height:none;-webkit-mask-image:none;mask-image:none;overflow-y:unset;}.kb-block-show-more-container65107_474a7e-a8.kb-smc-open > .wp-block-kadence-advancedbtn .kt-btn-wrap:nth-child(1), .kb-block-show-more-container65107_474a7e-a8.kb-smc-open > .wp-block-kadence-advancedbtn .wp-block-kadence-singlebtn:nth-of-type(1){display:none;}.kb-block-show-more-container65107_474a7e-a8.kb-smc-open > .wp-block-kadence-advancedbtn .kt-btn-wrap:nth-child(2), .kb-block-show-more-container65107_474a7e-a8.kb-smc-open > .wp-block-kadence-advancedbtn .wp-block-kadence-singlebtn:nth-of-type(2){display:inline-flex;}.kb-block-show-more-container65107_474a7e-a8.kb-smc-open > .wp-block-kadence-advancedbtn.kt-force-btn-fullwidth .kt-btn-wrap:nth-child(2){display:block;}<\/style>\n<div class=\"wp-block-kadence-show-more kb-block-show-more-container kb-block-show-more-container65107_474a7e-a8\"><div class=\"kb-show-more-sr-excerpt\" aria-live=\"polite\" aria-atomic=\"true\"><\/div><style>.kadence-column65107_33f286-2f > .kt-inside-inner-col{padding-bottom:var(--global-kb-spacing-sm, 1.5rem);}.kadence-column65107_33f286-2f > .kt-inside-inner-col,.kadence-column65107_33f286-2f > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column65107_33f286-2f > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column65107_33f286-2f > .kt-inside-inner-col{flex-direction:column;}.kadence-column65107_33f286-2f > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column65107_33f286-2f > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column65107_33f286-2f{position:relative;}@media all and (max-width: 1024px){.kadence-column65107_33f286-2f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column65107_33f286-2f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column65107_33f286-2f kb-show-more-content\"><div class=\"kt-inside-inner-col\">\n<figure style=\"padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\" class=\"wp-block-table\"><table class=\"has-border-color\" style=\"border-color:#c7e3f1;border-width:1px\"><thead><tr><th>Symbol<\/th><th>Explanation<\/th><\/tr><\/thead><tbody><tr><td>+<\/td><td>Addition Operator eg. 2+3 results 5<\/td><\/tr><tr><td>\u2013<\/td><td>Subtraction Operator eg. 2-3 results -1<\/td><\/tr><tr><td>\/<\/td><td>Division operator eg 3\/2 results in 1.5<\/td><\/tr><tr><td>*<\/td><td>Multiplication Operator eg. 2*3 results 6<\/td><\/tr><tr><td>Mod<\/td><td>Modulus Operator eg. 3 Mod 2 results 1<\/td><\/tr><tr><td>(<\/td><td>Opening Parenthesis<\/td><\/tr><tr><td>)<\/td><td>Closing Parenthesis<\/td><\/tr><tr><td>Sigma<\/td><td>Summation eg. Sigma(1,100,n) results 5050<\/td><\/tr><tr><td>Pi<\/td><td>Product eg. Pi(1,10,n) results 3628800<\/td><\/tr><tr><td>n<\/td><td>Variable for Summation or Product<\/td><\/tr><tr><td>pi<\/td><td>Math constant pi returns 3.14<\/td><\/tr><tr><td>e<\/td><td>Math constant e returns 2.71<\/td><\/tr><tr><td>C<\/td><td>Combination operator eg. 4C2 returns 6<\/td><\/tr><tr><td>P<\/td><td>Permutation operator eg. 4P2 returns 12<\/td><\/tr><tr><td>!<\/td><td>factorial operator eg. 4! returns 24<\/td><\/tr><tr><td>log<\/td><td>logarithmic function with base 10 eg. log 1000 returns 3<\/td><\/tr><tr><td>ln<\/td><td>natural log function with base e eg. ln 2 returns .3010<\/td><\/tr><tr><td>pow<\/td><td>power function with two operator pow(2,3) returns 8<\/td><\/tr><tr><td>^<\/td><td>power operator eg. 2^3 returns 8<\/td><\/tr><tr><td>root<\/td><td>underroot function root 4 returns 2<\/td><\/tr><tr><td>sin<\/td><td>Sine function<\/td><\/tr><tr><td>cos<\/td><td>Cosine function<\/td><\/tr><tr><td>tan<\/td><td>Tangent function<\/td><\/tr><tr><td>asin<\/td><td>Inverse Sine function<\/td><\/tr><tr><td>acos<\/td><td>Inverse Cosine funtion<\/td><\/tr><tr><td>atan<\/td><td>Inverse Tangent funtion<\/td><\/tr><tr><td>sinh<\/td><td>Hyperbolic Sine function<\/td><\/tr><tr><td>cosh<\/td><td>Hyperbolic Cosine function<\/td><\/tr><tr><td>tanh<\/td><td>Hyperbolic Tangent function<\/td><\/tr><tr><td>asinh<\/td><td>Inverse Hyperbolic Sine function<\/td><\/tr><tr><td>acosh<\/td><td>Inverse Hyperbolic Cosine function<\/td><\/tr><tr><td>atanh<\/td><td>Inverse Hyperbolic Tangent function<\/td><\/tr><tr><td>round<\/td><td>Make a number a decimal\/integer.Use case: round(3.235723663, 2) = 3.24and round(3.235723663, 0) = 3<\/td><\/tr><tr><td>ceil<\/td><td>Use case: ceil(3.235723663) = 4<\/td><\/tr><tr><td>floor<\/td><td>Use case: floor(3.235723663) = 3<\/td><\/tr><tr><td>max<\/td><td>Use case: max(10, 15) = 15<\/td><\/tr><tr><td>min<\/td><td>Use case: min(10, 15) = 10<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div><\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btnsbutton-one-1{gap:var(--global-kb-gap-xs, 0.5rem );flex-direction:row;justify-content:center;align-items:center;}.kt-btnsbutton-one-1 .kt-button{font-weight:normal;font-style:normal;}.kt-btnsbutton-one-1 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btnsbutton-one-1 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btnsbutton-one-1 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btnsbutton-one-1 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btnsbutton-one-1 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btnsbutton-one-1 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btnsbutton-one-1 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btnsbutton-one-1 kb-show-more-buttons\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn65107_d90dbb-16.kb-button{width:initial;}<\/style><button class=\"kb-button kt-button button kb-btn65107_d90dbb-16 kt-btn-size-small kt-btn-width-type-auto kb-btn-global-fill  kt-btn-has-text-true kt-btn-has-svg-false  wp-block-kadence-singlebtn\"><span class=\"kt-btn-inner-text\">Show More<\/span><\/button>\n\n<style>ul.menu .wp-block-kadence-advancedbtn .kb-btn65107_3a8e56-bf.kb-button{width:initial;}<\/style><button class=\"kb-button kt-button button kb-btn65107_3a8e56-bf kt-btn-size-small kt-btn-width-type-auto kb-btn-global-fill  kt-btn-has-text-true kt-btn-has-svg-false  wp-block-kadence-singlebtn\"><span class=\"kt-btn-inner-text\">Show Less<\/span><\/button><\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Sometimes, you need to calculate values for admin use only. Or you might break the equation into multiple steps, but only want to show the final result. How do you hide a field in that case? Simply write <strong>&#8220;ff-hidden&#8221;<\/strong> in the field&#8217;s <strong>Container Class<\/strong> under Advanced Options. The field will still work behind the scenes, but it won&#8217;t be visible to the users.&nbsp;<\/p>\n\n\n\n<p>You can also hide a numeric field and display the result via an HTML field for styling flexibility. HTML fields support dynamic value insertion. For example, {dynamic.numeric_field_2}, where numeric_field_2 is the name attribute of the calculation field (you\u2019ll find this in the advanced options of a field). <\/p>\n\n\n\n<p>Displaying this way lets you customize the text &amp; background color, typography, and overall presentation of your result (without writing HTML code).<\/p>\n\n\n\n<p>Now that you have an overview of how calculations work for Fluent Forms, let me walk you step-by-step through how you can create different <a href=\"https:\/\/fluentforms.com\/calculators\/\" target=\"_blank\" rel=\"noreferrer noopener\">calculator forms<\/a> in WordPress.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to create WordPress forms with calculation<\/h2>\n\n\n\n<p>Here, I\u2019ll walk you through how to create <a href=\"https:\/\/fluentforms.com\/numeric-calculation\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress forms with calculations<\/a> using Fluent Forms. But first things first. If you don\u2019t have Fluent Forms installed already, follow these steps:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your WordPress dashboard.<\/li>\n\n\n\n<li>Find the \u201cPlugins\u201d option on the left menu bar.<\/li>\n\n\n\n<li>Select \u201cAdd New.\u201d<\/li>\n\n\n\n<li>Search for the \u201cFluent Forms\u201d plugin.&nbsp;<\/li>\n\n\n\n<li>Click \u201cInstall.\u201d<\/li>\n\n\n\n<li>Activate the plugin when installation is complete.<\/li>\n<\/ul>\n\n\n\n<p>Once the plugin is activated, you need to <a href=\"https:\/\/fluentforms.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">upgrade to Fluent Forms Pro<\/a> since numeric calculation is a pro feature of Fluent Forms (however, automated payment calculation is <a href=\"https:\/\/fluentforms.com\/free-version\/\" target=\"_blank\" rel=\"noreferrer noopener\">available in the free version<\/a>).&nbsp;<\/p>\n\n\n\n<p>Now, let&#8217;s build some <a href=\"https:\/\/fluentforms.com\/calculators\/\" target=\"_blank\" rel=\"noreferrer noopener\">calculator forms<\/a>. In this section, I\u2019ll show you how to create regular calculators (no payment involved), then move on to payment calculation forms in the next section.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Regular numeric calculation<\/h3>\n\n\n\n<p>Let\u2019s start with a <a href=\"https:\/\/fluentforms.com\/calculators\/freight-quote-calculator\/\" target=\"_blank\" rel=\"noreferrer noopener\">freight quote calculator<\/a>. This type of form takes multiple inputs like distance, weight, and delivery preferences, then determines an estimated shipping cost.&nbsp;<\/p>\n\n\n\n<p><strong>Step 1: Create a new form<\/strong><\/p>\n\n\n\n<p>Go to Fluent Forms \u2192 New Form \u2192 New Blank Form. Give your form a name like &#8220;Freight Quote Calculator.&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"545\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2025\/07\/create-a-new-form-Fluent-Forms-2-1024x545.webp\" alt=\"create a new form in Fluent Forms\" class=\"wp-image-58579\" style=\"aspect-ratio:1.8789463100744017;width:697px;height:auto\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2025\/07\/create-a-new-form-Fluent-Forms-2-1024x545.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2025\/07\/create-a-new-form-Fluent-Forms-2-300x160.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2025\/07\/create-a-new-form-Fluent-Forms-2-768x409.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2025\/07\/create-a-new-form-Fluent-Forms-2-360x192.webp 360w, https:\/\/fluentforms.com\/wp-content\/uploads\/2025\/07\/create-a-new-form-Fluent-Forms-2.webp 1346w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 2: Add your input fields<\/strong><\/p>\n\n\n\n<p>Inside the form editor tab, you\u2019ll find the input fields on the right. For our freight calculator, we need:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"624\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/add-fields-to-freight-quote-calculator-1024x624.webp\" alt=\"add fields to freight quote calculator\" class=\"wp-image-65113\" style=\"width:697px;height:auto\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/add-fields-to-freight-quote-calculator-1024x624.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/add-fields-to-freight-quote-calculator-300x183.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/add-fields-to-freight-quote-calculator-768x468.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/add-fields-to-freight-quote-calculator-1536x936.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/add-fields-to-freight-quote-calculator-2048x1248.webp 2048w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/add-fields-to-freight-quote-calculator-360x219.webp 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A numeric field for Estimated Mileage<\/li>\n\n\n\n<li>A numeric field for Shipment Weight (lbs)<\/li>\n\n\n\n<li>A numeric field for Number of Pallets<\/li>\n\n\n\n<li>A radio field for Delivery Type (Standard, Express, Overnight)<\/li>\n\n\n\n<li>A checkbox field for Additional Services (Liftgate Service, Residential Delivery)<\/li>\n<\/ul>\n\n\n\n<p>For the radio and checkbox fields, you&#8217;ll need to enable Calc Values. Click the field, add options, and check the &#8220;Calc Value&#8221; box. Then assign a numeric value to each option.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"579\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/freight-quote-calculator-service-speed-in-radio-field-1024x579.webp\" alt=\"freight quote calculator service speed in radio field\" class=\"wp-image-65114\" style=\"aspect-ratio:1.76862507571169;width:713px;height:auto\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/freight-quote-calculator-service-speed-in-radio-field-1024x579.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/freight-quote-calculator-service-speed-in-radio-field-300x170.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/freight-quote-calculator-service-speed-in-radio-field-768x434.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/freight-quote-calculator-service-speed-in-radio-field-1536x868.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/freight-quote-calculator-service-speed-in-radio-field-2048x1158.webp 2048w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/freight-quote-calculator-service-speed-in-radio-field-360x204.webp 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>For example, in the radio field (delivery types), express delivery adds a 20% extra charge, and overnight delivery costs double. So the calc values will look like this:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Standard Delivery: 1<\/li>\n\n\n\n<li>Express Delivery: 1.2<\/li>\n\n\n\n<li>Overnight Delivery: 2<\/li>\n<\/ul>\n\n\n\n<p>The product of distance and weight will be multiplied by this value in our calculation.&nbsp;<\/p>\n\n\n\n<p>The additional services charge will be added to the total cost. So the calc values might look like this:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"578\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/add-calc-values-to-radio-and-checkbox-fields-to-calculate-them-1024x578.webp\" alt=\"add calc values to radio and checkbox fields to calculate them\" class=\"wp-image-65115\" style=\"aspect-ratio:1.7716430927913238;width:712px;height:auto\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/add-calc-values-to-radio-and-checkbox-fields-to-calculate-them-1024x578.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/add-calc-values-to-radio-and-checkbox-fields-to-calculate-them-300x169.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/add-calc-values-to-radio-and-checkbox-fields-to-calculate-them-768x434.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/add-calc-values-to-radio-and-checkbox-fields-to-calculate-them-1536x867.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/add-calc-values-to-radio-and-checkbox-fields-to-calculate-them-2048x1157.webp 2048w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/add-calc-values-to-radio-and-checkbox-fields-to-calculate-them-360x203.webp 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Liftgate Service Required: 75<\/li>\n\n\n\n<li>Residential Delivery (Curbside): 50<\/li>\n\n\n\n<li>Residential Delivery (Inside): 80<\/li>\n\n\n\n<li>Hazardous Materials: 150, etc.<\/li>\n<\/ul>\n\n\n\n<p>Now that we&#8217;ve added the necessary fields to collect user inputs, let\u2019s move on to the calculation part.<\/p>\n\n\n\n<p><strong>Step 3: Add the calculation field<\/strong><\/p>\n\n\n\n<p>Add another numeric field, go to input customization, and label it &#8220;Estimated Shipping Cost.&#8221; Scroll down to Advanced Options and check \u201cEnable Calculation\u201d under the calculation field settings. <\/p>\n\n\n\n<p>Now write your calculation expression using the input fields\u2019 values, symbols, and parentheses. Click the clipboard icon to get input values (it\u2019ll show the element label of computable fields).<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"394\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/creating-calculation-expression-for-freight-quote-calculator-1024x394.webp\" alt=\"creating calculation expression for freight quote calculator\" class=\"wp-image-65117\" style=\"aspect-ratio:2.599020916777926;width:699px;height:auto\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/creating-calculation-expression-for-freight-quote-calculator-1024x394.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/creating-calculation-expression-for-freight-quote-calculator-300x115.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/creating-calculation-expression-for-freight-quote-calculator-768x295.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/creating-calculation-expression-for-freight-quote-calculator-1536x591.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/creating-calculation-expression-for-freight-quote-calculator-2048x787.webp 2048w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/creating-calculation-expression-for-freight-quote-calculator-360x138.webp 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Your formula may look like this: ( ( ( Estimated Distance * 2 ) + ( Total Weight * .15 ) + ( Number of Pallets * 25 ) ) * Delivery Type ) + Additional Services. The labels will be automatically replaced by respective field shortcodes. Here\u2019s the formula breakdown:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>{input.numeric_field} * 2 &#8211; Mileage multiplied by $2 per mile<\/li>\n\n\n\n<li>{input.numeric_field_1} * 0.15 &#8211; Weight multiplied by $0.15 per lb<\/li>\n\n\n\n<li>{input.numeric_field_2} * 25 &#8211; Pallets multiplied by $25 each<\/li>\n\n\n\n<li>{radio.input_radio} &#8211; Delivery type multiplier<\/li>\n\n\n\n<li>{checkbox.checkbox} &#8211; Additional service charges<\/li>\n<\/ul>\n\n\n\n<p>The expression combines these values to produce a final quote.&nbsp;<\/p>\n\n\n\n<p><strong>Step 4: Save &amp; test<\/strong><\/p>\n\n\n\n<p>Click Save Form, then Preview. Enter some test values and watch the estimated cost calculate in real time.<\/p>\n\n\n<style>.kadence-column65107_aac5ce-a6 > .kt-inside-inner-col{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kadence-column65107_aac5ce-a6 > .kt-inside-inner-col,.kadence-column65107_aac5ce-a6 > .kt-inside-inner-col:before{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.kadence-column65107_aac5ce-a6 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column65107_aac5ce-a6 > .kt-inside-inner-col{flex-direction:column;}.kadence-column65107_aac5ce-a6 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column65107_aac5ce-a6 > .kt-inside-inner-col{background-color:#f0f6fa;}.kadence-column65107_aac5ce-a6 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column65107_aac5ce-a6{position:relative;}.kadence-column65107_aac5ce-a6, .kt-inside-inner-col > .kadence-column65107_aac5ce-a6:not(.specificity){margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:var(--global-kb-spacing-sm, 1.5rem);margin-bottom:var(--global-kb-spacing-sm, 1.5rem);margin-left:var(--global-kb-spacing-sm, 1.5rem);}@media all and (max-width: 1024px){.kadence-column65107_aac5ce-a6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column65107_aac5ce-a6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column65107_aac5ce-a6\"><div class=\"kt-inside-inner-col\"><div class='fluentform ff-default fluentform_wrapper_507 ffs_custom_wrap'><form data-form_id=\"507\" id=\"fluentform_507\" class=\"frm-fluent-form fluent_form_507 ff-el-form-top ff_form_instance_507_1 ff-form-loading ff_has_dynamic_smartcode ff_calc_form ffs_custom\" data-form_instance=\"ff_form_instance_507_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">freight quote calculator<\/legend>        <div\n                style=\"display: none!important; position: absolute!important; transform: translateX(1000%)!important;\"\n                class=\"ff-el-group ff-hpsf-container\"\n        >\n            <div class=\"ff-el-input--label asterisk-right\">\n                <label for=\"ff_507_item_sf\" aria-label=\"Notify\">\n                    Notify                <\/label>\n            <\/div>\n            <div class=\"ff-el-input--content\">\n                <input type=\"text\"\n                       name=\"item_507__fluent_sf\"\n                       class=\"ff-el-form-control\"\n                       id=\"ff_507_item_sf\"\n                \/>\n            <\/div>\n        <\/div>\n        <input type='hidden' name='__fluent_form_embded_post_id' value='65107' \/><input type=\"hidden\" id=\"_fluentform_507_fluentformnonce\" name=\"_fluentform_507_fluentformnonce\" value=\"668e312e38\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/wp-json\/wp\/v2\/posts\/65107\" \/><div class=\"ff-el-group ff-el-section-break  ff_left\" data-name=\"section_break-507_1\" ><h3 class='ff-el-section-title'><\/h3><div class='ff-section_break_desk'><h4 style=\"text-align: center\">Route &amp; Distance<\/h4><\/div><hr \/><\/div><div class=\"ff-name-address-wrapper fluent-address\" data-type=\"address-element\" data-name=\"address_1\" ><div class='ff-el-input--content'><div class='ff-t-container'><div class='ff-t-cell'><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_507_address_1_zip_' id='label_ff_507_address_1_zip_' aria-label=\"Origin Zip Code\">Origin Zip Code<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"address_1[zip]\" id=\"ff_507_address_1_zip_\" class=\"ff-el-form-control\" placeholder=\"Zip\" data-key_name=\"zip\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"ff-name-address-wrapper fluent-address\" data-type=\"address-element\" data-name=\"address_2\" ><div class='ff-el-input--content'><div class='ff-t-container'><div class='ff-t-cell'><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_507_address_2_zip_' id='label_ff_507_address_2_zip_' aria-label=\"Destination Zip Code\">Destination Zip Code<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"address_2[zip]\" id=\"ff_507_address_2_zip_\" class=\"ff-el-form-control\" placeholder=\"Zip\" data-key_name=\"zip\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_507_numeric_field' id='label_ff_507_numeric_field' aria-label=\"Estimated Distance (Miles)\">Estimated Distance (Miles)<\/label><div class=\"ff-el-tooltip\" data-content=\"each mile costs $2\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 25 25\"><path d=\"m329 393l0-46c0-2-1-4-2-6-2-2-4-3-7-3l-27 0 0-146c0-3-1-5-3-7-2-1-4-2-7-2l-91 0c-3 0-5 1-7 2-1 2-2 4-2 7l0 46c0 2 1 5 2 6 2 2 4 3 7 3l27 0 0 91-27 0c-3 0-5 1-7 3-1 2-2 4-2 6l0 46c0 3 1 5 2 7 2 1 4 2 7 2l128 0c3 0 5-1 7-2 1-2 2-4 2-7z m-36-256l0-46c0-2-1-4-3-6-2-2-4-3-7-3l-54 0c-3 0-5 1-7 3-2 2-3 4-3 6l0 46c0 3 1 5 3 7 2 1 4 2 7 2l54 0c3 0 5-1 7-2 2-2 3-4 3-7z m182 119c0 40-9 77-29 110-20 34-46 60-80 80-33 20-70 29-110 29-40 0-77-9-110-29-34-20-60-46-80-80-20-33-29-70-29-110 0-40 9-77 29-110 20-34 46-60 80-80 33-20 70-29 110-29 40 0 77 9 110 29 34 20 60 46 80 80 20 33 29 70 29 110z\" transform=\"scale(0.046875 0.046875)\"><\/path><\/svg><\/div><\/div><div class='ff-el-input--content'><div class=\"ff_input-group\"><input type=\"number\" name=\"numeric_field\" id=\"ff_507_numeric_field\" class=\"ff-el-form-control\" placeholder=\"Please check Google Maps for estimated mileage.\" data-name=\"numeric_field\" inputmode=\"numeric\" step=\"any\"  aria-invalid=\"false\" aria-required=false><div class=\"ff_input-group-append\"><span class=\"ff_input-group-text\">Miles<\/span><\/div><\/div><\/div><\/div><div class=\"ff-el-group ff-el-section-break  ff_left\" data-name=\"section_break-507_2\" ><h3 class='ff-el-section-title'><\/h3><div class='ff-section_break_desk'><h4 style=\"text-align: center\">Shipment Details<\/h4><\/div><hr \/><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_507_numeric_field_1' id='label_ff_507_numeric_field_1' aria-label=\"Total Weight (lbs)\">Total Weight (lbs)<\/label><div class=\"ff-el-tooltip\" data-content=\"each lb costs $0.15\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 25 25\"><path d=\"m329 393l0-46c0-2-1-4-2-6-2-2-4-3-7-3l-27 0 0-146c0-3-1-5-3-7-2-1-4-2-7-2l-91 0c-3 0-5 1-7 2-1 2-2 4-2 7l0 46c0 2 1 5 2 6 2 2 4 3 7 3l27 0 0 91-27 0c-3 0-5 1-7 3-1 2-2 4-2 6l0 46c0 3 1 5 2 7 2 1 4 2 7 2l128 0c3 0 5-1 7-2 1-2 2-4 2-7z m-36-256l0-46c0-2-1-4-3-6-2-2-4-3-7-3l-54 0c-3 0-5 1-7 3-2 2-3 4-3 6l0 46c0 3 1 5 3 7 2 1 4 2 7 2l54 0c3 0 5-1 7-2 2-2 3-4 3-7z m182 119c0 40-9 77-29 110-20 34-46 60-80 80-33 20-70 29-110 29-40 0-77-9-110-29-34-20-60-46-80-80-20-33-29-70-29-110 0-40 9-77 29-110 20-34 46-60 80-80 33-20 70-29 110-29 40 0 77 9 110 29 34 20 60 46 80 80 20 33 29 70 29 110z\" transform=\"scale(0.046875 0.046875)\"><\/path><\/svg><\/div><\/div><div class='ff-el-input--content'><div class=\"ff_input-group\"><input type=\"number\" name=\"numeric_field_1\" id=\"ff_507_numeric_field_1\" class=\"ff-el-form-control\" data-name=\"numeric_field_1\" inputmode=\"numeric\" step=\"any\"  aria-invalid=\"false\" aria-required=false><div class=\"ff_input-group-append\"><span class=\"ff_input-group-text\">lbs<\/span><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_507_numeric_field_2' id='label_ff_507_numeric_field_2' aria-label=\"Number of Pallets\">Number of Pallets<\/label><div class=\"ff-el-tooltip\" data-content=\"each pallet costs $25\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 25 25\"><path d=\"m329 393l0-46c0-2-1-4-2-6-2-2-4-3-7-3l-27 0 0-146c0-3-1-5-3-7-2-1-4-2-7-2l-91 0c-3 0-5 1-7 2-1 2-2 4-2 7l0 46c0 2 1 5 2 6 2 2 4 3 7 3l27 0 0 91-27 0c-3 0-5 1-7 3-1 2-2 4-2 6l0 46c0 3 1 5 2 7 2 1 4 2 7 2l128 0c3 0 5-1 7-2 1-2 2-4 2-7z m-36-256l0-46c0-2-1-4-3-6-2-2-4-3-7-3l-54 0c-3 0-5 1-7 3-2 2-3 4-3 6l0 46c0 3 1 5 3 7 2 1 4 2 7 2l54 0c3 0 5-1 7-2 2-2 3-4 3-7z m182 119c0 40-9 77-29 110-20 34-46 60-80 80-33 20-70 29-110 29-40 0-77-9-110-29-34-20-60-46-80-80-20-33-29-70-29-110 0-40 9-77 29-110 20-34 46-60 80-80 33-20 70-29 110-29 40 0 77 9 110 29 34 20 60 46 80 80 20 33 29 70 29 110z\" transform=\"scale(0.046875 0.046875)\"><\/path><\/svg><\/div><\/div><div class='ff-el-input--content'><input type=\"number\" name=\"numeric_field_2\" id=\"ff_507_numeric_field_2\" class=\"ff-el-form-control\" data-name=\"numeric_field_2\" inputmode=\"numeric\" step=\"any\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class=\"ff-el-group ff-el-section-break  ff_left\" data-name=\"section_break-507_3\" ><h3 class='ff-el-section-title'><\/h3><div class='ff-section_break_desk'><h4 style=\"text-align: center\">Service Details<\/h4><\/div><hr \/><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label   aria-label=\"Service Speed\">Service Speed<\/label><\/div><div class='ff-el-input--content'><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_6059b794b93e1a3524f55e66922bcd7b'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Standard\" data-calc_value=\"1\"  id='input_radio_6059b794b93e1a3524f55e66922bcd7b' aria-label='Standard' aria-invalid='false' aria-required=false> <span>Standard<\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_dca9b16a59bcb8b649979c6af294bde2'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Expedited (costs 20% extra)\" data-calc_value=\"1.2\"  id='input_radio_dca9b16a59bcb8b649979c6af294bde2' aria-label='Expedited (costs 20% extra)' aria-invalid='false' aria-required=false> <span>Expedited (costs 20% extra)<\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_9c4402a6b93c7df81b5935f7dd543750'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Overnight (costs double)\" data-calc_value=\"2\"  id='input_radio_9c4402a6b93c7df81b5935f7dd543750' aria-label='Overnight (costs double)' aria-invalid='false' aria-required=false> <span>Overnight (costs double)<\/span><\/label><\/div><\/div><\/div><div class=\"ff-el-group ff-el-section-break  ff_left\" data-name=\"section_break-507_4\" ><h3 class='ff-el-section-title'><\/h3><div class='ff-section_break_desk'><h4 style=\"text-align: center\">Accessorials<\/h4><\/div><hr \/><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label   aria-label=\"Additional Services\">Additional Services<\/label><\/div><div class='ff-el-input--content'><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='checkbox_28770c5663a54c30453d35d6ab1f16ff'><input  type=\"checkbox\" name=\"checkbox[]\" data-name=\"checkbox\" class=\"ff-el-form-check-input ff-el-form-check-checkbox\" value=\"Liftgate Service Required $75\" data-calc_value=\"75\"  id='checkbox_28770c5663a54c30453d35d6ab1f16ff' aria-label='Liftgate Service Required $75' aria-invalid='false' aria-required=false> <span>Liftgate Service Required $75<\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='checkbox_6a5b809d218a7b3f4b0e712aa996aa39'><input  type=\"checkbox\" name=\"checkbox[]\" data-name=\"checkbox\" class=\"ff-el-form-check-input ff-el-form-check-checkbox\" value=\"Residential Delivery (Curbside) $50\" data-calc_value=\"50\"  id='checkbox_6a5b809d218a7b3f4b0e712aa996aa39' aria-label='Residential Delivery (Curbside) $50' aria-invalid='false' aria-required=false> <span>Residential Delivery (Curbside) $50<\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='checkbox_4b01a596d1ff4eae67183c5e7859712e'><input  type=\"checkbox\" name=\"checkbox[]\" data-name=\"checkbox\" class=\"ff-el-form-check-input ff-el-form-check-checkbox\" value=\"Residential Delivery (Inside) $80 \" data-calc_value=\"80\"  id='checkbox_4b01a596d1ff4eae67183c5e7859712e' aria-label='Residential Delivery (Inside) $80' aria-invalid='false' aria-required=false> <span>Residential Delivery (Inside) $80 <\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='checkbox_c8c0037eb324ce695f97b4736c6ce25f'><input  type=\"checkbox\" name=\"checkbox[]\" data-name=\"checkbox\" class=\"ff-el-form-check-input ff-el-form-check-checkbox\" value=\"Hazardous Materials $150\" data-calc_value=\"150\"  id='checkbox_c8c0037eb324ce695f97b4736c6ce25f' aria-label='Hazardous Materials $150' aria-invalid='false' aria-required=false> <span>Hazardous Materials $150<\/span><\/label><\/div><\/div><\/div><div class='ff-el-group ff-hidden'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_507_numeric_field_3' id='label_ff_507_numeric_field_3' aria-label=\"Freight Cost Estimation\">Freight Cost Estimation<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"numeric_field_3\" id=\"ff_507_numeric_field_3\" class=\"ff-el-form-control  ff_has_formula\" data-name=\"numeric_field_3\" data-calculation_formula=\"( ( ( {input.numeric_field} * 2 ) + ( {input.numeric_field_1} * .15 ) + ( {input.numeric_field_2} * 25 ) ) * {radio.input_radio} ) + {checkbox.checkbox}\" readonly=\"1\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group  ff-custom_html' tabindex='-1' data-name=\"custom_html-507_5\" ><h4 style=\"text-align: center\">Freight Quote: <span style=\"color: #008bfc\">$<span class=\"ff_dynamic_value\" data-ref=\"numeric_field_3\" data-fallback=\"\"><\/span><\/span><\/h4><\/div><div class='ff-el-group ff-text-left ff-hidden ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\"  aria-label=\"Submit Form\">Submit Form<\/button><\/div><\/fieldset><\/form><div id='fluentform_507_errors' class='ff-errors-in-stack ff_form_instance_507_1 ff-form-loading_errors ff_form_instance_507_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_507_1 = {\"id\":\"507\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_507_1\",\"form_id_selector\":\"fluentform_507\",\"rules\":{\"address_1[address_line_1]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"address_1[address_line_2]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"address_1[city]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"address_1[state]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"address_1[zip]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"address_1[country]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"address_2[address_line_1]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"address_2[address_line_2]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"address_2[city]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"address_2[state]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"address_2[zip]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"address_2[country]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"numeric_field\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"numeric\":{\"value\":true,\"message\":\"This field must contain numeric value\",\"global_message\":\"This field must contain numeric value\",\"global\":true},\"min\":{\"value\":\"\",\"message\":\"Validation fails for minimum value\",\"global_message\":\"Validation fails for minimum value\",\"global\":true},\"max\":{\"value\":\"\",\"message\":\"Validation fails for maximum value\",\"global_message\":\"Validation fails for maximum value\",\"global\":true},\"digits\":{\"value\":\"\",\"message\":\"Validation fails for limited digits\",\"global_message\":\"Validation fails for limited digits\",\"global\":true}},\"numeric_field_1\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"numeric\":{\"value\":true,\"message\":\"This field must contain numeric value\",\"global_message\":\"This field must contain numeric value\",\"global\":true},\"min\":{\"value\":\"\",\"message\":\"Validation fails for minimum value\",\"global_message\":\"Validation fails for minimum value\",\"global\":true},\"max\":{\"value\":\"\",\"message\":\"Validation fails for maximum value\",\"global_message\":\"Validation fails for maximum value\",\"global\":true},\"digits\":{\"value\":\"\",\"message\":\"Validation fails for limited digits\",\"global_message\":\"Validation fails for limited digits\",\"global\":true}},\"numeric_field_2\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"numeric\":{\"value\":true,\"message\":\"This field must contain numeric value\",\"global_message\":\"This field must contain numeric value\",\"global\":true},\"min\":{\"value\":\"\",\"message\":\"Validation fails for minimum value\",\"global_message\":\"Validation fails for minimum value\",\"global\":true},\"max\":{\"value\":\"\",\"message\":\"Validation fails for maximum value\",\"global_message\":\"Validation fails for maximum value\",\"global\":true},\"digits\":{\"value\":\"\",\"message\":\"Validation fails for limited digits\",\"global_message\":\"Validation fails for limited digits\",\"global\":true}},\"input_radio\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"checkbox\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"numeric_field_3\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"numeric\":{\"value\":true,\"message\":\"This field must contain numeric value\",\"global_message\":\"This field must contain numeric value\",\"global\":true},\"min\":{\"value\":\"\",\"message\":\"Validation fails for minimum value\",\"global_message\":\"Validation fails for minimum value\",\"global\":true},\"max\":{\"value\":\"\",\"message\":\"Validation fails for maximum value\",\"global_message\":\"Validation fails for maximum value\",\"global\":true},\"digits\":{\"value\":\"\",\"message\":\"Validation fails for limited digits\",\"global_message\":\"Validation fails for limited digits\",\"global\":true}}},\"debounce_time\":300};\n                            <\/script>\n            \n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Repeater Field calculation<\/h3>\n\n\n\n<p>Calculation works differently for Repeat Field than it does for regular numeric fields. You can count the total rows and sum up the row values across a column. This is useful when users need to enter a variable number of values. An ideal use case is an <a href=\"https:\/\/fluentforms.com\/calculators\/average-calculator\/\" target=\"_blank\" rel=\"noreferrer noopener\">average calculator<\/a>. Let&#8217;s see how it\u2019s created.&nbsp;<\/p>\n\n\n\n<p><strong>Step 1: Create the Form<\/strong><\/p>\n\n\n\n<p>Create a new blank form and name it &#8220;Average Calculator.&#8221;<\/p>\n\n\n\n<p><strong>Step 2: Add Repeat Field<\/strong><\/p>\n\n\n\n<p>Drag in a Repeat Field from the Advanced Fields section. Inside it, add a single column. Select the field type as \u201c<strong>Numeric Field<\/strong>\u201d from the dropdown.<\/p>\n\n\n\n<p>Users will enter one number per row and click the &#8220;+&#8221; icon to add more rows.<\/p>\n\n\n\n<p><strong>Step 3: Add the calculation field<\/strong><\/p>\n\n\n\n<p>Add a numeric field outside the Repeat Field and label it &#8220;Average.&#8221;<\/p>\n\n\n\n<p>Enable calculation and enter this expression: {repeat.repeater_field.1} \/ {repeat.repeater_field}<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"465\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/How-to-Create-WordPress-Forms-with-Calculation-using-Fluent-Forms-1024x465.webp\" alt=\"How to Create WordPress Forms with Calculation using Fluent Forms\" class=\"wp-image-65122\" style=\"aspect-ratio:2.202215413622437;width:667px;height:auto\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/How-to-Create-WordPress-Forms-with-Calculation-using-Fluent-Forms-1024x465.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/How-to-Create-WordPress-Forms-with-Calculation-using-Fluent-Forms-300x136.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/How-to-Create-WordPress-Forms-with-Calculation-using-Fluent-Forms-768x348.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/How-to-Create-WordPress-Forms-with-Calculation-using-Fluent-Forms-1536x697.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/How-to-Create-WordPress-Forms-with-Calculation-using-Fluent-Forms-2048x929.webp 2048w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/How-to-Create-WordPress-Forms-with-Calculation-using-Fluent-Forms-360x163.webp 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>{repeat.repeater_field.1}<\/strong>: Sums all values in column 1 (the numeric field). For multiple columns, if you want to sum up the values of a different column, replace 1 with that column\u2019s serial number.<\/li>\n\n\n\n<li><strong>{repeat.repeater_field}<\/strong>: Counts the total number of rows.<\/li>\n<\/ul>\n\n\n\n<p>Sum divided by count equals the average. Simple.<\/p>\n\n\n\n<p><strong>Step 4: Test it<\/strong><\/p>\n\n\n\n<p>Save and preview your form. Add a few rows with different values, click outside the repeat field, and watch the average appear.<\/p>\n\n\n<style>.kadence-column65107_e9163b-5d > .kt-inside-inner-col{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kadence-column65107_e9163b-5d > .kt-inside-inner-col,.kadence-column65107_e9163b-5d > .kt-inside-inner-col:before{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.kadence-column65107_e9163b-5d > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column65107_e9163b-5d > .kt-inside-inner-col{flex-direction:column;}.kadence-column65107_e9163b-5d > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column65107_e9163b-5d > .kt-inside-inner-col{background-color:#f0f6fa;}.kadence-column65107_e9163b-5d > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column65107_e9163b-5d{position:relative;}.kadence-column65107_e9163b-5d, .kt-inside-inner-col > .kadence-column65107_e9163b-5d:not(.specificity){margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:var(--global-kb-spacing-sm, 1.5rem);margin-bottom:var(--global-kb-spacing-sm, 1.5rem);margin-left:var(--global-kb-spacing-sm, 1.5rem);}@media all and (max-width: 1024px){.kadence-column65107_e9163b-5d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column65107_e9163b-5d > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column65107_e9163b-5d\"><div class=\"kt-inside-inner-col\"><div class='fluentform ff-default fluentform_wrapper_508 ffs_default_wrap'><form data-form_id=\"508\" id=\"fluentform_508\" class=\"frm-fluent-form fluent_form_508 ff-el-form-top ff_form_instance_508_2 ff-form-loading ff_has_dynamic_smartcode ff_calc_form ffs_default\" data-form_instance=\"ff_form_instance_508_2\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Average Calculator (#269)<\/legend>        <div\n                style=\"display: none!important; position: absolute!important; transform: translateX(1000%)!important;\"\n                class=\"ff-el-group ff-hpsf-container\"\n        >\n            <div class=\"ff-el-input--label asterisk-right\">\n                <label for=\"ff_508_item_sf\" aria-label=\"Newsletter\">\n                    Newsletter                <\/label>\n            <\/div>\n            <div class=\"ff-el-input--content\">\n                <input type=\"text\"\n                       name=\"item_508__fluent_sf\"\n                       class=\"ff-el-form-control\"\n                       id=\"ff_508_item_sf\"\n                \/>\n            <\/div>\n        <\/div>\n        <input type='hidden' name='__fluent_form_embded_post_id' value='65107' \/><input type=\"hidden\" id=\"_fluentform_508_fluentformnonce\" name=\"_fluentform_508_fluentformnonce\" value=\"668e312e38\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/wp-json\/wp\/v2\/posts\/65107\" \/><div class=\"ff-el-group ff-el-section-break  ff_left\" data-name=\"section_break-508_1\" ><h3 class='ff-el-section-title'><\/h3><div class='ff-section_break_desk'><h4 style=\"text-align: left\">Enter one value per row &amp; click the \"+\" icon to add rows.<\/h4>\n<p>(Don't leave empty rows. Click outside the box to get the mean value.)<\/p><\/div><hr \/><\/div>        <div data-type=\"repeater_field\" data-name=\"repeater_field\" class=\"ff-el-group ff-el-repeater js-repeater ff-el-form-hide_label\" data-root_name=\"repeater_field\"  >\n            <div class='ff-el-input--label asterisk-right'><label aria-label='Enter one value per row, click &quot;+&quot; icon to add more rows' for=''>Enter one value per row, click \"+\" icon to add more rows<\/label><\/div>            <div class='ff-el-input--content'>\n                <table role=\"table\" aria-label=\"Repeater Field\" data-max_repeat=\"\" data-root_name=\"repeater_field\" class=\"ff_repeater_table ff_flexible_table\">\n                    <thead>\n                    <tr>\n                                                    <th><div class='ff-el-input--label asterisk-right'><label aria-label='Numbers\/Values' for=''>Numbers\/Values<\/label><\/div><\/th>\n                                                <th><\/th>\n                    <\/tr>\n                    <\/thead>\n                    <tbody>\n                    <tr>\n                                                    <td data-label=\"Numbers\/Values\">\n                                                                <div class='ff-el-group'><div class='ff-el-input--content'><input type=\"number\" aria-label=\"repeater level 1 and field Numbers\/Values\" name=\"repeater_field[0][]\" id=\"ff_508_2_repeater_field_0\" data-repeater_index=\"0\" data-type=\"repeater_item\" data-name=\"repeater_field_0_0\" data-error_index=\"repeater_field[0]\" inputmode=\"numeric\" step=\"any\" class=\"ff-el-form-control\"  aria-invalid=\"false\" aria-required=false><\/div><\/div>                            <\/td>\n                                                <td class=\"repeat_btn\"><div class=\"ff-el-repeat-buttons-list js-repeat-buttons\"><span role=\"button\" aria-label=\"add repeater\" class=\"repeat-plus\"><svg tabindex=\"0\" width=\"20\" height=\"20\" viewBox=\"0 0 512 512\"><path d=\"m256 48c-115 0-208 93-208 208 0 115 93 208 208 208 115 0 208-93 208-208 0-115-93-208-208-208z m107 229l-86 0 0 86-42 0 0-86-86 0 0-42 86 0 0-86 42 0 0 86 86 0z\"><\/path><\/svg><\/span><span role=\"button\" aria-label=\"remove repeater\" class=\"repeat-minus\"><svg tabindex=\"0\" width=\"20\" height=\"20\" viewBox=\"0 0 512 512\"><path d=\"m256 48c-115 0-208 93-208 208 0 115 93 208 208 208 115 0 208-93 208-208 0-115-93-208-208-208z m107 229l-214 0 0-42 214 0z\"\"><\/path><\/svg><\/span><\/div><\/td>\n                    <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/div>\n        <div class='ff-el-group ff-hidden'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_508_2_numeric_field' id='label_ff_508_2_numeric_field' aria-label=\"Mean\">Mean<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"numeric_field\" id=\"ff_508_2_numeric_field\" class=\"ff-el-form-control  ff_has_formula\" data-name=\"numeric_field\" data-calculation_formula=\"{repeat.repeater_field.1} \/ {repeat.repeater_field}\" readonly=\"1\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group  ff-custom_html' tabindex='-1' data-name=\"custom_html-508_2\" ><h4 style=\"text-align: center\">Average: <span style=\"color: #0084ff\"><span class=\"ff_dynamic_value\" data-ref=\"numeric_field\" data-fallback=\"\"><\/span><\/span><\/h4><\/div><div class='ff-el-group ff-text-left ff-hidden ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\"  aria-label=\"Submit Form\">Submit Form<\/button><\/div><\/fieldset><\/form><div id='fluentform_508_errors' class='ff-errors-in-stack ff_form_instance_508_2 ff-form-loading_errors ff_form_instance_508_2_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_508_2 = {\"id\":\"508\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_508_2\",\"form_id_selector\":\"fluentform_508\",\"rules\":{\"repeater_field[0]\":{\"required\":{\"value\":false,\"global\":true,\"global_message\":\"This field is required\",\"message\":\"This field is required\"}},\"numeric_field\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"numeric\":{\"value\":true,\"message\":\"This field must contain numeric value\",\"global_message\":\"This field must contain numeric value\",\"global\":true},\"min\":{\"value\":\"\",\"message\":\"Validation fails for minimum value\",\"global_message\":\"Validation fails for minimum value\",\"global\":true},\"max\":{\"value\":\"\",\"message\":\"Validation fails for maximum value\",\"global_message\":\"Validation fails for maximum value\",\"global\":true},\"digits\":{\"value\":\"\",\"message\":\"Validation fails for limited digits\",\"global_message\":\"Validation fails for limited digits\",\"global\":true}}},\"debounce_time\":300};\n                            <\/script>\n            \n<\/div><\/div>\n\n\n\n<p><strong>Important:<\/strong> Ask users not to leave empty rows. Empty rows\u2019 values are considered 0 by default, which will affect the average.<\/p>\n\n\n\n<p>Now that numeric calculation is covered, let\u2019s move on to payment calculation.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to create payment calculation forms in WordPress<\/h2>\n\n\n\n<p>Now let&#8217;s look at forms where the calculation result automatically becomes the payment amount. You can accept this payment directly from your form using <a href=\"https:\/\/fluentforms.com\/integration\/?618840033=338\" target=\"_blank\" rel=\"noreferrer noopener\">multiple payment gateways<\/a>.&nbsp;<\/p>\n\n\n\n<p>Fluent Forms offers two approaches for payment calculation: automatic and manual (you need to write the formula, like in the numeric calculation). Let\u2019s break down each case.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Automatic payment calculation<\/h3>\n\n\n\n<p>For straightforward <a href=\"https:\/\/fluentforms.com\/form-templates\/?4183304836=373\" target=\"_blank\" rel=\"noreferrer noopener\">order forms<\/a>, Fluent Forms handles the math automatically. You don&#8217;t need to write any calculation expressions. For most payment forms, automatic calculation does the job.&nbsp;<\/p>\n\n\n\n<p>Let&#8217;s create a <a href=\"https:\/\/fluentforms.com\/forms\/sandwich-order-form\/\" target=\"_blank\" rel=\"noreferrer noopener\">sandwich order form<\/a> to see this in action.<\/p>\n\n\n\n<p><strong>Step 1: Create the form<\/strong><\/p>\n\n\n\n<p>Create a new blank form. Add fields for customer name, email, and phone number.<\/p>\n\n\n\n<p><strong>Step 2: Add Payment Item Fields<\/strong><\/p>\n\n\n\n<p>From the Payment Fields section, add Payment Item fields for your products. You can organize them using containers or <a href=\"https:\/\/fluentforms.com\/accordion-and-tab-sections-in-wordpress-forms\/\" target=\"_blank\" rel=\"noreferrer noopener\">accordion fields<\/a> for a cleaner layout.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/configure-payment-item-field-with-name-price-and-image-1024x481.webp\" alt=\"configure payment item field with the name, price, and image\" class=\"wp-image-65124\" style=\"aspect-ratio:2.128958760537708;width:705px;height:auto\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/configure-payment-item-field-with-name-price-and-image-1024x481.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/configure-payment-item-field-with-name-price-and-image-300x141.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/configure-payment-item-field-with-name-price-and-image-768x361.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/configure-payment-item-field-with-name-price-and-image-1536x721.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/configure-payment-item-field-with-name-price-and-image-2048x962.webp 2048w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/configure-payment-item-field-with-name-price-and-image-360x169.webp 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>For each Payment Item:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Set the product name and price (and image if necessary)<\/li>\n\n\n\n<li>Choose a display type (radio, checkbox, or single item)<\/li>\n<\/ul>\n\n\n\n<p><strong>Step 3: Add Item Quantity fields<\/strong><\/p>\n\n\n\n<p>With each Payment Item, add an Item Quantity field. Click the field and go to Product Field Mapping. Select the corresponding Payment Item from the dropdown. This links the quantity to that specific product.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"517\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/map-item-quantity-field-to-corresponding-payment-item-field-1024x517.webp\" alt=\"map item quantity field to corresponding payment item field\" class=\"wp-image-65125\" style=\"aspect-ratio:1.980668136340512;width:715px;height:auto\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/map-item-quantity-field-to-corresponding-payment-item-field-1024x517.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/map-item-quantity-field-to-corresponding-payment-item-field-300x151.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/map-item-quantity-field-to-corresponding-payment-item-field-768x388.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/map-item-quantity-field-to-corresponding-payment-item-field-1536x775.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/map-item-quantity-field-to-corresponding-payment-item-field-2048x1034.webp 2048w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/map-item-quantity-field-to-corresponding-payment-item-field-360x182.webp 360w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 4: Add delivery options<\/strong><\/p>\n\n\n\n<p>Add another Payment Item field for delivery method (Pickup or Delivery) if you want to charge for delivery. Select the product display type as radio. Set 0 as the pickup price, and an amount (for example, 5) for the delivery price.<\/p>\n\n\n\n<p><strong>Step 5: Add payment summary and method<\/strong><\/p>\n\n\n\n<p>Add a Payment Summary field. This automatically displays all selected items, their quantities, individual prices, and the total amount in a neat table.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/automated-payment-summary-display-in-Fluent-Forms-1024x495.webp\" alt=\"automated payment summary display in Fluent Forms\" class=\"wp-image-65126\" style=\"aspect-ratio:2.0687212185618136;width:648px;height:auto\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/automated-payment-summary-display-in-Fluent-Forms-1024x495.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/automated-payment-summary-display-in-Fluent-Forms-300x145.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/automated-payment-summary-display-in-Fluent-Forms-768x371.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/automated-payment-summary-display-in-Fluent-Forms-360x174.webp 360w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/automated-payment-summary-display-in-Fluent-Forms.webp 1534w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Finally, add a Payment Method field to accept payment from the form and save your form.<\/p>\n\n\n\n<p><strong>Step 6: Save and test<\/strong><\/p>\n\n\n\n<p>Test the form from the preview before making it live. Check if all item quantities are mapped properly. If everything works fine, that&#8217;s it. No calculation expressions needed. Fluent Forms automatically:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Multiplies each Payment Item by its mapped Item Quantity<\/li>\n\n\n\n<li>Adds up all the products<\/li>\n\n\n\n<li>Displays the total payment amount<\/li>\n\n\n\n<li>Accepts payment via multiple payment gateways<\/li>\n<\/ul>\n\n\n<style>.kadence-column65107_85f25e-d5 > .kt-inside-inner-col{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kadence-column65107_85f25e-d5 > .kt-inside-inner-col,.kadence-column65107_85f25e-d5 > .kt-inside-inner-col:before{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.kadence-column65107_85f25e-d5 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column65107_85f25e-d5 > .kt-inside-inner-col{flex-direction:column;}.kadence-column65107_85f25e-d5 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column65107_85f25e-d5 > .kt-inside-inner-col{background-color:#f0f6fa;}.kadence-column65107_85f25e-d5 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column65107_85f25e-d5{position:relative;}.kadence-column65107_85f25e-d5, .kt-inside-inner-col > .kadence-column65107_85f25e-d5:not(.specificity){margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:var(--global-kb-spacing-sm, 1.5rem);margin-bottom:var(--global-kb-spacing-sm, 1.5rem);margin-left:var(--global-kb-spacing-sm, 1.5rem);}@media all and (max-width: 1024px){.kadence-column65107_85f25e-d5 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column65107_85f25e-d5 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column65107_85f25e-d5\"><div class=\"kt-inside-inner-col\"><div class='fluentform ff-default fluentform_wrapper_516 ffs_custom_wrap'><form data-form_id=\"516\" id=\"fluentform_516\" class=\"frm-fluent-form fluent_form_516 ff-el-form-top ff_form_instance_516_3 ff-form-loading ff_has_stripe_inline fluentform_has_payment ffs_custom\" data-form_instance=\"ff_form_instance_516_3\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Sandwich Order Form (#516)<\/legend>        <div\n                style=\"display: none!important; position: absolute!important; transform: translateX(1000%)!important;\"\n                class=\"ff-el-group ff-hpsf-container\"\n        >\n            <div class=\"ff-el-input--label asterisk-right\">\n                <label for=\"ff_516_item_sf\" aria-label=\"Updates\">\n                    Updates                <\/label>\n            <\/div>\n            <div class=\"ff-el-input--content\">\n                <input type=\"text\"\n                       name=\"item_516__fluent_sf\"\n                       class=\"ff-el-form-control\"\n                       id=\"ff_516_item_sf\"\n                \/>\n            <\/div>\n        <\/div>\n        <input type='hidden' name='__fluent_form_embded_post_id' value='65107' \/><input type=\"hidden\" id=\"_fluentform_516_fluentformnonce\" name=\"_fluentform_516_fluentformnonce\" value=\"668e312e38\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/wp-json\/wp\/v2\/posts\/65107\" \/><div class='ff-el-group  ff-custom_html' tabindex='-1' data-name=\"custom_html-516_1\" ><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-64484\" style=\"border-radius: 8px\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/sandwich-order-form-template-cover-image.webp\" alt=\"sandwich order form template cover image\" width=\"1800\" height=\"450\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/sandwich-order-form-template-cover-image.webp 1800w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/sandwich-order-form-template-cover-image-300x75.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/sandwich-order-form-template-cover-image-1024x256.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/sandwich-order-form-template-cover-image-768x192.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/sandwich-order-form-template-cover-image-1536x384.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/sandwich-order-form-template-cover-image-360x90.webp 360w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/p><\/div><div id=\"accordion_792456b6e483a5e5f9c71d56be75794e\" class=\" ff-accordion-container ff-accordion-type-start ff-accordion-mode-accordion \" data-name=\"accordion-516_2\" data-accordion_id=\"accordion_792456b6e483a5e5f9c71d56be75794e\" data-display_mode=\"accordion\" data-start_collapsed=\"no\" data-accordion_type=\"start\" data-collapse_when_others_open=\"yes\" ><div class=\"ff-accordion-header ff-accordion-header-open\" tabindex=\"0\" role=\"button\" aria-expanded=\"true\" aria-controls=\"accordion_792456b6e483a5e5f9c71d56be75794e-content\"><h3 class=\"ff-accordion-title\">Egg Sandwich<\/h3><span class=\"ff-accordion-toggle\"><i class=\"ff-accordion-icon ff-accordion-icon-open\"><\/i><\/span><\/div><div id=\"accordion_792456b6e483a5e5f9c71d56be75794e-content\" class=\"ff-accordion-content\"  role=\"region\" aria-labelledby=\"accordion_792456b6e483a5e5f9c71d56be75794e\"><div data-name=\"ff_cn_id_1\"  class='ff-t-container ff-column-container ff_columns_total_3 '><div class='ff-t-cell ff-t-column-1' style='flex-basis: 33.33%;'><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label asterisk-right\"><label   aria-label=\"avocado egg sandwich\">avocado egg sandwich<\/label><\/div><div class='ff-el-input--content'><div class=\"ff_el_checkable_photo_holders\"><div class='ff-el-form-check ff-el-form-check- ff-el-image-holder'><label style='background-image: url(https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/avocado-egg-sandwich.webp)' class='ff-el-image-input-src' for=payment_input_c76b20f1b879531c24fe83d082ebec51><\/label><label class='ff-el-form-check-label' for=payment_input_c76b20f1b879531c24fe83d082ebec51><input type=\"checkbox\" name=\"payment_input[]\" data-name=\"payment_input\" class=\"ff-el-form-check-input ff-el-form-check-checkbox ff_payment_item\" value=\"Avocado n&#039; Egg \" data-payment_value=\"4\" data-calc_value=\"4\" data-group_id=\"ff_516_3_payment_input__\"  id='payment_input_c76b20f1b879531c24fe83d082ebec51'> <span class='ff_plan_title'>Avocado n' Egg <\/span><\/label><\/div><\/div> <\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_516_3_item-quantity' id='label_ff_516_3_item-quantity' aria-label=\"Quantity\">Quantity<\/label><\/div><div class='ff-el-input--content'><input type=\"number\" name=\"item-quantity\" id=\"ff_516_3_item-quantity\" class=\"ff-el-form-control  ff_quantity_item\" data-quantity_item=\"yes\" data-name=\"item-quantity\" data-target_product=\"payment_input\" min=\"0\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-2' style='flex-basis: 33.33%;'><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label asterisk-right\"><label   aria-label=\"Holy Trinity\">Holy Trinity<\/label><\/div><div class='ff-el-input--content'><div class=\"ff_el_checkable_photo_holders\"><div class='ff-el-form-check ff-el-form-check- ff-el-image-holder'><label style='background-image: url(https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/Holy-Trinity.webp)' class='ff-el-image-input-src' for=payment_input_1_f70107684e0b2d02c8b2c60baa5fa73b><\/label><label class='ff-el-form-check-label' for=payment_input_1_f70107684e0b2d02c8b2c60baa5fa73b><input type=\"checkbox\" name=\"payment_input_1[]\" data-name=\"payment_input_1\" class=\"ff-el-form-check-input ff-el-form-check-checkbox ff_payment_item\" value=\"Holy Trinity\" data-payment_value=\"5\" data-calc_value=\"5\" data-group_id=\"ff_516_3_payment_input_1__\"  id='payment_input_1_f70107684e0b2d02c8b2c60baa5fa73b'> <span class='ff_plan_title'>Holy Trinity<\/span><\/label><\/div><\/div> <\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_516_3_item-quantity_1' id='label_ff_516_3_item-quantity_1' aria-label=\"Quantity\">Quantity<\/label><\/div><div class='ff-el-input--content'><input type=\"number\" name=\"item-quantity_1\" id=\"ff_516_3_item-quantity_1\" class=\"ff-el-form-control  ff_quantity_item\" data-quantity_item=\"yes\" data-name=\"item-quantity_1\" data-target_product=\"payment_input_1\" min=\"0\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-3' style='flex-basis: 33.33%;'><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label asterisk-right\"><label   aria-label=\"Egg &amp; Basil Sandwich\">Egg &amp; Basil Sandwich<\/label><\/div><div class='ff-el-input--content'><div class=\"ff_el_checkable_photo_holders\"><div class='ff-el-form-check ff-el-form-check- ff-el-image-holder'><label style='background-image: url(https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/Egg-Basil-Sandwich.webp)' class='ff-el-image-input-src' for=payment_input_2_75f07ff1e92c8fd728bb8c5d623803cd><\/label><label class='ff-el-form-check-label' for=payment_input_2_75f07ff1e92c8fd728bb8c5d623803cd><input type=\"checkbox\" name=\"payment_input_2[]\" data-name=\"payment_input_2\" class=\"ff-el-form-check-input ff-el-form-check-checkbox ff_payment_item\" value=\"Egg Sandwich\" data-payment_value=\"4\" data-calc_value=\"4\" data-group_id=\"ff_516_3_payment_input_2__\"  id='payment_input_2_75f07ff1e92c8fd728bb8c5d623803cd'> <span class='ff_plan_title'>Egg Sandwich<\/span><\/label><\/div><\/div> <\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_516_3_item-quantity_2' id='label_ff_516_3_item-quantity_2' aria-label=\"Quantity\">Quantity<\/label><\/div><div class='ff-el-input--content'><input type=\"number\" name=\"item-quantity_2\" id=\"ff_516_3_item-quantity_2\" class=\"ff-el-form-control  ff_quantity_item\" data-quantity_item=\"yes\" data-name=\"item-quantity_2\" data-target_product=\"payment_input_2\" min=\"0\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"accordion_2f5b14bce7d6036aa192f5eb8ad9e591\" class=\" ff-accordion-container ff-accordion-type-both ff-accordion-mode-accordion \" data-name=\"accordion-516_3\" data-accordion_id=\"accordion_2f5b14bce7d6036aa192f5eb8ad9e591\" data-display_mode=\"accordion\" data-start_collapsed=\"yes\" data-accordion_type=\"both\" data-collapse_when_others_open=\"yes\" ><div class=\"ff-accordion-header \" tabindex=\"0\" role=\"button\" aria-expanded=\"false\" aria-controls=\"accordion_2f5b14bce7d6036aa192f5eb8ad9e591-content\"><h3 class=\"ff-accordion-title\">Signature Sandwich<\/h3><span class=\"ff-accordion-toggle\"><i class=\"ff-accordion-icon\"><\/i><\/span><\/div><div id=\"accordion_2f5b14bce7d6036aa192f5eb8ad9e591-content\" class=\"ff-accordion-content\" style=\"display:none\" role=\"region\" aria-labelledby=\"accordion_2f5b14bce7d6036aa192f5eb8ad9e591\"><div data-name=\"ff_cn_id_2\"  class='ff-t-container ff-column-container ff_columns_total_3 '><div class='ff-t-cell ff-t-column-1' style='flex-basis: 33.33%;'><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label asterisk-right\"><label   aria-label=\"Meat Blast sandwich\">Meat Blast sandwich<\/label><\/div><div class='ff-el-input--content'><div class=\"ff_el_checkable_photo_holders\"><div class='ff-el-form-check ff-el-form-check- ff-el-image-holder'><label style='background-image: url(https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/Meat-Blast.webp)' class='ff-el-image-input-src' for=payment_input_3_2eb3a21f8e58d8654d202a802c6d65c8><\/label><label class='ff-el-form-check-label' for=payment_input_3_2eb3a21f8e58d8654d202a802c6d65c8><input type=\"checkbox\" name=\"payment_input_3[]\" data-name=\"payment_input_3\" class=\"ff-el-form-check-input ff-el-form-check-checkbox ff_payment_item\" value=\"Meat Blast\" data-payment_value=\"6\" data-calc_value=\"6\" data-group_id=\"ff_516_3_payment_input_3__\"  id='payment_input_3_2eb3a21f8e58d8654d202a802c6d65c8'> <span class='ff_plan_title'>Meat Blast<\/span><\/label><\/div><\/div> <\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_516_3_item-quantity_3' id='label_ff_516_3_item-quantity_3' aria-label=\"Quantity\">Quantity<\/label><\/div><div class='ff-el-input--content'><input type=\"number\" name=\"item-quantity_3\" id=\"ff_516_3_item-quantity_3\" class=\"ff-el-form-control  ff_quantity_item\" data-quantity_item=\"yes\" data-name=\"item-quantity_3\" data-target_product=\"payment_input_3\" min=\"0\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-2' style='flex-basis: 33.33%;'><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label asterisk-right\"><label   aria-label=\"Tuna Cheese Sandwich\">Tuna Cheese Sandwich<\/label><\/div><div class='ff-el-input--content'><div class=\"ff_el_checkable_photo_holders\"><div class='ff-el-form-check ff-el-form-check- ff-el-image-holder'><label style='background-image: url(https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/Tuna-Cheese-Sandwich.webp)' class='ff-el-image-input-src' for=payment_input_4_bf0e23237231f7b4bf76c6a24297776c><\/label><label class='ff-el-form-check-label' for=payment_input_4_bf0e23237231f7b4bf76c6a24297776c><input type=\"checkbox\" name=\"payment_input_4[]\" data-name=\"payment_input_4\" class=\"ff-el-form-check-input ff-el-form-check-checkbox ff_payment_item\" value=\"Tuna Cheese Blast\" data-payment_value=\"6\" data-calc_value=\"6\" data-group_id=\"ff_516_3_payment_input_4__\"  id='payment_input_4_bf0e23237231f7b4bf76c6a24297776c'> <span class='ff_plan_title'>Tuna Cheese Blast<\/span><\/label><\/div><\/div> <\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_516_3_item-quantity_4' id='label_ff_516_3_item-quantity_4' aria-label=\"Quantity\">Quantity<\/label><\/div><div class='ff-el-input--content'><input type=\"number\" name=\"item-quantity_4\" id=\"ff_516_3_item-quantity_4\" class=\"ff-el-form-control  ff_quantity_item\" data-quantity_item=\"yes\" data-name=\"item-quantity_4\" data-target_product=\"payment_input_4\" min=\"0\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-3' style='flex-basis: 33.33%;'><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label asterisk-right\"><label   aria-label=\"Grilled Cheese Sandwich\">Grilled Cheese Sandwich<\/label><\/div><div class='ff-el-input--content'><div class=\"ff_el_checkable_photo_holders\"><div class='ff-el-form-check ff-el-form-check- ff-el-image-holder'><label style='background-image: url(https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/Grilled-Cheese-Sandwich.webp)' class='ff-el-image-input-src' for=payment_input_5_f32befc3c7e8432eb2348977df9ce86c><\/label><label class='ff-el-form-check-label' for=payment_input_5_f32befc3c7e8432eb2348977df9ce86c><input type=\"checkbox\" name=\"payment_input_5[]\" data-name=\"payment_input_5\" class=\"ff-el-form-check-input ff-el-form-check-checkbox ff_payment_item\" value=\"Grilled Cheese \" data-payment_value=\"4\" data-calc_value=\"4\" data-group_id=\"ff_516_3_payment_input_5__\"  id='payment_input_5_f32befc3c7e8432eb2348977df9ce86c'> <span class='ff_plan_title'>Grilled Cheese <\/span><\/label><\/div><\/div> <\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_516_3_item-quantity_5' id='label_ff_516_3_item-quantity_5' aria-label=\"Quantity\">Quantity<\/label><\/div><div class='ff-el-input--content'><input type=\"number\" name=\"item-quantity_5\" id=\"ff_516_3_item-quantity_5\" class=\"ff-el-form-control  ff_quantity_item\" data-quantity_item=\"yes\" data-name=\"item-quantity_5\" data-target_product=\"payment_input_5\" min=\"0\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"accordion_0a2b7d3091ac98ea1ba80ed5955a6564\" class=\" ff-accordion-container ff-accordion-type-both ff-accordion-mode-accordion \" data-name=\"accordion-516_4\" data-accordion_id=\"accordion_0a2b7d3091ac98ea1ba80ed5955a6564\" data-display_mode=\"accordion\" data-start_collapsed=\"yes\" data-accordion_type=\"both\" data-collapse_when_others_open=\"yes\" ><div class=\"ff-accordion-header \" tabindex=\"0\" role=\"button\" aria-expanded=\"false\" aria-controls=\"accordion_0a2b7d3091ac98ea1ba80ed5955a6564-content\"><h3 class=\"ff-accordion-title\">Dessert Sandwich<\/h3><span class=\"ff-accordion-toggle\"><i class=\"ff-accordion-icon\"><\/i><\/span><\/div><div id=\"accordion_0a2b7d3091ac98ea1ba80ed5955a6564-content\" class=\"ff-accordion-content\" style=\"display:none\" role=\"region\" aria-labelledby=\"accordion_0a2b7d3091ac98ea1ba80ed5955a6564\"><div data-name=\"ff_cn_id_3\"  class='ff-t-container ff-column-container ff_columns_total_3 '><div class='ff-t-cell ff-t-column-1' style='flex-basis: 33.33%;'><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label asterisk-right\"><label   aria-label=\"Icecream Sandwich\">Icecream Sandwich<\/label><\/div><div class='ff-el-input--content'><div class=\"ff_el_checkable_photo_holders\"><div class='ff-el-form-check ff-el-form-check- ff-el-image-holder'><label style='background-image: url(https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/Icecream-Sandwich.webp)' class='ff-el-image-input-src' for=payment_input_6_9e673d9cd6c8c91286603dba7badca82><\/label><label class='ff-el-form-check-label' for=payment_input_6_9e673d9cd6c8c91286603dba7badca82><input type=\"checkbox\" name=\"payment_input_6[]\" data-name=\"payment_input_6\" class=\"ff-el-form-check-input ff-el-form-check-checkbox ff_payment_item\" value=\"Icecream \" data-payment_value=\"5\" data-calc_value=\"5\" data-group_id=\"ff_516_3_payment_input_6__\"  id='payment_input_6_9e673d9cd6c8c91286603dba7badca82'> <span class='ff_plan_title'>Icecream <\/span><\/label><\/div><\/div> <\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_516_3_item-quantity_6' id='label_ff_516_3_item-quantity_6' aria-label=\"Quantity\">Quantity<\/label><\/div><div class='ff-el-input--content'><input type=\"number\" name=\"item-quantity_6\" id=\"ff_516_3_item-quantity_6\" class=\"ff-el-form-control  ff_quantity_item\" data-quantity_item=\"yes\" data-name=\"item-quantity_6\" data-target_product=\"payment_input_6\" min=\"0\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-2' style='flex-basis: 33.33%;'><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label asterisk-right\"><label   aria-label=\"Peanut Butter Bliss\">Peanut Butter Bliss<\/label><\/div><div class='ff-el-input--content'><div class=\"ff_el_checkable_photo_holders\"><div class='ff-el-form-check ff-el-form-check- ff-el-image-holder'><label style='background-image: url(https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/Peanut-Butter-Bliss.webp)' class='ff-el-image-input-src' for=payment_input_7_ffbb36443e7542b795eb2cc166fa765f><\/label><label class='ff-el-form-check-label' for=payment_input_7_ffbb36443e7542b795eb2cc166fa765f><input type=\"checkbox\" name=\"payment_input_7[]\" data-name=\"payment_input_7\" class=\"ff-el-form-check-input ff-el-form-check-checkbox ff_payment_item\" value=\"Peanut Butter\" data-payment_value=\"4\" data-calc_value=\"4\" data-group_id=\"ff_516_3_payment_input_7__\"  id='payment_input_7_ffbb36443e7542b795eb2cc166fa765f'> <span class='ff_plan_title'>Peanut Butter<\/span><\/label><\/div><\/div> <\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_516_3_item-quantity_7' id='label_ff_516_3_item-quantity_7' aria-label=\"Quantity\">Quantity<\/label><\/div><div class='ff-el-input--content'><input type=\"number\" name=\"item-quantity_7\" id=\"ff_516_3_item-quantity_7\" class=\"ff-el-form-control  ff_quantity_item\" data-quantity_item=\"yes\" data-name=\"item-quantity_7\" data-target_product=\"payment_input_7\" min=\"0\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-3' style='flex-basis: 33.33%;'><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label asterisk-right\"><label   aria-label=\"Waffle Sandwich\">Waffle Sandwich<\/label><\/div><div class='ff-el-input--content'><div class=\"ff_el_checkable_photo_holders\"><div class='ff-el-form-check ff-el-form-check- ff-el-image-holder'><label style='background-image: url(https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/Waffle-Sandwich.webp)' class='ff-el-image-input-src' for=payment_input_8_1c2d5e998e3062f25261caf4792c43d6><\/label><label class='ff-el-form-check-label' for=payment_input_8_1c2d5e998e3062f25261caf4792c43d6><input type=\"checkbox\" name=\"payment_input_8[]\" data-name=\"payment_input_8\" class=\"ff-el-form-check-input ff-el-form-check-checkbox ff_payment_item\" value=\"Waffle Sandwich\" data-payment_value=\"5\" data-calc_value=\"5\" data-group_id=\"ff_516_3_payment_input_8__\"  id='payment_input_8_1c2d5e998e3062f25261caf4792c43d6'> <span class='ff_plan_title'>Waffle Sandwich<\/span><\/label><\/div><\/div> <\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_516_3_item-quantity_8' id='label_ff_516_3_item-quantity_8' aria-label=\"Quantity\">Quantity<\/label><\/div><div class='ff-el-input--content'><input type=\"number\" name=\"item-quantity_8\" id=\"ff_516_3_item-quantity_8\" class=\"ff-el-form-control  ff_quantity_item\" data-quantity_item=\"yes\" data-name=\"item-quantity_8\" data-target_product=\"payment_input_8\" min=\"0\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"ff-el-group ff-el-section-break  ff_left\" data-name=\"section_break-516_6\" ><h3 class='ff-el-section-title'><\/h3><div class='ff-section_break_desk'><h4 style=\"text-align: center\">Checkout<\/h4><\/div><hr \/><\/div><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_516_3_names_first_name_' id='label_ff_516_3_names_first_name_' >First Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_516_3_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Enter Your First Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_516_3_names_last_name_' id='label_ff_516_3_names_last_name_' >Last Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_516_3_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Enter Your Last Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_516_3_email' id='label_ff_516_3_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_516_3_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_516_3_phone' id='label_ff_516_3_phone' aria-label=\"Phone\/Mobile\">Phone\/Mobile<\/label><\/div><div class='ff-el-input--content'><input name=\"phone\" class=\"ff-el-form-control ff-el-phone\" type=\"tel\" placeholder=\"Mobile Number\" data-name=\"phone\" id=\"ff_516_3_phone\" inputmode=\"tel\"  aria-invalid='false' aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_516_3_input_text' id='label_ff_516_3_input_text' aria-label=\"Additional Request\">Additional Request<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"input_text\" class=\"ff-el-form-control\" placeholder=\"Allergies, cutlery preferences, etc.\" data-name=\"input_text\" id=\"ff_516_3_input_text\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label   aria-label=\"Order Type\">Order Type<\/label><\/div><div class='ff-el-input--content'><div class='ff-el-form-check ff-el-form-check- ff_item_selected'><label class='ff-el-form-check-label' for=payment_input_9_3885a9a0a4014db136170dc56ac2607c><input type=\"radio\" name=\"payment_input_9\" data-name=\"payment_input_9\" class=\"ff-el-form-check-input ff-el-form-check-radio ff_payment_item\" checked=\"1\" value=\"Takeaway\" data-group_id=\"ff_516_3_payment_input_9\"  id='payment_input_9_3885a9a0a4014db136170dc56ac2607c'> <span class='ff_plan_title'>Takeaway<\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for=payment_input_9_08a37708a9ec6559d589cc3a436d42a3><input type=\"radio\" name=\"payment_input_9\" data-name=\"payment_input_9\" class=\"ff-el-form-check-input ff-el-form-check-radio ff_payment_item ff_payment_item\" value=\"Delivery\" data-payment_value=\"2\" data-calc_value=\"2\" data-group_id=\"ff_516_3_payment_input_9\"  id='payment_input_9_08a37708a9ec6559d589cc3a436d42a3'> <span class='ff_plan_title'>Delivery<\/span><\/label><\/div><\/div><\/div><div class=\"ff-name-address-wrapper fluent-address has-conditions\" data-type=\"address-element\" data-name=\"address_1\" ><div class='ff-el-input--label'><label aria-label=\"Delivery Address\">Delivery Address<\/label><\/div><div class='ff-el-input--content'><div class='ff-t-container'><div class='ff-t-cell'><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_516_3_address_1_address_line_1_' id='label_ff_516_3_address_1_address_line_1_' aria-label=\"Address Line 1\">Address Line 1<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"address_1[address_line_1]\" id=\"ff_516_3_address_1_address_line_1_\" class=\"ff-el-form-control\" placeholder=\"Address Line 1\" data-key_name=\"address_line_1\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell'><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_516_3_address_1_address_line_2_' id='label_ff_516_3_address_1_address_line_2_' aria-label=\"Address Line 2\">Address Line 2<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"address_1[address_line_2]\" id=\"ff_516_3_address_1_address_line_2_\" class=\"ff-el-form-control\" placeholder=\"Address Line 2\" data-key_name=\"address_line_2\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><div class='ff-t-container'><div class='ff-t-cell'><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_516_3_address_1_city_' id='label_ff_516_3_address_1_city_' aria-label=\"City\">City<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"address_1[city]\" id=\"ff_516_3_address_1_city_\" class=\"ff-el-form-control\" placeholder=\"City\" data-key_name=\"city\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell'><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_516_3_address_1_state_' id='label_ff_516_3_address_1_state_' aria-label=\"State\">State<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"address_1[state]\" id=\"ff_516_3_address_1_state_\" class=\"ff-el-form-control\" placeholder=\"State\" data-key_name=\"state\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group  ff-payment_summary_component' tabindex='-1' data-name=\"payment_summary_component-516_7\" ><div class=\"ff_dynamic_value ff_dynamic_payment_summary\" data-ref=\"payment_summary\"><div class=\"ff_payment_summary\"><\/div><div class=\"ff_payment_summary_fallback\"><p>Order a sandwich to view the payment summary<\/p><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label   aria-label=\"Payment Method\">Payment Method<\/label><\/div><div class='ff-el-input--content'><div class='ff-el-form-check ff-el-payment-method-label'><label class='ff-el-form-check-label' for=payment_method_8118f9b136596046001a1aa05b4779a7><input name=\"payment_method\" type=\"radio\" data-name=\"payment_method\" class=\"ff-el-form-check-input ff_payment_method\" value=\"stripe\"  id='payment_method_8118f9b136596046001a1aa05b4779a7'> <span>Pay with Card (Stripe)<\/span><\/label><\/div><div class='ff-el-form-check ff-el-payment-method-label'><label class='ff-el-form-check-label' for=payment_method_ed4d58da302f26f84585a024f74b18cd><input name=\"payment_method\" type=\"radio\" data-name=\"payment_method\" class=\"ff-el-form-check-input ff_payment_method\" value=\"paypal\"  id='payment_method_ed4d58da302f26f84585a024f74b18cd'> <span>Pay with PayPal<\/span><\/label><\/div><div class='ff-el-form-check ff-el-payment-method-label'><label class='ff-el-form-check-label' for=payment_method_74a9c58e341785f3a1e8c12c80937203><input name=\"payment_method\" type=\"radio\" data-name=\"payment_method\" class=\"ff-el-form-check-input ff_payment_method\" value=\"test\"  id='payment_method_74a9c58e341785f3a1e8c12c80937203'> <span>Offline Payment<\/span><\/label><\/div><div class='ff-el-form-check ff-el-payment-method-label'><label class='ff-el-form-check-label' for=payment_method_870f07e95a200875139851c1a0dafeac><input name=\"payment_method\" type=\"radio\" data-name=\"payment_method\" class=\"ff-el-form-check-input ff_payment_method\" value=\"mollie\"  id='payment_method_870f07e95a200875139851c1a0dafeac'> <span>Pay with Mollie<\/span><\/label><\/div><div class='ff-el-form-check ff-el-payment-method-label'><label class='ff-el-form-check-label' for=payment_method_d40eda4ef0ac3c778e5b71a9189c44c5><input name=\"payment_method\" type=\"radio\" data-name=\"payment_method\" class=\"ff-el-form-check-input ff_payment_method\" value=\"paystack\"  id='payment_method_d40eda4ef0ac3c778e5b71a9189c44c5'> <span>Pay with PayStack<\/span><\/label><\/div><div class=\"stripe-inline-wrapper ff_pay_inline ff_pay_inline_stripe\" style=\"display: none\"><div class=\"ff-el-input--label\"><label for=\"payment_method_516_3_stripe_inline\">Pay with Card (Stripe)<\/label><\/div><div name=\"stripe_card_element\" class=\"ff_stripe_card_element ff-el-form-control\" data-wpf_payment_method=\"stripe\" id=\"payment_method_516_3_stripe_inline\" data-checkout_style=\"embedded_form\" ><\/div><div class=\"ff_card-errors text-danger\" role=\"alert\"><\/div><span style=\"margin-top: 5px;padding: 0;font-style: italic;font-size: 12px\">Stripe test mode activated<\/span><\/div><\/div><\/div><div class='ff-el-group ff-text-center ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\"  aria-label=\"Place Order\">Place Order<\/button><\/div><\/fieldset><\/form><div id='fluentform_516_errors' class='ff-errors-in-stack ff_form_instance_516_3 ff-form-loading_errors ff_form_instance_516_3_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_516_3 = {\"id\":\"516\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_516_3\",\"form_id_selector\":\"fluentform_516\",\"rules\":{\"payment_input\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"}},\"item-quantity\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"},\"numeric\":{\"value\":true,\"global\":true,\"message\":\"This field must contain numeric value\",\"global_message\":\"This field must contain numeric value\"},\"min\":{\"value\":\"\",\"global\":true,\"message\":\"Validation fails for minimum value\",\"global_message\":\"Validation fails for minimum value\"},\"max\":{\"value\":\"\",\"global\":true,\"message\":\"Validation fails for maximum value\",\"global_message\":\"Validation fails for maximum value\"}},\"payment_input_1\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"}},\"item-quantity_1\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"},\"numeric\":{\"value\":true,\"global\":true,\"message\":\"This field must contain numeric value\",\"global_message\":\"This field must contain numeric value\"},\"min\":{\"value\":\"\",\"global\":true,\"message\":\"Validation fails for minimum value\",\"global_message\":\"Validation fails for minimum value\"},\"max\":{\"value\":\"\",\"global\":true,\"message\":\"Validation fails for maximum value\",\"global_message\":\"Validation fails for maximum value\"}},\"payment_input_2\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"}},\"item-quantity_2\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"},\"numeric\":{\"value\":true,\"global\":true,\"message\":\"This field must contain numeric value\",\"global_message\":\"This field must contain numeric value\"},\"min\":{\"value\":\"\",\"global\":true,\"message\":\"Validation fails for minimum value\",\"global_message\":\"Validation fails for minimum value\"},\"max\":{\"value\":\"\",\"global\":true,\"message\":\"Validation fails for maximum value\",\"global_message\":\"Validation fails for maximum value\"}},\"payment_input_3\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"}},\"item-quantity_3\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"},\"numeric\":{\"value\":true,\"global\":true,\"message\":\"This field must contain numeric value\",\"global_message\":\"This field must contain numeric value\"},\"min\":{\"value\":\"\",\"global\":true,\"message\":\"Validation fails for minimum value\",\"global_message\":\"Validation fails for minimum value\"},\"max\":{\"value\":\"\",\"global\":true,\"message\":\"Validation fails for maximum value\",\"global_message\":\"Validation fails for maximum value\"}},\"payment_input_4\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"}},\"item-quantity_4\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"},\"numeric\":{\"value\":true,\"global\":true,\"message\":\"This field must contain numeric value\",\"global_message\":\"This field must contain numeric value\"},\"min\":{\"value\":\"\",\"global\":true,\"message\":\"Validation fails for minimum value\",\"global_message\":\"Validation fails for minimum value\"},\"max\":{\"value\":\"\",\"global\":true,\"message\":\"Validation fails for maximum value\",\"global_message\":\"Validation fails for maximum value\"}},\"payment_input_5\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"}},\"item-quantity_5\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"},\"numeric\":{\"value\":true,\"global\":true,\"message\":\"This field must contain numeric value\",\"global_message\":\"This field must contain numeric value\"},\"min\":{\"value\":\"\",\"global\":true,\"message\":\"Validation fails for minimum value\",\"global_message\":\"Validation fails for minimum value\"},\"max\":{\"value\":\"\",\"global\":true,\"message\":\"Validation fails for maximum value\",\"global_message\":\"Validation fails for maximum value\"}},\"payment_input_6\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"}},\"item-quantity_6\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"},\"numeric\":{\"value\":true,\"global\":true,\"message\":\"This field must contain numeric value\",\"global_message\":\"This field must contain numeric value\"},\"min\":{\"value\":\"\",\"global\":true,\"message\":\"Validation fails for minimum value\",\"global_message\":\"Validation fails for minimum value\"},\"max\":{\"value\":\"\",\"global\":true,\"message\":\"Validation fails for maximum value\",\"global_message\":\"Validation fails for maximum value\"}},\"payment_input_7\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"}},\"item-quantity_7\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"},\"numeric\":{\"value\":true,\"global\":true,\"message\":\"This field must contain numeric value\",\"global_message\":\"This field must contain numeric value\"},\"min\":{\"value\":\"\",\"global\":true,\"message\":\"Validation fails for minimum value\",\"global_message\":\"Validation fails for minimum value\"},\"max\":{\"value\":\"\",\"global\":true,\"message\":\"Validation fails for maximum value\",\"global_message\":\"Validation fails for maximum value\"}},\"payment_input_8\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"}},\"item-quantity_8\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"},\"numeric\":{\"value\":true,\"global\":true,\"message\":\"This field must contain numeric value\",\"global_message\":\"This field must contain numeric value\"},\"min\":{\"value\":\"\",\"global\":true,\"message\":\"Validation fails for minimum value\",\"global_message\":\"Validation fails for minimum value\"},\"max\":{\"value\":\"\",\"global\":true,\"message\":\"Validation fails for maximum value\",\"global_message\":\"Validation fails for maximum value\"}},\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"email\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global_message\":\"This field must contain a valid email\",\"global\":true}},\"phone\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"},\"valid_phone_number\":{\"value\":false,\"global\":true,\"message\":\"Phone number is not valid\",\"global_message\":\"Phone number is not valid\"}},\"input_text\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"payment_input_9\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"}},\"address_1[address_line_1]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"address_1[address_line_2]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"address_1[city]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"address_1[state]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"address_1[zip]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"address_1[country]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"payment_method\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"}}},\"debounce_time\":300,\"conditionals\":{\"address_1\":{\"type\":\"any\",\"status\":true,\"conditions\":[{\"field\":\"payment_input_9\",\"value\":\"Delivery\",\"operator\":\"=\"}],\"condition_groups\":[{\"rules\":[{\"field\":\"\",\"value\":\"\",\"operator\":\"\"}],\"title\":\"\",\"isEditingTitle\":false,\"isPreviewOpen\":false,\"isGroupOpen\":true}]}}};\n                            <\/script>\n            \n<\/div><\/div>\n\n\n\n<blockquote class=\"wp-block-quote has-background is-layout-flow wp-block-quote-is-layout-flow\" style=\"border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-left-color:#009cfa;border-left-width:5px;background-color:#f0faff;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--30)\">\n<p>Learn more about <a href=\"https:\/\/fluentforms.com\/wordpress-payment-form-calculation\/\" target=\"_blank\" rel=\"noreferrer noopener\">how to create WordPress payment forms<\/a> using Fluent Forms.<\/p>\n<\/blockquote>\n\n\n\n<p>Now, let\u2019s observe a case where you might need to write formulas to create a custom payment amount.<\/p>\n\n\n<style>.kb-row-layout-id29470_f72408-5b > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id29470_f72408-5b > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id29470_f72408-5b > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:var( --global-content-width, 1290px );padding-left:var(--global-content-edge-padding);padding-right:var(--global-content-edge-padding);padding-top:24px;padding-right:0px;padding-bottom:24px;padding-left:0px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id29470_f72408-5b > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id29470_f72408-5b > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 767px){.kb-row-layout-id29470_f72408-5b > .kt-row-column-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id29470_f72408-5b alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top kb-theme-content-width\">\n<style>.kadence-column29470_66a4bf-c5 > .kt-inside-inner-col{padding-top:60px;padding-right:40px;padding-bottom:60px;padding-left:40px;}.kadence-column29470_66a4bf-c5 > .kt-inside-inner-col,.kadence-column29470_66a4bf-c5 > .kt-inside-inner-col:before{border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;}.kadence-column29470_66a4bf-c5 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column29470_66a4bf-c5 > .kt-inside-inner-col{flex-direction:column;}.kadence-column29470_66a4bf-c5 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column29470_66a4bf-c5 > .kt-inside-inner-col{background-color:#002f6b;}.kadence-column29470_66a4bf-c5 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column29470_66a4bf-c5{position:relative;}@media all and (max-width: 1024px){.kadence-column29470_66a4bf-c5 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column29470_66a4bf-c5 > .kt-inside-inner-col{padding-right:20px;padding-left:20px;flex-direction:column;justify-content:center;}.kadence-column29470_66a4bf-c5 > .kt-inside-inner-col,.kadence-column29470_66a4bf-c5 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column29470_66a4bf-c5, .kt-inside-inner-col > .kadence-column29470_66a4bf-c5:not(.specificity){margin-right:-25px;margin-left:-25px;}}.ni-blog-form .ff-el-form-check{  display: none;}.ni-blog-form .ff-t-cell.ff-t-column-2 {    position: absolute;    width: 25%;    right: 13px;    top: 9px;}.ni-blog-form .ff-t-container.ff-column-container.ff_columns_total_2 {    position: relative;    top: 0;}.ni-blog-form .ff-t-cell.ff-t-column-1 {    flex-basis: 100% !important;}.ni-blog-form input.ff-el-form-control[name=\"email\"][type=\"email\"] {    height: 60px;}.ni-blog-form form#fluentform_222 {    margin-top: 10px !important;    margin-bottom: 0 !important;}@media (min-width: 320px) and (max-width: 767px) {    .ni-blog-form .ff-t-cell.ff-t-column-2 {        position: absolute;        width: 33%;        right: 10px;        top: 9px;    }   }.ni-blog-form .ff-el-input--content span {    color: #fff;    font-weight:400;    font-size: 18px;}.ni-blog-form #fluentform_222_success {    color: #fff;    margin-top: 20px;    margin-bottom: 20px;}<\/style>\n<div class=\"wp-block-kadence-column kadence-column29470_66a4bf-c5 ni-blog-form\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading29470_3a9e3c-dc, .wp-block-kadence-advancedheading.kt-adv-heading29470_3a9e3c-dc[data-kb-block=\"kb-adv-heading29470_3a9e3c-dc\"]{font-size:26px;line-height:38px;font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading29470_3a9e3c-dc mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading29470_3a9e3c-dc[data-kb-block=\"kb-adv-heading29470_3a9e3c-dc\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading29470_3a9e3c-dc img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading29470_3a9e3c-dc[data-kb-block=\"kb-adv-heading29470_3a9e3c-dc\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading29470_3a9e3c-dc wp-block-kadence-advancedheading has-theme-palette-9-color has-text-color\" data-kb-block=\"kb-adv-heading29470_3a9e3c-dc\">Enjoying this article?<\/h2>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading29470_cd3308-c5, .wp-block-kadence-advancedheading.kt-adv-heading29470_cd3308-c5[data-kb-block=\"kb-adv-heading29470_cd3308-c5\"]{padding-bottom:0px;margin-bottom:20px;font-size:18px;line-height:32px;font-weight:400;font-style:normal;font-family:Nunito;}.wp-block-kadence-advancedheading.kt-adv-heading29470_cd3308-c5 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading29470_cd3308-c5[data-kb-block=\"kb-adv-heading29470_cd3308-c5\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading29470_cd3308-c5 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading29470_cd3308-c5[data-kb-block=\"kb-adv-heading29470_cd3308-c5\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading29470_cd3308-c5 wp-block-kadence-advancedheading has-theme-palette-9-color has-text-color\" data-kb-block=\"kb-adv-heading29470_cd3308-c5\">We regularly publish actionable content on our blog. Subscribe to get them delivered straight to your inbox.<\/h2>\n\n\n<div class='fluentform ff-default fluentform_wrapper_222 ffs_default_wrap'><form data-form_id=\"222\" id=\"fluentform_222\" class=\"frm-fluent-form fluent_form_222 ff-el-form-top ff_form_instance_222_4 ff-form-loading ff_has_v3_recptcha ffs_default\" data-form_instance=\"ff_form_instance_222_4\" method=\"POST\" data-recptcha_key=\"6LdopigqAAAAAEI5ro4mv8QCAFxuCaEtx982sOt4\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Inside Blog Subscription Form<\/legend>        <div\n                style=\"display: none!important; position: absolute!important; transform: translateX(1000%)!important;\"\n                class=\"ff-el-group ff-hpsf-container\"\n        >\n            <div class=\"ff-el-input--label asterisk-right\">\n                <label for=\"ff_222_item_sf\" aria-label=\"Subscribe\">\n                    Subscribe                <\/label>\n            <\/div>\n            <div class=\"ff-el-input--content\">\n                <input type=\"text\"\n                       name=\"item_222__fluent_sf\"\n                       class=\"ff-el-form-control\"\n                       id=\"ff_222_item_sf\"\n                \/>\n            <\/div>\n        <\/div>\n        <input type='hidden' name='__fluent_form_embded_post_id' value='65107' \/><input type=\"hidden\" id=\"_fluentform_222_fluentformnonce\" name=\"_fluentform_222_fluentformnonce\" value=\"668e312e38\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/wp-json\/wp\/v2\/posts\/65107\" \/><div data-name=\"ff_cn_id_1\"  class='ff-t-container ff-column-container ff_columns_total_2 '><div class='ff-t-cell ff-t-column-1' style='flex-basis: 80%;'><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_222_4_email' id='label_ff_222_4_email' aria-label=\"Your email address\">Your email address<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_222_4_email\" class=\"ff-el-form-control\" placeholder=\"Your Email Address\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-2' style='flex-basis: 20%;'><div class='ff-el-group ff-text-left ff_submit_btn_wrapper ff_submit_btn_wrapper_custom'><button class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style wpf_has_custom_css\" type=\"submit\" name=\"custom_submit_button-222_1\" data-name=\"custom_submit_button-222_1\"  aria-label=\"Subscribe\">Subscribe<\/button><style>form.fluent_form_222 .wpf_has_custom_css.ff-btn-submit { background-color:rgba(26, 126, 251, 1);border-color:rgba(26, 126, 251, 1);color:#ffffff;min-width:100%; }form.fluent_form_222 .wpf_has_custom_css.ff-btn-submit:hover { background-color:rgba(39, 134, 252, 1);border-color:rgba(39, 134, 252, 1);color:rgba(255, 255, 255, 1);min-width:100%; } <\/style><\/div><\/div><\/div><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label asterisk-right\"><label   aria-label=\"Checkbox Field\">Checkbox Field<\/label><\/div><div class='ff-el-input--content'><div class='ff-el-form-check ff-el-form-check- ff_item_selected'><label class='ff-el-form-check-label' for='checkbox_74f606539923ec90db2e03934bf552b6'><input  type=\"checkbox\" name=\"checkbox[]\" data-name=\"checkbox\" class=\"ff-el-form-check-input ff-el-form-check-checkbox\" checked=\"1\" value=\"Yes, I\u2019d like to receive promotional offers from WPManageNinja\"  id='checkbox_74f606539923ec90db2e03934bf552b6' aria-label='Yes, I\u2019d like to receive promotional offers from WPManageNinja' aria-invalid='false' aria-required=false> <span>Yes, I\u2019d like to receive promotional offers from WPManageNinja<\/span><\/label><\/div><\/div><\/div><input type=\"hidden\" name=\"hidden\" value=\"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/posts\/65107\" data-name=\"hidden\" ><\/fieldset><\/form><div id='fluentform_222_errors' class='ff-errors-in-stack ff_form_instance_222_4 ff-form-loading_errors ff_form_instance_222_4_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_222_4 = {\"id\":\"222\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_222_4\",\"form_id_selector\":\"fluentform_222\",\"rules\":{\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global\":false,\"global_message\":\"This field must contain a valid email\"}},\"checkbox\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"g-recaptcha-response\":[]},\"debounce_time\":300};\n                            <\/script>\n            \n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading29470_c2111d-56, .wp-block-kadence-advancedheading.kt-adv-heading29470_c2111d-56[data-kb-block=\"kb-adv-heading29470_c2111d-56\"]{padding-top:0px;margin-top:-10px;font-size:18px;line-height:30px;font-weight:400;font-style:normal;font-family:Nunito;}.wp-block-kadence-advancedheading.kt-adv-heading29470_c2111d-56 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading29470_c2111d-56[data-kb-block=\"kb-adv-heading29470_c2111d-56\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading29470_c2111d-56 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading29470_c2111d-56[data-kb-block=\"kb-adv-heading29470_c2111d-56\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading29470_c2111d-56 wp-block-kadence-advancedheading has-theme-palette-9-color has-text-color\" data-kb-block=\"kb-adv-heading29470_c2111d-56\">We won\u2019t spam you. You can unsubscribe whenever you want.<\/h2>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\">Setting up payment calculation manually<\/h3>\n\n\n\n<p>Sometimes, automatic calculation doesn&#8217;t fit your needs. For example, when a user wants to tip a percentage of the total. Or, when you&#8217;re using Repeat Fields for order details, since payment fields can&#8217;t be placed inside Repeat Fields.<\/p>\n\n\n\n<p>Let&#8217;s create a <a href=\"https:\/\/fluentforms.com\/forms\/screen-printing-order-form\/\" target=\"_blank\" rel=\"noreferrer noopener\">screen printing order form<\/a> that\u2019s equipped to handle bulk orders. If we use automatic payment calculation, users would have to enter the total quantity separately, then proceed to the color-size breakdown. That&#8217;s redundant and confusing.<\/p>\n\n\n\n<p>With manual calculation, users just fill in the information once in the repeat field. The form looks clutter-free and creates a smoother experience. Let\u2019s see how.<\/p>\n\n\n\n<p><strong>Step 1: Set up the form<\/strong><\/p>\n\n\n\n<p>Create a new form. Add contact fields (name, email), image\/file upload for design, and an address field for shipping.<\/p>\n\n\n\n<p><strong>Step 2: Add the apparel selection<\/strong><\/p>\n\n\n\n<p>Add a Radio field for apparel type. Enable Calc Values and assign prices:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>T-shirt (Half Sleeve): 20<\/li>\n\n\n\n<li>T-shirt (Full Sleeve): 25<\/li>\n\n\n\n<li>Hoodie: 40, etc.<\/li>\n<\/ul>\n\n\n\n<p><strong>Step 3: Add the Repeat Field for order details<\/strong><\/p>\n\n\n\n<p>Add a Repeat Field with three columns:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Column 1: Dropdown for Color (White, Black, Navy, etc.)<\/li>\n\n\n\n<li>Column 2: Dropdown for Size (S, M, L, XL, 2XL)<\/li>\n\n\n\n<li>Column 3: Numeric field for Quantity<\/li>\n<\/ul>\n\n\n\n<p>Customers will add one row for each color-size-quantity combination they want.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"605\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/use-repeat-fields-to-collect-color-size-quantity-for-bulk-orders-1024x605.webp\" alt=\"use repeat fields to collect color-size-quantity for bulk orders\" class=\"wp-image-65128\" style=\"aspect-ratio:1.6925696482266421;width:614px;height:auto\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/use-repeat-fields-to-collect-color-size-quantity-for-bulk-orders-1024x605.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/use-repeat-fields-to-collect-color-size-quantity-for-bulk-orders-300x177.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/use-repeat-fields-to-collect-color-size-quantity-for-bulk-orders-768x454.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/use-repeat-fields-to-collect-color-size-quantity-for-bulk-orders-1536x907.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/use-repeat-fields-to-collect-color-size-quantity-for-bulk-orders-360x213.webp 360w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/use-repeat-fields-to-collect-color-size-quantity-for-bulk-orders.webp 1676w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 4: Add the Custom Payment Amount field<\/strong><\/p>\n\n\n\n<p>Here&#8217;s where manual calculation comes in. Add a Custom Payment Amount field and label it &#8220;Total Payment Amount.&#8221; Enable calculation from Advanced Options and enter the calculation expression. The equation might look like this: {radio.input_radio} * {repeat.repeater_field.3}<\/p>\n\n\n\n<p>This multiplies:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The apparel price (from the radio field&#8217;s calc value)<\/li>\n\n\n\n<li>The sum of all quantities in column 3 of the repeat field<\/li>\n<\/ul>\n\n\n\n<p>So if someone orders a Hoodie ($40) with quantities 5 + 20 + 10 = 35 items, the total would be $40 \u00d7 35 = $1,400.<\/p>\n\n\n\n<p><strong>Step 5: Add payment method and test<\/strong><\/p>\n\n\n\n<p>Finally, add a <a href=\"https:\/\/fluentforms.com\/integration\/?618840033=338\" target=\"_blank\" rel=\"noreferrer noopener\">Payment Method<\/a> field to collect payment and save your form. Test it to see if everything\u2019s working properly.<\/p>\n\n\n<style>.kadence-column65107_12bbe6-ea > .kt-inside-inner-col{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kadence-column65107_12bbe6-ea > .kt-inside-inner-col,.kadence-column65107_12bbe6-ea > .kt-inside-inner-col:before{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.kadence-column65107_12bbe6-ea > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column65107_12bbe6-ea > .kt-inside-inner-col{flex-direction:column;}.kadence-column65107_12bbe6-ea > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column65107_12bbe6-ea > .kt-inside-inner-col{background-color:#f0f6fa;}.kadence-column65107_12bbe6-ea > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column65107_12bbe6-ea{position:relative;}.kadence-column65107_12bbe6-ea, .kt-inside-inner-col > .kadence-column65107_12bbe6-ea:not(.specificity){margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:var(--global-kb-spacing-sm, 1.5rem);margin-bottom:var(--global-kb-spacing-sm, 1.5rem);margin-left:var(--global-kb-spacing-sm, 1.5rem);}@media all and (max-width: 1024px){.kadence-column65107_12bbe6-ea > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column65107_12bbe6-ea > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column65107_12bbe6-ea\"><div class=\"kt-inside-inner-col\"><div class='fluentform ff-default fluentform_wrapper_515 ffs_custom_wrap'><form data-form_id=\"515\" id=\"fluentform_515\" class=\"frm-fluent-form fluent_form_515 ff-el-form-top ff_form_instance_515_5 ff-form-loading ff_has_v3_recptcha ff_calc_form ff_has_stripe_inline fluentform_has_payment ffs_custom\" data-form_instance=\"ff_form_instance_515_5\" method=\"POST\" data-recptcha_key=\"6LdopigqAAAAAEI5ro4mv8QCAFxuCaEtx982sOt4\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">screen printing order form (#282)<\/legend>        <div\n                style=\"display: none!important; position: absolute!important; transform: translateX(1000%)!important;\"\n                class=\"ff-el-group ff-hpsf-container\"\n        >\n            <div class=\"ff-el-input--label asterisk-right\">\n                <label for=\"ff_515_item_sf\" aria-label=\"Contact\">\n                    Contact                <\/label>\n            <\/div>\n            <div class=\"ff-el-input--content\">\n                <input type=\"text\"\n                       name=\"item_515__fluent_sf\"\n                       class=\"ff-el-form-control\"\n                       id=\"ff_515_item_sf\"\n                \/>\n            <\/div>\n        <\/div>\n        <input type='hidden' name='__fluent_form_embded_post_id' value='65107' \/><input type=\"hidden\" id=\"_fluentform_515_fluentformnonce\" name=\"_fluentform_515_fluentformnonce\" value=\"668e312e38\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/wp-json\/wp\/v2\/posts\/65107\" \/><div class='ff-el-group  ff-custom_html' tabindex='-1' data-name=\"custom_html-515_1\" ><p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-64476\" style=\"border-radius:8px\" src=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/screen-print-order-form-template-cover-image.webp\" alt=\"screen printing order form template cover image\" width=\"2400\" height=\"600\" srcset=\"https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/screen-print-order-form-template-cover-image.webp 2400w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/screen-print-order-form-template-cover-image-300x75.webp 300w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/screen-print-order-form-template-cover-image-1024x256.webp 1024w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/screen-print-order-form-template-cover-image-768x192.webp 768w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/screen-print-order-form-template-cover-image-1536x384.webp 1536w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/screen-print-order-form-template-cover-image-2048x512.webp 2048w, https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/01\/screen-print-order-form-template-cover-image-360x90.webp 360w\" sizes=\"auto, (max-width: 2400px) 100vw, 2400px\" \/><\/p><\/div><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_515_5_names_first_name_' id='label_ff_515_5_names_first_name_' >First Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_515_5_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Enter Your First Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_515_5_names_last_name_' id='label_ff_515_5_names_last_name_' >Last Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_515_5_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Enter Your Last Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_515_5_email' id='label_ff_515_5_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_515_5_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class=\"ff-name-address-wrapper fluent-address\" data-type=\"address-element\" data-name=\"address_1\" ><div class='ff-el-input--label'><label aria-label=\"Shipping Address\">Shipping Address<\/label><\/div><div class='ff-el-input--content'><div class='ff-t-container'><div class='ff-t-cell'><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_515_5_address_1_address_line_1_' id='label_ff_515_5_address_1_address_line_1_' aria-label=\"Address Line 1\">Address Line 1<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"address_1[address_line_1]\" id=\"ff_515_5_address_1_address_line_1_\" class=\"ff-el-form-control\" placeholder=\"Address Line 1\" data-key_name=\"address_line_1\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell'><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_515_5_address_1_address_line_2_' id='label_ff_515_5_address_1_address_line_2_' aria-label=\"Address Line 2\">Address Line 2<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"address_1[address_line_2]\" id=\"ff_515_5_address_1_address_line_2_\" class=\"ff-el-form-control\" placeholder=\"Address Line 2\" data-key_name=\"address_line_2\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><div class='ff-t-container'><div class='ff-t-cell'><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_515_5_address_1_city_' id='label_ff_515_5_address_1_city_' aria-label=\"City\">City<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"address_1[city]\" id=\"ff_515_5_address_1_city_\" class=\"ff-el-form-control\" placeholder=\"City\" data-key_name=\"city\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell'><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_515_5_address_1_state_' id='label_ff_515_5_address_1_state_' aria-label=\"State\">State<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"address_1[state]\" id=\"ff_515_5_address_1_state_\" class=\"ff-el-form-control\" placeholder=\"State\" data-key_name=\"state\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><div class='ff-t-container'><div class='ff-t-cell'><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_515_5_address_1_zip_' id='label_ff_515_5_address_1_zip_' aria-label=\"Zip Code\">Zip Code<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"address_1[zip]\" id=\"ff_515_5_address_1_zip_\" class=\"ff-el-form-control\" placeholder=\"Zip\" data-key_name=\"zip\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell'><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_515_5_address_1_country_' id='label_ff_515_5_address_1_country_' aria-label=\"Country\">Country<\/label><\/div><div class='ff-el-input--content'><select name=\"address_1[country]\" id=\"ff_515_5_address_1_country_\" class=\"ff-el-form-control\" placeholder=\"Select Country\" data-key_name=\"country\" aria-invalid='false' aria-required=false><option value=''>Select Country<\/option><option value='AF' >Afghanistan<\/option><option value='AX' >Aland Islands<\/option><option value='AL' >Albania<\/option><option value='DZ' >Algeria<\/option><option value='AS' >American Samoa<\/option><option value='AD' >Andorra<\/option><option value='AO' >Angola<\/option><option value='AI' >Anguilla<\/option><option value='AQ' >Antarctica<\/option><option value='AG' >Antigua and Barbuda<\/option><option value='AR' >Argentina<\/option><option value='AM' >Armenia<\/option><option value='AW' >Aruba<\/option><option value='AU' >Australia<\/option><option value='AT' >Austria<\/option><option value='AZ' >Azerbaijan<\/option><option value='BS' >Bahamas<\/option><option value='BH' >Bahrain<\/option><option value='BD' >Bangladesh<\/option><option value='BB' >Barbados<\/option><option value='BY' >Belarus<\/option><option value='BE' >Belgium<\/option><option value='BZ' >Belize<\/option><option value='BJ' >Benin<\/option><option value='BM' >Bermuda<\/option><option value='BT' >Bhutan<\/option><option value='BO' >Bolivia<\/option><option value='BQ' >Bonaire, Saint Eustatius and Saba<\/option><option value='BA' >Bosnia and Herzegovina<\/option><option value='BW' >Botswana<\/option><option value='BV' >Bouvet Island<\/option><option value='BR' >Brazil<\/option><option value='IO' >British Indian Ocean Territory<\/option><option value='VG' >British Virgin Islands<\/option><option value='BN' >Brunei<\/option><option value='BG' >Bulgaria<\/option><option value='BF' >Burkina Faso<\/option><option value='BI' >Burundi<\/option><option value='CV' >Cabo Verde<\/option><option value='KH' >Cambodia<\/option><option value='CM' >Cameroon<\/option><option value='CA' >Canada<\/option><option value='KY' >Cayman Islands<\/option><option value='CF' >Central African Republic<\/option><option value='TD' >Chad<\/option><option value='CL' >Chile<\/option><option value='CN' >China<\/option><option value='CX' >Christmas Island<\/option><option value='CC' >Cocos (Keeling) Islands<\/option><option value='CO' >Colombia<\/option><option value='KM' >Comoros<\/option><option value='CK' >Cook Islands<\/option><option value='CR' >Costa Rica<\/option><option value='HR' >Croatia<\/option><option value='CU' >Cuba<\/option><option value='CW' >Cura\u00e7ao<\/option><option value='CY' >Cyprus<\/option><option value='CZ' >Czech Republic<\/option><option value='CD' >Democratic Republic of the Congo (Kinshasa)<\/option><option value='DK' >Denmark<\/option><option value='DJ' >Djibouti<\/option><option value='DM' >Dominica<\/option><option value='DO' >Dominican Republic<\/option><option value='EC' >Ecuador<\/option><option value='EG' >Egypt<\/option><option value='SV' >El Salvador<\/option><option value='GQ' >Equatorial Guinea<\/option><option value='ER' >Eritrea<\/option><option value='EE' >Estonia<\/option><option value='SZ' >Eswatini<\/option><option value='ET' >Ethiopia<\/option><option value='FK' >Falkland Islands<\/option><option value='FO' >Faroe Islands<\/option><option value='FJ' >Fiji<\/option><option value='FI' >Finland<\/option><option value='FR' >France<\/option><option value='GF' >French Guiana<\/option><option value='PF' >French Polynesia<\/option><option value='TF' >French Southern Territories<\/option><option value='GA' >Gabon<\/option><option value='GM' >Gambia<\/option><option value='GE' >Georgia<\/option><option value='DE' >Germany<\/option><option value='GH' >Ghana<\/option><option value='GI' >Gibraltar<\/option><option value='GR' >Greece<\/option><option value='GL' >Greenland<\/option><option value='GD' >Grenada<\/option><option value='GP' >Guadeloupe<\/option><option value='GU' >Guam<\/option><option value='GT' >Guatemala<\/option><option value='GG' >Guernsey<\/option><option value='GN' >Guinea<\/option><option value='GW' >Guinea-Bissau<\/option><option value='GY' >Guyana<\/option><option value='HT' >Haiti<\/option><option value='HM' >Heard Island and McDonald Islands<\/option><option value='HN' >Honduras<\/option><option value='HK' >Hong Kong<\/option><option value='HU' >Hungary<\/option><option value='IS' >Iceland<\/option><option value='IN' >India<\/option><option value='ID' >Indonesia<\/option><option value='IR' >Iran<\/option><option value='IQ' >Iraq<\/option><option value='IE' >Ireland<\/option><option value='IM' >Isle of Man<\/option><option value='IL' >Israel<\/option><option value='IT' >Italy<\/option><option value='CI' >Ivory Coast<\/option><option value='JM' >Jamaica<\/option><option value='JP' >Japan<\/option><option value='JE' >Jersey<\/option><option value='JO' >Jordan<\/option><option value='KZ' >Kazakhstan<\/option><option value='KE' >Kenya<\/option><option value='KI' >Kiribati<\/option><option value='XK' >Kosovo<\/option><option value='KW' >Kuwait<\/option><option value='KG' >Kyrgyzstan<\/option><option value='LA' >Laos<\/option><option value='LV' >Latvia<\/option><option value='LB' >Lebanon<\/option><option value='LS' >Lesotho<\/option><option value='LR' >Liberia<\/option><option value='LY' >Libya<\/option><option value='LI' >Liechtenstein<\/option><option value='LT' >Lithuania<\/option><option value='LU' >Luxembourg<\/option><option value='MO' >Macao S.A.R., China<\/option><option value='MG' >Madagascar<\/option><option value='MW' >Malawi<\/option><option value='MY' >Malaysia<\/option><option value='MV' >Maldives<\/option><option value='ML' >Mali<\/option><option value='MT' >Malta<\/option><option value='MH' >Marshall Islands<\/option><option value='MQ' >Martinique<\/option><option value='MR' >Mauritania<\/option><option value='MU' >Mauritius<\/option><option value='YT' >Mayotte<\/option><option value='MX' >Mexico<\/option><option value='FM' >Micronesia<\/option><option value='MD' >Moldova<\/option><option value='MC' >Monaco<\/option><option value='MN' >Mongolia<\/option><option value='ME' >Montenegro<\/option><option value='MS' >Montserrat<\/option><option value='MA' >Morocco<\/option><option value='MZ' >Mozambique<\/option><option value='MM' >Myanmar<\/option><option value='NA' >Namibia<\/option><option value='NR' >Nauru<\/option><option value='NP' >Nepal<\/option><option value='NL' >Netherlands<\/option><option value='NC' >New Caledonia<\/option><option value='NZ' >New Zealand<\/option><option value='NI' >Nicaragua<\/option><option value='NE' >Niger<\/option><option value='NG' >Nigeria<\/option><option value='NU' >Niue<\/option><option value='NF' >Norfolk Island<\/option><option value='KP' >North Korea<\/option><option value='MK' >North Macedonia<\/option><option value='MP' >Northern Mariana Islands<\/option><option value='NO' >Norway<\/option><option value='OM' >Oman<\/option><option value='PK' >Pakistan<\/option><option value='PW' >Palau<\/option><option value='PS' >Palestinian Territory<\/option><option value='PA' >Panama<\/option><option value='PG' >Papua New Guinea<\/option><option value='PY' >Paraguay<\/option><option value='PE' >Peru<\/option><option value='PH' >Philippines<\/option><option value='PN' >Pitcairn<\/option><option value='PL' >Poland<\/option><option value='PT' >Portugal<\/option><option value='PR' >Puerto Rico<\/option><option value='QA' >Qatar<\/option><option value='CG' >Republic of the Congo (Brazzaville)<\/option><option value='RO' >Romania<\/option><option value='RU' >Russia<\/option><option value='RW' >Rwanda<\/option><option value='RE' >R\u00e9union<\/option><option value='BL' >Saint Barth\u00e9lemy<\/option><option value='SH' >Saint Helena<\/option><option value='KN' >Saint Kitts and Nevis<\/option><option value='LC' >Saint Lucia<\/option><option value='SX' >Saint Martin (Dutch part)<\/option><option value='MF' >Saint Martin (French part)<\/option><option value='PM' >Saint Pierre and Miquelon<\/option><option value='VC' >Saint Vincent and the Grenadines<\/option><option value='WS' >Samoa<\/option><option value='SM' >San Marino<\/option><option value='ST' >Sao Tome and Principe<\/option><option value='SA' >Saudi Arabia<\/option><option value='SN' >Senegal<\/option><option value='RS' >Serbia<\/option><option value='SC' >Seychelles<\/option><option value='SL' >Sierra Leone<\/option><option value='SG' >Singapore<\/option><option value='SK' >Slovakia<\/option><option value='SI' >Slovenia<\/option><option value='SB' >Solomon Islands<\/option><option value='SO' >Somalia<\/option><option value='ZA' >South Africa<\/option><option value='GS' >South Georgia\/Sandwich Islands<\/option><option value='KR' >South Korea<\/option><option value='SS' >South Sudan<\/option><option value='ES' >Spain<\/option><option value='LK' >Sri Lanka<\/option><option value='SD' >Sudan<\/option><option value='SR' >Suriname<\/option><option value='SJ' >Svalbard and Jan Mayen<\/option><option value='SE' >Sweden<\/option><option value='CH' >Switzerland<\/option><option value='SY' >Syria<\/option><option value='TW' >Taiwan<\/option><option value='TJ' >Tajikistan<\/option><option value='TZ' >Tanzania<\/option><option value='TH' >Thailand<\/option><option value='TL' >Timor-Leste<\/option><option value='TG' >Togo<\/option><option value='TK' >Tokelau<\/option><option value='TO' >Tonga<\/option><option value='TT' >Trinidad and Tobago<\/option><option value='TN' >Tunisia<\/option><option value='TM' >Turkmenistan<\/option><option value='TC' >Turks and Caicos Islands<\/option><option value='TV' >Tuvalu<\/option><option value='TR' >T\u00fcrkiye<\/option><option value='UG' >Uganda<\/option><option value='UA' >Ukraine<\/option><option value='AE' >United Arab Emirates<\/option><option value='GB' >United Kingdom (UK)<\/option><option value='US' >United States (US)<\/option><option value='UM' >United States (US) Minor Outlying Islands<\/option><option value='VI' >United States (US) Virgin Islands<\/option><option value='UY' >Uruguay<\/option><option value='UZ' >Uzbekistan<\/option><option value='VU' >Vanuatu<\/option><option value='VA' >Vatican<\/option><option value='VE' >Venezuela<\/option><option value='VN' >Vietnam<\/option><option value='WF' >Wallis and Futuna<\/option><option value='EH' >Western Sahara<\/option><option value='YE' >Yemen<\/option><option value='ZM' >Zambia<\/option><option value='ZW' >Zimbabwe<\/option><\/select><\/div><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group  ff-dropzone'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_515_5_file-upload_5' id='label_ff_515_5_file-upload_5' aria-label=\"Upload Design (Front)\">Upload Design (Front)<\/label><div class=\"ff-el-tooltip\" data-content=\"Upload high-resolution PDFs with CMYK color mode for better print quality\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 25 25\"><path d=\"m329 393l0-46c0-2-1-4-2-6-2-2-4-3-7-3l-27 0 0-146c0-3-1-5-3-7-2-1-4-2-7-2l-91 0c-3 0-5 1-7 2-1 2-2 4-2 7l0 46c0 2 1 5 2 6 2 2 4 3 7 3l27 0 0 91-27 0c-3 0-5 1-7 3-1 2-2 4-2 6l0 46c0 3 1 5 2 7 2 1 4 2 7 2l128 0c3 0 5-1 7-2 1-2 2-4 2-7z m-36-256l0-46c0-2-1-4-3-6-2-2-4-3-7-3l-54 0c-3 0-5 1-7 3-2 2-3 4-3 6l0 46c0 3 1 5 3 7 2 1 4 2 7 2l54 0c3 0 5-1 7-2 2-2 3-4 3-7z m182 119c0 40-9 77-29 110-20 34-46 60-80 80-33 20-70 29-110 29-40 0-77-9-110-29-34-20-60-46-80-80-20-33-29-70-29-110 0-40 9-77 29-110 20-34 46-60 80-80 33-20 70-29 110-29 40 0 77 9 110 29 34 20 60 46 80 80 20 33 29 70 29 110z\" transform=\"scale(0.046875 0.046875)\"><\/path><\/svg><\/div><\/div><div class='ff-el-input--content'><label for='ff_515_5_file-upload_5' class='ff_file_upload_holder'><span class='ff_upload_btn ff-btn' tabindex='0'>Choose File<\/span> <input type=\"file\" name=\"file-upload\" id=\"ff_515_5_file-upload_5\" class=\"ff-el-form-control  ff-screen-reader-element\" data-name=\"file-upload\" multiple=\"1\"  aria-invalid='false' aria-required=false><\/label><\/div><\/div><div class='ff-el-group  ff-dropzone'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_515_5_file-upload_1_5' id='label_ff_515_5_file-upload_1_5' aria-label=\"Upload Design (Back)\">Upload Design (Back)<\/label><div class=\"ff-el-tooltip\" data-content=\"Upload high-resolution PDFs with CMYK color mode for better print quality\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 25 25\"><path d=\"m329 393l0-46c0-2-1-4-2-6-2-2-4-3-7-3l-27 0 0-146c0-3-1-5-3-7-2-1-4-2-7-2l-91 0c-3 0-5 1-7 2-1 2-2 4-2 7l0 46c0 2 1 5 2 6 2 2 4 3 7 3l27 0 0 91-27 0c-3 0-5 1-7 3-1 2-2 4-2 6l0 46c0 3 1 5 2 7 2 1 4 2 7 2l128 0c3 0 5-1 7-2 1-2 2-4 2-7z m-36-256l0-46c0-2-1-4-3-6-2-2-4-3-7-3l-54 0c-3 0-5 1-7 3-2 2-3 4-3 6l0 46c0 3 1 5 3 7 2 1 4 2 7 2l54 0c3 0 5-1 7-2 2-2 3-4 3-7z m182 119c0 40-9 77-29 110-20 34-46 60-80 80-33 20-70 29-110 29-40 0-77-9-110-29-34-20-60-46-80-80-20-33-29-70-29-110 0-40 9-77 29-110 20-34 46-60 80-80 33-20 70-29 110-29 40 0 77 9 110 29 34 20 60 46 80 80 20 33 29 70 29 110z\" transform=\"scale(0.046875 0.046875)\"><\/path><\/svg><\/div><\/div><div class='ff-el-input--content'><label for='ff_515_5_file-upload_1_5' class='ff_file_upload_holder'><span class='ff_upload_btn ff-btn' tabindex='0'>Choose File<\/span> <input type=\"file\" name=\"file-upload_1\" id=\"ff_515_5_file-upload_1_5\" class=\"ff-el-form-control  ff-screen-reader-element\" data-name=\"file-upload_1\" multiple=\"1\"  aria-invalid='false' aria-required=false><\/label><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label   aria-label=\"Choose Apparel Type\">Choose Apparel Type<\/label><\/div><div class='ff-el-input--content'><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_7b84c923ffee7718f09b4c1afa42d17e'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Tshirt (Half Sleeve) $20\" data-calc_value=\"20\"  id='input_radio_7b84c923ffee7718f09b4c1afa42d17e' aria-label='Tshirt (Half Sleeve) $20' aria-invalid='false' aria-required=false> <span>Tshirt (Half Sleeve) $20<\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_4a8f4d6d4fd102ad275fcbf709b54e92'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Tshirt (Full Sleeve) $25\" data-calc_value=\"25\"  id='input_radio_4a8f4d6d4fd102ad275fcbf709b54e92' aria-label='Tshirt (Full Sleeve) $25' aria-invalid='false' aria-required=false> <span>Tshirt (Full Sleeve) $25<\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_2700dace1161172df9a88822cfde331b'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Tshirt (Drop Shoulder) $25\" data-calc_value=\"25\"  id='input_radio_2700dace1161172df9a88822cfde331b' aria-label='Tshirt (Drop Shoulder) $25' aria-invalid='false' aria-required=false> <span>Tshirt (Drop Shoulder) $25<\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_4ad185de0317196661fde5bf6ea40cf7'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Thermal Shirt $35\" data-calc_value=\"35\"  id='input_radio_4ad185de0317196661fde5bf6ea40cf7' aria-label='Thermal Shirt $35' aria-invalid='false' aria-required=false> <span>Thermal Shirt $35<\/span><\/label><\/div><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='input_radio_e77bf7dccabd65b719b16df2a70d0766'><input  type=\"radio\" name=\"input_radio\" data-name=\"input_radio\" class=\"ff-el-form-check-input ff-el-form-check-radio\" value=\"Hoodie $40\" data-calc_value=\"40\"  id='input_radio_e77bf7dccabd65b719b16df2a70d0766' aria-label='Hoodie $40' aria-invalid='false' aria-required=false> <span>Hoodie $40<\/span><\/label><\/div><\/div><\/div>        <div data-type=\"repeater_field\" data-name=\"repeater_field\" class=\"ff-el-group ff-el-repeater js-repeater\" data-root_name=\"repeater_field\"  >\n            <div class='ff-el-input--label asterisk-right'><label aria-label='Specify Order Details &amp; Quantity (Click &quot;+&quot; to add rows)' for=''>Specify Order Details &amp; Quantity (Click \"+\" to add rows)<\/label><\/div>            <div class='ff-el-input--content'>\n                <table role=\"table\" aria-label=\"Repeater Field\" data-max_repeat=\"\" data-root_name=\"repeater_field\" class=\"ff_repeater_table ff_flexible_table\">\n                    <thead>\n                    <tr>\n                                                    <th><div class='ff-el-input--label asterisk-right'><label aria-label='Color' for=''>Color<\/label><\/div><\/th>\n                                                    <th><div class='ff-el-input--label asterisk-right'><label aria-label='Size' for=''>Size<\/label><\/div><\/th>\n                                                    <th><div class='ff-el-input--label asterisk-right'><label aria-label='Quantity' for=''>Quantity<\/label><\/div><\/th>\n                                                <th><\/th>\n                    <\/tr>\n                    <\/thead>\n                    <tbody>\n                    <tr>\n                                                    <td data-label=\"Color\">\n                                                                <div class='ff-el-group'><div class='ff-el-input--content'><select type=\"select\" placeholder=\"Select Color\" aria-label=\"repeater level 1 and field Color\" name=\"repeater_field[0][]\" id=\"ff_515_5_repeater_field_0\" data-repeater_index=\"0\" data-type=\"repeater_item\" data-name=\"repeater_field_0_0\" data-error_index=\"repeater_field[0]\" data-calc_value=\"0\" class=\"ff-el-form-control\"  aria-invalid=\"false\" aria-required=\"false\" aria-labelledby=\"label_ff_515_5_repeater_field_0\"><option value=\"\">Select Color<\/option><option value=\"Black\"  >Black<\/option><option value=\"White\"  >White<\/option><option value=\"Grey\"  >Grey<\/option><option value=\"Beige\"  >Beige<\/option><option value=\"Red\"  >Red<\/option><\/select><\/div><\/div>                            <\/td>\n                                                    <td data-label=\"Size\">\n                                                                <div class='ff-el-group'><div class='ff-el-input--content'><select type=\"select\" placeholder=\"Select Size\" aria-label=\"repeater level 1 and field Size\" name=\"repeater_field[0][]\" id=\"ff_515_5_repeater_field_1\" data-repeater_index=\"1\" data-type=\"repeater_item\" data-name=\"repeater_field_1_0\" data-error_index=\"repeater_field[1]\" data-calc_value=\"0\" class=\"ff-el-form-control\"  aria-invalid=\"false\" aria-required=\"false\" aria-labelledby=\"label_ff_515_5_repeater_field_1\"><option value=\"\">Select Size<\/option><option value=\"3XL\"  >3XL<\/option><option value=\"2XL\"  >2XL<\/option><option value=\"XL\"  >XL<\/option><option value=\"L\"  >L<\/option><option value=\"M\"  >M<\/option><option value=\"S\"  >S<\/option><option value=\"XS\"  >XS<\/option><\/select><\/div><\/div>                            <\/td>\n                                                    <td data-label=\"Quantity\">\n                                                                <div class='ff-el-group'><div class='ff-el-input--content'><input type=\"number\" aria-label=\"repeater level 1 and field Quantity\" name=\"repeater_field[0][]\" id=\"ff_515_5_repeater_field_2\" data-repeater_index=\"2\" data-type=\"repeater_item\" data-name=\"repeater_field_2_0\" data-error_index=\"repeater_field[2]\" inputmode=\"numeric\" step=\"any\" class=\"ff-el-form-control\"  aria-invalid=\"false\" aria-required=false><\/div><\/div>                            <\/td>\n                                                <td class=\"repeat_btn\"><div class=\"ff-el-repeat-buttons-list js-repeat-buttons\"><span role=\"button\" aria-label=\"add repeater\" class=\"repeat-plus\"><svg tabindex=\"0\" width=\"20\" height=\"20\" viewBox=\"0 0 512 512\"><path d=\"m256 48c-115 0-208 93-208 208 0 115 93 208 208 208 115 0 208-93 208-208 0-115-93-208-208-208z m107 229l-86 0 0 86-42 0 0-86-86 0 0-42 86 0 0-86 42 0 0 86 86 0z\"><\/path><\/svg><\/span><span role=\"button\" aria-label=\"remove repeater\" class=\"repeat-minus\"><svg tabindex=\"0\" width=\"20\" height=\"20\" viewBox=\"0 0 512 512\"><path d=\"m256 48c-115 0-208 93-208 208 0 115 93 208 208 208 115 0 208-93 208-208 0-115-93-208-208-208z m107 229l-214 0 0-42 214 0z\"\"><\/path><\/svg><\/span><\/div><\/td>\n                    <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n        <\/div>\n        <div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_515_5_custom-payment-amount' id='label_ff_515_5_custom-payment-amount' aria-label=\"Total Payment Amount\">Total Payment Amount<\/label><\/div><div class='ff-el-input--content'><div class=\"ff_input-group\"><div class=\"ff_input-group-prepend\"><span class=\"ff_input-group-text\">$<\/span><\/div><input type=\"text\" name=\"custom-payment-amount\" id=\"ff_515_5_custom-payment-amount\" class=\"ff-el-form-control ff-view-only ff_payment_item ff_has_formula\" data-payment_item=\"yes\" data-name=\"custom-payment-amount\" inputmode=\"decimal\" data-calculation_formula=\"{radio.input_radio} * {repeat.repeater_field.3} \" readonly=\"1\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label   aria-label=\"Payment Method\">Payment Method<\/label><\/div><div class='ff-el-input--content'><div class='ff-el-form-check ff-el-payment-method-label'><label class='ff-el-form-check-label' for=payment_method_88f9249b8be8ffe64db557303193855f><input name=\"payment_method\" type=\"radio\" data-name=\"payment_method\" class=\"ff-el-form-check-input ff_payment_method\" value=\"stripe\"  id='payment_method_88f9249b8be8ffe64db557303193855f'> <span>Pay with Card (Stripe)<\/span><\/label><\/div><div class='ff-el-form-check ff-el-payment-method-label'><label class='ff-el-form-check-label' for=payment_method_725eff7cf27f417de8b0bb99b2ad8a1b><input name=\"payment_method\" type=\"radio\" data-name=\"payment_method\" class=\"ff-el-form-check-input ff_payment_method\" value=\"paypal\"  id='payment_method_725eff7cf27f417de8b0bb99b2ad8a1b'> <span>Pay with PayPal<\/span><\/label><\/div><div class='ff-el-form-check ff-el-payment-method-label'><label class='ff-el-form-check-label' for=payment_method_13d3619ef021d220f0ff24309d2471f5><input name=\"payment_method\" type=\"radio\" data-name=\"payment_method\" class=\"ff-el-form-check-input ff_payment_method\" value=\"test\"  id='payment_method_13d3619ef021d220f0ff24309d2471f5'> <span>Offline Payment<\/span><\/label><\/div><div class='ff-el-form-check ff-el-payment-method-label'><label class='ff-el-form-check-label' for=payment_method_ccc2713dfdf072902900ea977c2cf2ec><input name=\"payment_method\" type=\"radio\" data-name=\"payment_method\" class=\"ff-el-form-check-input ff_payment_method\" value=\"mollie\"  id='payment_method_ccc2713dfdf072902900ea977c2cf2ec'> <span>Pay with Mollie<\/span><\/label><\/div><div class='ff-el-form-check ff-el-payment-method-label'><label class='ff-el-form-check-label' for=payment_method_2f736449955541a084548159092fdbdc><input name=\"payment_method\" type=\"radio\" data-name=\"payment_method\" class=\"ff-el-form-check-input ff_payment_method\" value=\"paystack\"  id='payment_method_2f736449955541a084548159092fdbdc'> <span>Pay with PayStack<\/span><\/label><\/div><div class=\"stripe-inline-wrapper ff_pay_inline ff_pay_inline_stripe\" style=\"display: none\"><div class=\"ff-el-input--label\"><label for=\"payment_method_515_5_stripe_inline\">Pay with Card (Stripe)<\/label><\/div><div name=\"stripe_card_element\" class=\"ff_stripe_card_element ff-el-form-control\" data-wpf_payment_method=\"stripe\" id=\"payment_method_515_5_stripe_inline\" data-checkout_style=\"embedded_form\" ><\/div><div class=\"ff_card-errors text-danger\" role=\"alert\"><\/div><span style=\"margin-top: 5px;padding: 0;font-style: italic;font-size: 12px\">Stripe test mode activated<\/span><\/div><\/div><\/div><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\"  aria-label=\"Place Order\">Place Order<\/button><\/div><\/fieldset><\/form><div id='fluentform_515_errors' class='ff-errors-in-stack ff_form_instance_515_5 ff-form-loading_errors ff_form_instance_515_5_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_515_5 = {\"id\":\"515\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_515_5\",\"form_id_selector\":\"fluentform_515\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"email\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global_message\":\"This field must contain a valid email\",\"global\":true}},\"address_1[address_line_1]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"address_1[address_line_2]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"address_1[city]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"address_1[state]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"address_1[zip]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"address_1[country]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"file-upload\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"max_file_size\":{\"value\":20971520,\"_valueFrom\":\"MB\",\"message\":\"Validation fails for maximum file size\",\"global_message\":\"Validation fails for maximum file size\",\"global\":true},\"max_file_count\":{\"value\":\"2\",\"message\":\"Validation fails for maximum file count\",\"global_message\":\"Validation fails for maximum file count\",\"global\":true},\"allowed_file_types\":{\"value\":[\"jpg|jpeg|gif|png|bmp\",\"pdf\"],\"message\":\"Invalid file type\",\"global_message\":\"Invalid file type\",\"global\":true}},\"file-upload_1\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"max_file_size\":{\"value\":20971520,\"_valueFrom\":\"MB\",\"message\":\"Validation fails for maximum file size\",\"global_message\":\"Validation fails for maximum file size\",\"global\":true},\"max_file_count\":{\"value\":\"2\",\"message\":\"Validation fails for maximum file count\",\"global_message\":\"Validation fails for maximum file count\",\"global\":true},\"allowed_file_types\":{\"value\":[\"jpg|jpeg|gif|png|bmp\",\"pdf\"],\"message\":\"Invalid file type\",\"global_message\":\"Invalid file type\",\"global\":true}},\"input_radio\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"repeater_field[0]\":{\"required\":{\"value\":false,\"global\":true,\"global_message\":\"This field is required\",\"message\":\"This field is required\"}},\"repeater_field[1]\":{\"required\":{\"value\":false,\"global\":true,\"global_message\":\"This field is required\",\"message\":\"This field is required\"}},\"repeater_field[2]\":{\"required\":{\"value\":false,\"global\":true,\"global_message\":\"This field is required\",\"message\":\"This field is required\"}},\"custom-payment-amount\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"},\"numeric\":{\"value\":true,\"global\":true,\"message\":\"This field must contain numeric value\",\"global_message\":\"This field must contain numeric value\"},\"min\":{\"value\":\"\",\"global\":true,\"message\":\"Validation fails for minimum value\",\"global_message\":\"Validation fails for minimum value\"},\"max\":{\"value\":\"\",\"global\":true,\"message\":\"Validation fails for maximum value\",\"global_message\":\"Validation fails for maximum value\"}},\"payment_method\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\"}}},\"debounce_time\":300};\n                            <\/script>\n            \n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Simple equation, complex calculation<\/h2>\n\n\n\n<p>Creating <a href=\"https:\/\/fluentforms.com\/numeric-calculation\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress forms with calculations<\/a> doesn&#8217;t have to be complicated. With <a href=\"https:\/\/fluentforms.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Fluent Forms<\/a>, you have the flexibility to build anything from simple calculators to complex payment forms without any coding.<\/p>\n\n\n\n<p>Regular numeric calculations are perfect for quote calculators, estimators, and tools that compute values from user input. Repeat field calculation is ideal for adding up a variable number of values, like data sets or multiple line items.<\/p>\n\n\n\n<p>The best part is that <a href=\"https:\/\/fluentforms.com\/payment\/\" target=\"_blank\" rel=\"noreferrer noopener\">Fluent Forms handles payment<\/a> calculation automatically to save you time. It\u2019s the easiest option for standard order forms where items have fixed prices and quantities. However, sometimes you might need to set up the total payment calculation manually, especially when users pay custom amounts.<\/p>\n\n\n\n<p>Ready to build your first calculator form? Get a jump start with our <a href=\"https:\/\/fluentforms.com\/calculators\/\" target=\"_blank\" rel=\"noreferrer noopener\">calculator form templates<\/a> or start from scratch and build any calculator you can imagine!<\/p>\n\n\n\n<ul class=\"wp-block-social-links aligncenter items-justified-center is-style-default is-layout-flex wp-block-social-links-is-layout-flex\"><li class=\"wp-social-link wp-social-link-facebook  wp-block-social-link\"><a href=\"https:\/\/www.facebook.com\/wpfluentforms\" class=\"wp-block-social-link-anchor\" target=\"_blank\" rel=\"noopener\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">Facebook<\/span><\/a><\/li>\n\n<li class=\"wp-social-link wp-social-link-instagram  wp-block-social-link\"><a href=\"https:\/\/www.instagram.com\/fluentforms\/\" class=\"wp-block-social-link-anchor\" target=\"_blank\" rel=\"noopener\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">Instagram<\/span><\/a><\/li>\n\n<li class=\"wp-social-link wp-social-link-wordpress  wp-block-social-link\"><a href=\"https:\/\/wordpress.org\/plugins\/fluentform\/\" class=\"wp-block-social-link-anchor\" target=\"_blank\" rel=\"noopener\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19.889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">WordPress<\/span><\/a><\/li>\n\n<li class=\"wp-social-link wp-social-link-twitter  wp-block-social-link\"><a href=\"https:\/\/twitter.com\/Fluent_Forms\" class=\"wp-block-social-link-anchor\" target=\"_blank\" rel=\"noopener\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">Twitter<\/span><\/a><\/li>\n\n<li class=\"wp-social-link wp-social-link-youtube  wp-block-social-link\"><a href=\"https:\/\/www.youtube.com\/channel\/UCiyeXfnGx9e06hXWf0Hz7ow\" class=\"wp-block-social-link-anchor\" target=\"_blank\" rel=\"noopener\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">YouTube<\/span><\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>You want to add a calculator to your WordPress website so users can estimate the price for your services. Or maybe you just want a simple tool&#8230;<\/p>\n","protected":false},"author":38,"featured_media":65141,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[258],"tags":[],"class_list":["post-65107","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial"],"acf":[],"taxonomy_info":{"category":[{"value":258,"label":"Tutorial"}]},"featured_image_src_large":["https:\/\/fluentforms.com\/wp-content\/uploads\/2026\/02\/Easily-Create-Complex-Calculators-in-WordPress-1024x536.webp",1024,536,true],"author_info":{"display_name":"Sarika Sarmin","author_link":"https:\/\/fluentforms.com\/author\/sarika\/"},"comment_info":0,"category_info":[{"term_id":258,"name":"Tutorial","slug":"tutorial","term_group":0,"term_taxonomy_id":258,"taxonomy":"category","description":"This category covers different WordPress tutorials on many aspects. You can find well-explained articles under this category.","parent":0,"count":157,"filter":"raw","cat_ID":258,"category_count":157,"category_description":"This category covers different WordPress tutorials on many aspects. You can find well-explained articles under this category.","cat_name":"Tutorial","category_nicename":"tutorial","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/posts\/65107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/comments?post=65107"}],"version-history":[{"count":5,"href":"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/posts\/65107\/revisions"}],"predecessor-version":[{"id":65146,"href":"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/posts\/65107\/revisions\/65146"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/media\/65141"}],"wp:attachment":[{"href":"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/media?parent=65107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/categories?post=65107"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fluentforms.com\/wp-json\/wp\/v2\/tags?post=65107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}