[{"data":1,"prerenderedAt":197},["ShallowReactive",2],{"blog-how-to-add-math-formulas-in-google-forms":3},{"blogData":4,"relatedArticles":29},{"id":5,"title":6,"author":7,"authorImage":8,"authorProfile":9,"coverImg":10,"coverImgAlt":11,"createdAt":12,"description":13,"featured":14,"jsonld":15,"keywords":16,"metaDescription":17,"metaImage":18,"metaTitle":19,"publishedAt":20,"slug":21,"updatedAt":22,"__hash__":23,"body":24,"coverImgWidth":25,"coverImgHeight":26,"readingStats":27},"blog\u002Fblog\u002Fhow-to-add-math-formulas-in-google-forms.md","How to add math formulas in Google Forms","Harsh Shah",null,"https:\u002F\u002Flinkedin.com\u002Fin\u002Fharshshahseo","https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fa_blog_post_cover_about_how_to_add_math_formulas_in_google_forms_541ba07053.png","a blog post cover about how to add math formulas in google forms","2025-09-25T12:00:50.589Z","Add math equations in Google Forms with simple tools, or use Formester’s calculation field for real-time formulas and smarter assessments.",false,[],"google forms,\nhow to add math formulas in google forms, \nhow to add calculations in google forms,","Add math formulas in Google Forms with simple tools, or use Formester’s calculation field for real-time formulas and smarter assessments.",[],"How to add math formulas in Google Forms?","2026-06-22T05:06:22.803Z","how-to-add-math-formulas-in-google-forms","2026-06-22T05:06:32.735Z","g12M98w3jLr9zWpEpGOpcSy_oPyZdFfv_ipRch2v0m4","\u003Cp style=\"font-size: inherit;\">Google Forms has no built-in equation editor. Type a fraction or a square root and you get \"1\u002F2\" or \"sqrt(2)\", which looks wrong to a student staring at a math test.\u003C\u002Fp>\n\n\u003Cp>The fix is to add the formula as a clean image. Three methods cover almost every case: the Equatio extension for daily use, CodeCogs for the odd equation, and Microsoft Office if you already live in Word or PowerPoint.\u003C\u002Fp>\n\n\u003Cp>Below, each method in numbered steps, a quick comparison so you can pick fast, and a simpler route if you would rather skip add-ons entirely.\u003C\u002Fp>\n\n\u003Ch2>Can Google Forms Handle Math?\u003C\u002Fh2>\n\n\u003Cp>Short answer: not on its own. Google Forms cannot render equations, run calculations, or total numbers natively.\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>To show formulas, insert them as images (Equatio, CodeCogs, or Office).\u003C\u002Fli>\n\u003Cli>To calculate or total responses, export to Google Sheets and use spreadsheet formulas, or build the form in a tool with a calculation field.\u003C\u002Fli>\n\u003Cli>To auto-grade, Google Forms quizzes grade multiple choice and dropdown answers, but short-answer math usually needs a manual check.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>The rest of this guide covers the formula side first, then the calculation and grading side near the end.\u003C\u002Fp>\n\n\u003Ch2>Why Math Is Tricky in Google Forms\u003C\u002Fh2>\n\n\u003Cp>Google Forms was built for plain text and images, not for math. Notation needs stacked fractions, roots, exponents, and operators that sit above or below the line, and a text field flattens all of it.\u003C\u002Fp>\n\n\u003Cp>So \"x squared over two\" becomes \"x^2\u002F2\", and a student has to guess what you meant. That single gap is why many teachers default back to paper. The workarounds below close it without leaving Google Forms.\u003C\u002Fp>\n\n\u003Ch2>Method 1: Equatio Chrome Extension (Best for Frequent Use)\u003C\u002Fh2>\n\n\u003Cp>Equatio is the go-to if you build math forms often. It adds an equation button straight into Google Forms, so you never leave the page.\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>Install it. In the Chrome Web Store, search Equatio and click Add to Chrome. Sign in with the same Google account you use for Forms.\u003C\u002Fli>\n\u003Cli>Pin it. Pin the Equatio icon to your toolbar so it is one click away.\u003C\u002Fli>\n\u003Cli>Open your form. Create or open a quiz. A small blue Equatio icon (the pi symbol) appears next to question fields and answer options.\u003C\u002Fli>\n\u003Cli>Build the equation. Click the icon to open the editor at the bottom of the screen. Type \"fraction\" and it drops in a fraction template. Prefer talking or writing? Use the speak-math or handwriting input.\u003C\u002Fli>\n\u003Cli>Insert it. Click Insert Math and the equation lands in your form as a clean image.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cdiv class=\"note\">\n\u003Cp>Note: only you need Equatio. Students see the finished image and answer as normal, no install on their side.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\n\u003Ch2>Method 2: CodeCogs Equation Editor (No Install)\u003C\u002Fh2>\n\n\u003Cp>Only need an equation or two? CodeCogs is a free web tool, no extension required.\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>Open the editor. Go to the CodeCogs equation editor in your browser.\u003C\u002Fli>\n\u003Cli>Build the formula. Assemble it from the toolbar; it renders live above the buttons as you go.\u003C\u002Fli>\n\u003Cli>Copy the image URL. Scroll to the small yellow box, choose URL from the dropdown, and copy the address.\u003C\u002Fli>\n\u003Cli>Add it to your form. In Google Forms, click the image icon next to a question or answer, open the By URL tab, paste, preview, and click Add image.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>Good for occasional use. If you are inserting a dozen equations per quiz, Equatio will be faster.\u003C\u002Fp>\n\n\u003Ch2>Method 3: Microsoft Word or PowerPoint\u003C\u002Fh2>\n\n\u003Cp>Already comfortable in Office? Build the equation there and bring it across as an image.\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>Create the equation. In Word or PowerPoint, go to Insert, then Equation, and type your formula with the symbol picker.\u003C\u002Fli>\n\u003Cli>Capture it. Take a screenshot of the rendered equation.\u003C\u002Fli>\n\u003Cli>Upload it. Back in Google Forms, click the image icon, open the Upload tab, and add the screenshot.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>Slowest of the three for volume, but handy when you already have equations sitting in Office files.\u003C\u002Fp>\n\n\u003Ch2>Which Method Should You Use?\u003C\u002Fh2>\n\n\u003Cp>Pick by how often you teach math and whether you mind installing anything.\u003C\u002Fp>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\u003Cth>Method\u003C\u002Fth>\u003Cth>Best for\u003C\u002Fth>\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>Equatio extension\u003C\u002Ftd>\u003Ctd>Install needed, free tier with paid upgrades, best for frequent math forms and the fastest day to day.\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>CodeCogs\u003C\u002Ftd>\u003Ctd>No install, free, best for one or two equations now and then.\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Microsoft Office\u003C\u002Ftd>\u003Ctd>No new install if you have Office, best when your equations already live in Word or PowerPoint.\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Built-in calculation field (Formester)\u003C\u002Ftd>\u003Ctd>No add-ons, no screenshots, best when you also want the form to calculate or auto-grade numeric answers.\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Ch2>Skip the Add-Ons: Formester's Calculation Field\u003C\u002Fh2>\n\n\u003Cp>Every method above works, but each one adds steps: install an add-on, copy a URL, or paste a screenshot. If math is a regular part of your forms, that friction adds up.\u003C\u002Fp>\n\n\u003Cp>Formester takes a different route with a \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Fcalculating-fields\u002F\">built-in calculation field\u003C\u002Fa>. The math happens inside the form, in real time, with no images to manage. You can:\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>Add basic or advanced formulas directly in the form.\u003C\u002Fli>\n\u003Cli>Auto-grade numeric answers by linking formulas to answer fields.\u003C\u002Fli>\n\u003Cli>Build finance or science forms that calculate results as the respondent types.\u003C\u002Fli>\n\u003Cli>Keep equations clean and readable without extensions or screenshots.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>For a quiz or test, you can \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftest-creator\u002F\">build one in seconds with AI\u003C\u002Fa>, then set pass marks and per-question points so scoring runs itself. Prefer to start from a layout? The \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Fcategories\u002Fquizzes\u002F\">quiz templates\u003C\u002Fa> give you a head start.\u003C\u002Fp>\n\n\u003Ch2>Pick the Method That Fits Your Workload\u003C\u002Fh2>\n\n\u003Cp>Google Forms is not as limited for math as it first looks. For everyday use, Equatio is worth the install. For the occasional equation, CodeCogs or Office will do. Match the method to how often you teach math and you will not overthink it.\u003C\u002Fp>\n\n\u003Cp>If you want the math, the calculation, and the grading handled in one place without add-ons, \u003Ca href=\"https:\u002F\u002Fapp.formester.com\u002Fusers\u002Fsign_up\u002F\">build your math assessment in Formester\u003C\u002Fa> and let the form do the arithmetic for you.\u003C\u002Fp>\n\n\u003Csection class=\"faq\">\n\u003Ch2>Math in Google Forms FAQ\u003C\u002Fh2>\n\u003Cdetails>\u003Csummary>Can you add math formulas in Google Forms?\u003C\u002Fsummary>\u003Cdiv>Google Forms has no built-in equation editor, so you add formulas as images. The three common methods are the Equatio Chrome extension, the free CodeCogs editor, and the equation tool in Word or PowerPoint.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>What is the easiest way to add equations in Google Forms?\u003C\u002Fsummary>\u003Cdiv>For frequent use, the Equatio extension is easiest because it adds an equation button inside the form. For one or two equations, CodeCogs is faster since it needs no install.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>Can Google Forms do calculations or add up numbers?\u003C\u002Fsummary>\u003Cdiv>Not on its own. Either export responses to Google Sheets and use spreadsheet formulas, or build the form in a tool with a calculation field that does the math inside the form in real time.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>Can Google Forms auto-grade math answers?\u003C\u002Fsummary>\u003Cdiv>Google Forms quizzes auto-grade multiple choice, checkbox, and dropdown answers from your answer key. Short-answer math often needs manual review, so many teachers use a calculation field to score numeric answers automatically.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>Do students need to install anything to answer math questions?\u003C\u002Fsummary>\u003Cdiv>No. If you build the equations as images, students just see and answer the question. The Equatio extension is only needed by the teacher creating the form.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003C\u002Fsection>\n\n",1214,630,{"text":28},"6 min read",[30,66,97,179],{"title":31,"author":7,"authorImage":8,"authorProfile":9,"coverImg":32,"coverImgAlt":33,"createdAt":34,"description":35,"featured":14,"jsonld":36,"keywords":55,"metaDescription":35,"metaImage":56,"metaTitle":57,"publishedAt":58,"slug":59,"updatedAt":60,"__hash__":61,"body":62,"id":63,"coverImgWidth":25,"coverImgHeight":26,"readingStats":64},"What is Conditional Logic in Forms? A Practical Guide with 8 Examples","https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002FBlog_post_cover_1_7f09e73c8f.png","an illustration of conditional logic","2024-09-12T19:11:07.554Z","Conditional logic in forms shows or hides questions based on previous answers. See 8 real examples, the 8 builders that support it, and how to set it up in minu",[37],{"@type":38,"image":39,"author":40,"@context":44,"headline":31,"publisher":45,"description":51,"dateModified":52,"datePublished":53,"mainEntityOfPage":54},"Article","https:\u002F\u002Fformester.com\u002Fblog\u002Fwhat-is-conditional-logic-how-to-use-it\u002Fpreview.png",{"url":41,"name":42,"@type":43},"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fharish-kumar2424\u002F","Harish Kumar","Person","https:\u002F\u002Fschema.org",{"logo":46,"name":49,"@type":50},{"url":47,"@type":48},"https:\u002F\u002Fformester.com\u002Flogo.svg","ImageObject","Formester","Organization","Conditional logic in forms shows or hides questions based on previous answers. See 8 real examples, the 8 builders that support it, and how to set it up in minutes.","2026-06-11","2024-09-13","https:\u002F\u002Fformester.com\u002Fblog\u002Fwhat-is-conditional-logic-how-to-use-it\u002F","conditional logic,\nconditional logic google forms,\nforms with conditional logic,\nwhat is conditional logic,\nform builder with conditional logic,\nbest conditional logic forms,\nconditional logic forms,",[],"Conditional Logic in Forms: 8 Examples + How to Add","2026-06-15T04:44:05.290Z","what-is-conditional-logic-how-to-use-it","2026-06-15T04:44:05.295Z","2M9qh9YhUNTgD-wmkN_SpaNrsb7p7VJHiKuVs70ZwFk","\u003Cstyle>\n\u002F* batch-1 blog normalisation *\u002F\n.fmstr-blog-lead {\n  font-size: 17px !important;\n  line-height: 1.65 !important;\n  color: #475467 !important;\n  font-weight: 400 !important;\n  margin: 0 0 16px !important;\n}\n.fmstr-blog-lead a { color: #6941c6 !important; font-weight: 500; }\n.fmstr-blog-lead a:hover { text-decoration: underline !important; }\n.fmstr-blog-lead strong { color: #101828; font-weight: 700; }\nsection[class^=\"fmstr-cmp-\"], section[class*=\" fmstr-cmp-\"] {\n  padding-top: 28px !important;\n  padding-bottom: 28px !important;\n}\n@media (max-width: 540px) {\n  section[class^=\"fmstr-cmp-\"], section[class*=\" fmstr-cmp-\"] {\n    padding-top: 24px !important;\n    padding-bottom: 24px !important;\n  }\n}\n\u003C\u002Fstyle>\n\n\u003Cstyle id=\"fmstr-blog-mobile-fullwidth-v3\">\n@media (max-width: 760px) {\n  .art-section { padding-left: 12px !important; padding-right: 12px !important; }\n}\n@media (max-width: 540px) {\n  .art-section { padding-left: 6px !important; padding-right: 6px !important; padding-top: 24px !important; }\n  section[class^=\"fmstr-cmp-\"], section[class*=\" fmstr-cmp-\"] {\n    padding-left: 0 !important; padding-right: 0 !important;\n    overflow-x: hidden !important; box-sizing: border-box !important;\n  }\n  section[class^=\"fmstr-cmp-\"] *, section[class^=\"fmstr-cmp-\"] *::before, section[class^=\"fmstr-cmp-\"] *::after { box-sizing: border-box !important; }\n  section[class^=\"fmstr-cmp-\"] > *, section[class^=\"fmstr-cmp-\"] > * > * { min-width: 0 !important; }\n  section[class^=\"fmstr-cmp-\"] [class*=\"__container\"] {\n    padding-left: 0 !important; padding-right: 0 !important;\n    max-width: 100% !important; width: 100% !important;\n  }\n  section[class^=\"fmstr-cmp-\"] [class*=\"__card\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__step\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__panel\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__tool\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__verdict\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__row\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__fix\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__callout\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__quote\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__tldr\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__answer\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__faq\"],\n  section[class^=\"fmstr-cmp-\"] details {\n    padding-left: 14px !important; padding-right: 14px !important;\n    margin-left: 0 !important; margin-right: 0 !important;\n  }\n  section[class^=\"fmstr-cmp-\"] p, section[class^=\"fmstr-cmp-\"] li { font-size: 15px !important; line-height: 1.6 !important; }\n  section[class^=\"fmstr-cmp-\"] h2 { font-size: 22px !important; line-height: 1.22 !important; }\n  section[class^=\"fmstr-cmp-\"] h3 { font-size: 18px !important; line-height: 1.3 !important; }\n  section[class^=\"fmstr-cmp-\"] h4 { font-size: 16px !important; line-height: 1.35 !important; }\n  section[class^=\"fmstr-cmp-\"] table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; width: 100% !important; }\n  section[class^=\"fmstr-cmp-\"] img, section[class^=\"fmstr-cmp-\"] iframe, section[class^=\"fmstr-cmp-\"] video { max-width: 100% !important; height: auto !important; }\n  section[class^=\"fmstr-cmp-\"] pre, section[class^=\"fmstr-cmp-\"] code {\n    white-space: pre-wrap !important; overflow-wrap: anywhere !important; word-break: break-word !important;\n  }\n  section[class^=\"fmstr-cmp-\"] pre { overflow-x: auto; }\n  .fmstr-blog-lead { font-size: 16.5px !important; }\n}\n\u003C\u002Fstyle>\n\n\u003Cp class=\"fmstr-blog-lead\">Conditional logic is what makes a form ask the right question to the right person. If a respondent answers \"yes,\" they see follow-up questions. If they answer \"no,\" the form skips ahead.\u003C\u002Fp>\n\n\u003Cp class=\"fmstr-blog-lead\">The form gets shorter for every person who fills it in, which is why \u003Ca href=\"https:\u002F\u002Fwww.feathery.io\u002Fblog\u002Fwhat-is-conditional-logic\">conditional-logic forms see roughly 30 percent higher completion rates than static forms\u003C\u002Fa> in published builder benchmarks.\u003C\u002Fp>\n\n\u003Cp class=\"fmstr-blog-lead\">This guide covers what conditional logic in forms actually is, eight examples by industry, the eight form builders that support it (with the plan tier you need), and a 6-step walkthrough for setting it up inside \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Fconditional-logic\u002F\">Formester's conditional logic builder\u003C\u002Fa>.\u003C\u002Fp>\n\n\u003Cstyle>\n.fmstr-cmp-tmpl-tldr a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-tldr {\n--c-card: #f7f3ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-600: #6941c6; --c-violet-700: #5b34b1;\n--c-edge: #e4d7ff; --c-border: #d6c2f7;\n--c-shadow: 0 1px 3px rgba(16,24,40,.05);\nbackground: transparent;\npadding: 28px 0 40px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important; overflow-x: hidden; -webkit-text-size-adjust: 100%;}\n.fmstr-cmp-tmpl-tldr *, .fmstr-cmp-tmpl-tldr *::before, .fmstr-cmp-tmpl-tldr *::after { box-sizing: border-box; }\n.fmstr-cmp-tmpl-tldr__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-tmpl-tldr__card {\nbackground: var(--c-card);\nborder: 1px solid var(--c-border);\nborder-left: 4px solid var(--c-violet-500);\nborder-radius: 14px;\npadding: 22px 26px;\nbox-shadow: var(--c-shadow);\ndisplay: flex; flex-direction: column; gap: 10px;\n}\n.fmstr-cmp-tmpl-tldr__label {\nfont-size: 12px !important;\nfont-weight: 700 !important;\nletter-spacing: 0.08em !important;\ntext-transform: uppercase;\ncolor: var(--c-violet-700) !important;\ndisplay: inline-flex;\nalign-items: center;\ngap: 8px;\nmargin: 0 !important;\n}\n.fmstr-cmp-tmpl-tldr__label::before {\ncontent: \"\";\nwidth: 8px; height: 8px; border-radius: 9999px;\nbackground: var(--c-violet-500);\ndisplay: inline-block;\n}\n.fmstr-cmp-tmpl-tldr__body {\nfont-size: 16px !important;\nline-height: 1.65 !important;\ncolor: var(--c-fg-1);\nmargin: 0 !important;\nfont-weight: 500 !important;\n}\n.fmstr-cmp-tmpl-tldr__body strong { color: var(--c-violet-700); font-weight: 700; }\n.fmstr-cmp-tmpl-tldr__body a { color: var(--c-violet-600) !important; font-weight: 600; }\n.fmstr-cmp-tmpl-tldr__body a:hover { text-decoration: underline !important; }\n\n@media (max-width: 540px) {\n.fmstr-cmp-tmpl-tldr { padding: 20px 0 28px; }\n.fmstr-cmp-tmpl-tldr__card { padding: 18px 20px; }\n.fmstr-cmp-tmpl-tldr__body { font-size: 15px !important; }\n}\n\n\n\u002F* mobile-safety-v2 *\u002F\n.fmstr-cmp-tmpl-tldr img, .fmstr-cmp-tmpl-tldr table, .fmstr-cmp-tmpl-tldr pre, .fmstr-cmp-tmpl-tldr iframe, .fmstr-cmp-tmpl-tldr video { max-width: 100%; }\n.fmstr-cmp-tmpl-tldr > * { min-width: 0; }\n.fmstr-cmp-tmpl-tldr [class*='__grid'] > *, .fmstr-cmp-tmpl-tldr [class*='__list'] > *, .fmstr-cmp-tmpl-tldr [class*='__cards'] > * { min-width: 0; max-width: 100%; }\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-tldr pre { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .fmstr-cmp-tmpl-tldr table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-tldr\" aria-labelledby=\"fmstr-cmp-tmpl-tldr-label\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-tldr__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-tldr__card\">\n\u003Cp class=\"fmstr-cmp-tmpl-tldr__label\" id=\"fmstr-cmp-tmpl-tldr-label\">Quick answer\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-tldr__body\">\u003Cstrong>Conditional logic\u003C\u002Fstrong> in forms is a rule that shows, hides, or reroutes questions based on what the respondent just answered. Every rule has three parts: a trigger field, a condition (equals, contains, is empty), and an action (show, hide, jump, require, route).\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-tldr__body\">Forms with conditional logic see roughly \u003Ca href=\"https:\u002F\u002Fwww.feathery.io\u002Fblog\u002Fwhat-is-conditional-logic\">30 percent higher completion rates\u003C\u002Fa> because respondents only see the questions that apply to them.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-tldr__body\">The 8 examples and builder comparison below cover the patterns that ship most often, plus the 6-step setup inside Formester's conditional logic builder.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003Cstyle>\n\u002F* host-link-override *\u002F\n.fmstr-cmp-wicl-cmp a { text-decoration: none !important; }\n.fmstr-cmp-wicl-cmp {\n--c-bg-section: #f4f4f7; --c-bg-card: #ffffff;\n--c-bg-tint: #f7f3ff; --c-bg-edge: #e4d7ff; --c-bg-row: #fafafb;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-600: #6941c6;\n--c-border: #eaecf0;\n--c-shadow: 0 4px 20px rgba(16,24,40,.06), 0 2px 6px rgba(16,24,40,.04);\n\nbackground: transparent; padding: 56px 24px;\nfont-family: inherit;\ncolor: var(--c-fg-1); overflow-x: hidden; -webkit-text-size-adjust: 100%;}\n.fmstr-cmp-wicl-cmp *, .fmstr-cmp-wicl-cmp *::before, .fmstr-cmp-wicl-cmp *::after { box-sizing: border-box; }\n.fmstr-cmp-wicl-cmp__container { max-width: 1180px; margin: 0 auto; text-align: left; }\n.fmstr-cmp-wicl-cmp__eyebrow {\ndisplay: inline-block; padding: 5px 12px; border-radius: 9999px;\nbackground: var(--c-bg-tint); color: var(--c-violet-600);\nfont-size: 12px; font-weight: 600; letter-spacing: .04em;\ntext-transform: uppercase; border: 1px solid var(--c-bg-edge); margin: 0 0 14px;\n}\n.fmstr-cmp-wicl-cmp__h2 { font-size: clamp(26px, 3vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -.02em; margin: 0; color: var(--c-fg-1); }\n.fmstr-cmp-wicl-cmp__intro { color: var(--c-fg-3); font-size: 17px; line-height: 1.6; max-width: 820px; margin: 14px 0 28px; }\n.fmstr-cmp-wicl-cmp__card { background: var(--c-bg-card); border: 1px solid var(--c-border); border-radius: 20px; overflow: hidden; box-shadow: var(--c-shadow); text-align: left; }\n.fmstr-cmp-wicl-cmp__scroll { overflow-x: auto; }\n.fmstr-cmp-wicl-cmp__table { width: 100%; border-collapse: collapse; font-size: 14.5px; min-width: 720px; }\n.fmstr-cmp-wicl-cmp__table th, .fmstr-cmp-wicl-cmp__table td { padding: 14px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--c-border); }\n.fmstr-cmp-wicl-cmp__table thead th { padding: 12px 16px !important; vertical-align: middle !important; background: var(--c-bg-tint); color: var(--c-violet-600); font-weight: 700; font-size: 12.5px; text-transform: uppercase; letter-spacing: .06em; line-height: 1.3 !important; }\n.fmstr-cmp-wicl-cmp__table thead tr { height: 48px; }\n.fmstr-cmp-wicl-cmp__table tbody th { font-weight: 600; color: var(--c-fg-1); background: var(--c-bg-row); width: 22%; }\n.fmstr-cmp-wicl-cmp__table tbody td { color: var(--c-fg-2); }\n.fmstr-cmp-wicl-cmp__table tbody tr:last-child th, .fmstr-cmp-wicl-cmp__table tbody tr:last-child td { border-bottom: 0; }\n.fmstr-cmp-wicl-cmp__table a { color: var(--c-violet-600) !important; text-decoration: none !important; font-weight: 500; }\n.fmstr-cmp-wicl-cmp__table a:hover { text-decoration: underline !important; }\n.fmstr-cmp-wicl-cmp__table tr.is-pick th { background: linear-gradient(135deg, #7f56d9, #6941c6); color: #ffffff !important; }\n.fmstr-cmp-wicl-cmp__table tr.is-pick th a { color: #ffffff !important; }\n.fmstr-cmp-wicl-cmp__close { margin: 20px 0 0; font-size: 15px; color: var(--c-fg-3); line-height: 1.6; max-width: 880px; }\n.fmstr-cmp-wicl-cmp__close a { color: var(--c-violet-600) !important; font-weight: 500; }\n.fmstr-cmp-wicl-cmp__close a:hover { text-decoration: underline !important; }\n\n@media (max-width: 760px) {\n.fmstr-cmp-wicl-cmp { padding: 40px 16px; }\n.fmstr-cmp-wicl-cmp__intro { font-size: 15.5px; }\n.fmstr-cmp-wicl-cmp__close { font-size: 14.5px; }\n.fmstr-cmp-wicl-cmp__card { background: transparent; border: 0; box-shadow: none; border-radius: 0; padding: 0; }\n.fmstr-cmp-wicl-cmp__scroll { overflow: visible; }\n.fmstr-cmp-wicl-cmp__table { display: block; min-width: 0; width: 100%; }\n.fmstr-cmp-wicl-cmp__table thead { display: none; }\n.fmstr-cmp-wicl-cmp__table tbody { display: block; }\n.fmstr-cmp-wicl-cmp__table tbody tr { display: block; background: #ffffff; border: 1px solid #eaecf0; border-radius: 14px; margin-bottom: 14px; box-shadow: 0 1px 3px rgba(16,24,40,.04); overflow: hidden; }\n.fmstr-cmp-wicl-cmp__table tbody tr:last-child { margin-bottom: 0; }\n.fmstr-cmp-wicl-cmp__table tbody th { display: block; width: 100%; background: #f7f3ff; color: #6941c6 !important; font-size: 16px; font-weight: 700; padding: 12px 16px; border-bottom: 1px solid #e4d7ff; }\n.fmstr-cmp-wicl-cmp__table tbody th a { color: #6941c6 !important; }\n.fmstr-cmp-wicl-cmp__table tbody td { display: block; padding: 10px 16px; border: 0; font-size: 14.5px; line-height: 1.5; color: #475467; }\n.fmstr-cmp-wicl-cmp__table tbody td::before { content: attr(data-h) \": \"; font-weight: 600; color: #101828; }\n.fmstr-cmp-wicl-cmp__table tbody tr.is-pick { box-shadow: 0 4px 14px rgba(127,86,217,.12); border-color: #e4d7ff; }\n.fmstr-cmp-wicl-cmp__table tbody tr.is-pick th { background: linear-gradient(135deg, #7f56d9, #6941c6) !important; color: #ffffff !important; border-bottom-color: transparent; }\n.fmstr-cmp-wicl-cmp__table tbody tr.is-pick th a { color: #ffffff !important; }\n}\n\n\n\u002F* mobile-safety-v2 *\u002F\n.fmstr-cmp-wicl-cmp img, .fmstr-cmp-wicl-cmp table, .fmstr-cmp-wicl-cmp pre, .fmstr-cmp-wicl-cmp iframe, .fmstr-cmp-wicl-cmp video { max-width: 100%; }\n.fmstr-cmp-wicl-cmp > * { min-width: 0; }\n.fmstr-cmp-wicl-cmp [class*='__grid'] > *, .fmstr-cmp-wicl-cmp [class*='__list'] > *, .fmstr-cmp-wicl-cmp [class*='__cards'] > * { min-width: 0; max-width: 100%; }\n@media (max-width: 540px) {\n  .fmstr-cmp-wicl-cmp pre { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .fmstr-cmp-wicl-cmp table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-wicl-cmp\" aria-labelledby=\"fmstr-cmp-wicl-cmp-h2\">\n\u003Cdiv class=\"fmstr-cmp-wicl-cmp__container\">\n\u003Cspan class=\"fmstr-cmp-wicl-cmp__eyebrow\">Which builders support conditional logic\u003C\u002Fspan>\n\u003Ch2 class=\"fmstr-cmp-wicl-cmp__h2\" id=\"fmstr-cmp-wicl-cmp-h2\">Conditional logic across 8 form builders, with the plan tier you need\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-wicl-cmp__intro\">Most modern form builders ship conditional logic, but the plan tier required to unlock it varies a lot. The table below maps the major builders against the cheapest paid plan you need to use it, accurate as of 2026.\u003C\u002Fp>\n\u003Cdiv class=\"fmstr-cmp-wicl-cmp__card\">\n\u003Cdiv class=\"fmstr-cmp-wicl-cmp__scroll\">\n\u003Ctable class=\"fmstr-cmp-wicl-cmp__table\">\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Form builder\u003C\u002Fth>\n\u003Cth>Conditional logic supported?\u003C\u002Fth>\n\u003Cth>Cheapest plan that unlocks it\u003C\u002Fth>\n\u003Cth>Notes\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr class=\"is-pick\">\n\u003Cth>Formester\u003C\u002Fth>\n\u003Ctd data-h=\"Conditional logic supported?\">Yes\u003C\u002Ftd>\n\u003Ctd data-h=\"Cheapest plan\">Personal plan ($9\u002Fmo)\u003C\u002Ftd>\n\u003Ctd data-h=\"Notes\">Free plan supports basic rules; Personal+ adds AND\u002FOR operators, skip-page logic, conditional notifications\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Cth>\u003Ca href=\"https:\u002F\u002Fwww.jotform.com\u002Fform-features\u002Fconditional-logic\u002F\">Jotform\u003C\u002Fa>\u003C\u002Fth>\n\u003Ctd data-h=\"Conditional logic supported?\">Yes\u003C\u002Ftd>\n\u003Ctd data-h=\"Cheapest plan\">Free\u003C\u002Ftd>\n\u003Ctd data-h=\"Notes\">Free plan caps total conditions per form; Bronze and above lift the cap\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Cth>\u003Ca href=\"https:\u002F\u002Fwww.typeform.com\u002Fhelp\u002Fa\u002Fconditional-logic-aka-logic-jumps-360029265072\u002F\">Typeform\u003C\u002Fa>\u003C\u002Fth>\n\u003Ctd data-h=\"Conditional logic supported?\">Yes (Logic Jumps)\u003C\u002Ftd>\n\u003Ctd data-h=\"Cheapest plan\">Basic plan ($25\u002Fmo)\u003C\u002Ftd>\n\u003Ctd data-h=\"Notes\">Free plan has no Logic Jumps; Basic unlocks them\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Cth>\u003Ca href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-add-conditional-questions-in-google-forms\u002F\">Google Forms\u003C\u002Fa>\u003C\u002Fth>\n\u003Ctd data-h=\"Conditional logic supported?\">Section-jump workaround only\u003C\u002Ftd>\n\u003Ctd data-h=\"Cheapest plan\">Free\u003C\u002Ftd>\n\u003Ctd data-h=\"Notes\">No true field-level conditional logic; respondents jump between sections, not fields. Walkthrough here\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Cth>\u003Ca href=\"https:\u002F\u002Fwww.gravityforms.com\u002Ffeatures\u002F\">Gravity Forms\u003C\u002Fa>\u003C\u002Fth>\n\u003Ctd data-h=\"Conditional logic supported?\">Yes\u003C\u002Ftd>\n\u003Ctd data-h=\"Cheapest plan\">Basic license ($59\u002Fyr)\u003C\u002Ftd>\n\u003Ctd data-h=\"Notes\">No free plan; all paid tiers include conditional logic\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Cth>\u003Ca href=\"https:\u002F\u002Fwpforms.com\u002Ffeatures\u002Fsmart-conditional-logic\u002F\">WPForms\u003C\u002Fa>\u003C\u002Fth>\n\u003Ctd data-h=\"Conditional logic supported?\">Yes\u003C\u002Ftd>\n\u003Ctd data-h=\"Cheapest plan\">Basic license ($49.50\u002Fyr)\u003C\u002Ftd>\n\u003Ctd data-h=\"Notes\">Lite (free) version does not include conditional logic; Basic license is the entry point\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Cth>\u003Ca href=\"https:\u002F\u002Fsupport.microsoft.com\u002Fen-us\u002Foffice\u002Fuse-branching-logic-in-microsoft-forms-16634fda-eddb-44da-856d-6a8213f0d8bb\">Microsoft Forms\u003C\u002Fa>\u003C\u002Fth>\n\u003Ctd data-h=\"Conditional logic supported?\">Section branching only\u003C\u002Ftd>\n\u003Ctd data-h=\"Cheapest plan\">Free with Microsoft 365\u003C\u002Ftd>\n\u003Ctd data-h=\"Notes\">Branches whole sections, not individual fields; no AND\u002FOR operators\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Cth>\u003Ca href=\"https:\u002F\u002Fwww.fillout.com\u002F\">Fillout\u003C\u002Fa>\u003C\u002Fth>\n\u003Ctd data-h=\"Conditional logic supported?\">Yes\u003C\u002Ftd>\n\u003Ctd data-h=\"Cheapest plan\">Free\u003C\u002Ftd>\n\u003Ctd data-h=\"Notes\">Free plan includes conditional logic; Pro lifts submission caps and unlocks calculations\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-wicl-cmp__close\">Pricing and feature claims verified against each vendor's pricing page as of 2026. Plan tiers change frequently; check the live pricing page before publishing this anywhere downstream.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-wicl-cmp__close\">For multi-branch trees, AND\u002FOR operators, and conditional notifications on a free plan, the cleanest fit is Formester's conditional logic.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003Cstyle>\n\u002F* host-link-override *\u002F\n.fmstr-cmp-wicl-ex a { text-decoration: none !important; }\n.fmstr-cmp-wicl-ex {\n--c-bg-page: #ffffff;\n--c-bg-card: #ffffff;\n--c-bg-violet: linear-gradient(135deg, #ede4ff, #ddd0fb);\n--c-bg-green: linear-gradient(135deg, #dcfce7, #bbf7d0);\n--c-bg-amber: linear-gradient(135deg, #fef3c7, #fde68a);\n--c-bg-blue: linear-gradient(135deg, #dbeafe, #bfdbfe);\n--c-bg-rose: linear-gradient(135deg, #ffe4e6, #fecdd3);\n--c-bg-teal: linear-gradient(135deg, #ccfbf1, #99f6e4);\n--c-bg-orange: linear-gradient(135deg, #ffedd5, #fed7aa);\n--c-bg-slate: linear-gradient(135deg, #e2e8f0, #cbd5e1);\n--c-fg-1: #101828;\n--c-fg-2: #475467;\n--c-fg-3: #697586;\n--c-violet-600: #6941c6;\n--c-border: #eaecf0;\n--c-shadow: 0 1px 3px rgba(16,24,40,.05), 0 1px 2px rgba(16,24,40,.03);\n\nbackground: transparent;\npadding: 56px 24px;\nfont-family: inherit;\ncolor: var(--c-fg-1); overflow-x: hidden; -webkit-text-size-adjust: 100%;}\n.fmstr-cmp-wicl-ex *, .fmstr-cmp-wicl-ex *::before, .fmstr-cmp-wicl-ex *::after { box-sizing: border-box; }\n.fmstr-cmp-wicl-ex__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-wicl-ex__header { margin: 0 0 28px; max-width: 820px; }\n.fmstr-cmp-wicl-ex__h2 { font-size: clamp(26px, 3vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -.02em; margin: 0; color: var(--c-fg-1); }\n.fmstr-cmp-wicl-ex__intro { color: var(--c-fg-3); font-size: 17px; line-height: 1.6; margin: 14px 0 0; }\n.fmstr-cmp-wicl-ex__grid { display: flex; flex-direction: column; gap: 20px; }\n\n.fmstr-cmp-wicl-ex__block {\nbackground: var(--c-bg-card); border: 1px solid var(--c-border);\nborder-radius: 24px; padding: 28px 32px; box-shadow: var(--c-shadow);\n}\n.fmstr-cmp-wicl-ex__head { display: flex; align-items: flex-start; gap: 18px; flex-wrap: wrap; }\n.fmstr-cmp-wicl-ex__thumb {\nwidth: 72px; height: 72px; border-radius: 14px;\ndisplay: grid; place-items: center; flex-shrink: 0; font-size: 28px;\n color: var(--c-fg-1); }\n.fmstr-cmp-wicl-ex__thumb svg { width: 28px; height: 28px; stroke: var(--c-fg-1); }\n.fmstr-cmp-wicl-ex__thumb--lead { background: var(--c-bg-violet); }\n.fmstr-cmp-wicl-ex__thumb--job { background: var(--c-bg-green); }\n.fmstr-cmp-wicl-ex__thumb--health { background: var(--c-bg-rose); }\n.fmstr-cmp-wicl-ex__thumb--ecom { background: var(--c-bg-amber); }\n.fmstr-cmp-wicl-ex__thumb--event { background: var(--c-bg-blue); }\n.fmstr-cmp-wicl-ex__thumb--edu { background: var(--c-bg-teal); }\n.fmstr-cmp-wicl-ex__thumb--hr { background: var(--c-bg-orange); }\n.fmstr-cmp-wicl-ex__thumb--contact { background: var(--c-bg-slate); }\n.fmstr-cmp-wicl-ex__meta { flex: 1; min-width: 240px; }\n.fmstr-cmp-wicl-ex__index {\ndisplay: inline-block; font-size: 12.5px; font-weight: 700;\nletter-spacing: .06em; text-transform: uppercase;\ncolor: var(--c-violet-600); margin: 0 0 4px;\n}\n.fmstr-cmp-wicl-ex__meta h3 { font-size: 22px; font-weight: 700; letter-spacing: -.02em; margin: 0; color: var(--c-fg-1); line-height: 1.25; }\n.fmstr-cmp-wicl-ex__body { font-size: 16px; line-height: 1.65; color: var(--c-fg-2); margin: 16px 0 0; }\n.fmstr-cmp-wicl-ex__body a { color: var(--c-violet-600) !important; font-weight: 500; }\n.fmstr-cmp-wicl-ex__body a:hover { text-decoration: underline !important; }\n\n@media (max-width: 760px) {\n.fmstr-cmp-wicl-ex { padding: 40px 16px; }\n.fmstr-cmp-wicl-ex__grid { gap: 14px; }\n.fmstr-cmp-wicl-ex__block { padding: 22px 20px; border-radius: 18px; }\n.fmstr-cmp-wicl-ex__head { gap: 14px; }\n.fmstr-cmp-wicl-ex__thumb { width: 56px; height: 56px; border-radius: 12px; font-size: 24px; }\n.fmstr-cmp-wicl-ex__meta { min-width: 0; }\n.fmstr-cmp-wicl-ex__meta h3 { font-size: 19px; line-height: 1.25; }\n.fmstr-cmp-wicl-ex__body { font-size: 15px; }\n}\n\n\n\u002F* mobile-safety-v2 *\u002F\n.fmstr-cmp-wicl-ex img, .fmstr-cmp-wicl-ex table, .fmstr-cmp-wicl-ex pre, .fmstr-cmp-wicl-ex iframe, .fmstr-cmp-wicl-ex video { max-width: 100%; }\n.fmstr-cmp-wicl-ex > * { min-width: 0; }\n.fmstr-cmp-wicl-ex [class*='__grid'] > *, .fmstr-cmp-wicl-ex [class*='__list'] > *, .fmstr-cmp-wicl-ex [class*='__cards'] > * { min-width: 0; max-width: 100%; }\n@media (max-width: 540px) {\n  .fmstr-cmp-wicl-ex pre { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .fmstr-cmp-wicl-ex table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-wicl-ex\" aria-labelledby=\"fmstr-cmp-wicl-ex-h2\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__container\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__header\">\n\u003Ch2 class=\"fmstr-cmp-wicl-ex__h2\" id=\"fmstr-cmp-wicl-ex-h2\">8 conditional logic examples by use case\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-wicl-ex__intro\">These are the patterns that show up most often in real production forms.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__grid\">\n\n\u003Carticle class=\"fmstr-cmp-wicl-ex__block\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__head\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__thumb fmstr-cmp-wicl-ex__thumb--lead\" aria-hidden=\"true\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpath d=\"M3 3v18h18\"\u002F>\u003Cpath d=\"M7 14l4-4 4 4 6-6\"\u002F>\u003C\u002Fsvg>\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__meta\">\n\u003Cp class=\"fmstr-cmp-wicl-ex__index\">Example 1\u003C\u002Fp>\n\u003Ch3>Lead capture form: qualify by company size\u003C\u002Fh3>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-wicl-ex__body\">Ask \"How many employees does your company have?\" If the answer is over 50, route to a sales-call booking field. If under 50, route to a self-serve trial link. The same form serves both segments without splitting your campaign into two URLs.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-wicl-ex__body\">Pair with \u003Ca href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fcreate-lead-capture-form-effectively\u002F\">lead capture form best practices\u003C\u002Fa> for the field-order rules that keep conversions high.\u003C\u002Fp>\n\u003C\u002Farticle>\n\n\u003Carticle class=\"fmstr-cmp-wicl-ex__block\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__head\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__thumb fmstr-cmp-wicl-ex__thumb--job\" aria-hidden=\"true\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Crect x=\"3\" y=\"7\" width=\"18\" height=\"14\" rx=\"2\"\u002F>\u003Cpath d=\"M8 7V5a2 2 0 012-2h4a2 2 0 012 2v2\"\u002F>\u003Cpath d=\"M3 13h18\"\u002F>\u003C\u002Fsvg>\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__meta\">\n\u003Cp class=\"fmstr-cmp-wicl-ex__index\">Example 2\u003C\u002Fp>\n\u003Ch3>Job application: filter unqualified candidates\u003C\u002Fh3>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-wicl-ex__body\">Ask \"Do you have authorisation to work in the country this role is based in?\" If no, surface a polite \"We are unable to proceed\" message and skip the rest. The recruiter never sees the application, the candidate never wastes 15 minutes on the rest of the form.\u003C\u002Fp>\n\u003C\u002Farticle>\n\n\u003Carticle class=\"fmstr-cmp-wicl-ex__block\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__head\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__thumb fmstr-cmp-wicl-ex__thumb--health\" aria-hidden=\"true\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpath d=\"M5 4v6a4 4 0 0 0 8 0V4\"\u002F>\u003Cpath d=\"M13 10c0 4 0 6 4 6\"\u002F>\u003Ccircle cx=\"19\" cy=\"18\" r=\"2.2\"\u002F>\u003C\u002Fsvg>\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__meta\">\n\u003Cp class=\"fmstr-cmp-wicl-ex__index\">Example 3\u003C\u002Fp>\n\u003Ch3>Healthcare intake: show only the relevant symptom questions\u003C\u002Fh3>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-wicl-ex__body\">A patient intake form asks \"What are you here for today?\" If they select \"Routine check-up,\" the form skips the symptom section entirely. If they select \"I'm in pain,\" the form opens a body-area selector and a pain-scale field. Cleaner data for the clinician, less friction for the patient.\u003C\u002Fp>\n\u003C\u002Farticle>\n\n\u003Carticle class=\"fmstr-cmp-wicl-ex__block\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__head\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__thumb fmstr-cmp-wicl-ex__thumb--ecom\" aria-hidden=\"true\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Ccircle cx=\"9\" cy=\"20\" r=\"1.5\"\u002F>\u003Ccircle cx=\"17\" cy=\"20\" r=\"1.5\"\u002F>\u003Cpath d=\"M3 4h2.5l2 12h10.5l2-8H7\"\u002F>\u003C\u002Fsvg>\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__meta\">\n\u003Cp class=\"fmstr-cmp-wicl-ex__index\">Example 4\u003C\u002Fp>\n\u003Ch3>E-commerce checkout: conditional shipping fields\u003C\u002Fh3>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-wicl-ex__body\">Ask \"Is the billing address the same as the shipping address?\" If yes, hide the second address block. If no, reveal it. The default field count drops from ten to four for the 70 percent of orders where the addresses match.\u003C\u002Fp>\n\u003C\u002Farticle>\n\n\u003Carticle class=\"fmstr-cmp-wicl-ex__block\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__head\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__thumb fmstr-cmp-wicl-ex__thumb--event\" aria-hidden=\"true\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Crect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"\u002F>\u003Cpath d=\"M16 3v4M8 3v4M3 11h18\"\u002F>\u003C\u002Fsvg>\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__meta\">\n\u003Cp class=\"fmstr-cmp-wicl-ex__index\">Example 5\u003C\u002Fp>\n\u003Ch3>Event registration: dietary follow-ups only if attending in person\u003C\u002Fh3>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-wicl-ex__body\">Ask \"Are you attending in-person or virtually?\" If virtual, the form ends after contact details. If in-person, the form opens dietary requirements, t-shirt size, and accessibility needs. One form, two completion paths.\u003C\u002Fp>\n\u003C\u002Farticle>\n\n\u003Carticle class=\"fmstr-cmp-wicl-ex__block\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__head\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__thumb fmstr-cmp-wicl-ex__thumb--edu\" aria-hidden=\"true\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpath d=\"M2 10l10-5 10 5-10 5z\"\u002F>\u003Cpath d=\"M6 12v5c0 1 3 2 6 2s6-1 6-2v-5\"\u002F>\u003C\u002Fsvg>\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__meta\">\n\u003Cp class=\"fmstr-cmp-wicl-ex__index\">Example 6\u003C\u002Fp>\n\u003Ch3>Education quiz: branch by score\u003C\u002Fh3>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-wicl-ex__body\">After a five-question quiz, show one of three result pages depending on the score. Under 3 correct: a remedial-content link. 3 to 4 correct: a \"you're close\" follow-up question. 5 correct: a discount code for the next course. The form delivers a personalised outcome without three separate URLs.\u003C\u002Fp>\n\u003C\u002Farticle>\n\n\u003Carticle class=\"fmstr-cmp-wicl-ex__block\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__head\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__thumb fmstr-cmp-wicl-ex__thumb--hr\" aria-hidden=\"true\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Ccircle cx=\"9\" cy=\"8\" r=\"3.5\"\u002F>\u003Cpath d=\"M2.5 21c0-4 3-6 6.5-6s6.5 2 6.5 6\"\u002F>\u003Ccircle cx=\"17\" cy=\"10\" r=\"2.5\"\u002F>\u003Cpath d=\"M16 21c0-3.5 1.5-5 4-5\"\u002F>\u003C\u002Fsvg>\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__meta\">\n\u003Cp class=\"fmstr-cmp-wicl-ex__index\">Example 7\u003C\u002Fp>\n\u003Ch3>HR survey: anonymous routing\u003C\u002Fh3>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-wicl-ex__body\">Ask \"Would you like to remain anonymous?\" If yes, hide the name and email fields and route the response to a separate anonymised submission inbox. If no, collect contact details and route to the standard HR queue. Use Formester's \u003Ca href=\"https:\u002F\u002Fformester.com\u002Fonline-survey-maker\u002F\">survey maker\u003C\u002Fa> with \u003Ca href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fbest-survey-questions\u002F\">good survey question patterns\u003C\u002Fa> so the responses you collect are usable.\u003C\u002Fp>\n\u003C\u002Farticle>\n\n\u003Carticle class=\"fmstr-cmp-wicl-ex__block\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__head\">\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__thumb fmstr-cmp-wicl-ex__thumb--contact\" aria-hidden=\"true\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Crect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\u002F>\u003Cpath d=\"M3 7l9 6 9-6\"\u002F>\u003C\u002Fsvg>\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-wicl-ex__meta\">\n\u003Cp class=\"fmstr-cmp-wicl-ex__index\">Example 8\u003C\u002Fp>\n\u003Ch3>Multi-step contact form: department routing\u003C\u002Fh3>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-wicl-ex__body\">Ask \"Which team do you need?\" Map the answer to the destination email: Sales replies go to sales@, Support to support@, Press to press@. The respondent fills out one form, the right team handles the message, your inbox stays clean.\u003C\u002Fp>\n\u003C\u002Farticle>\n\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003Cstyle>\n.fmstr-cmp-tmpl-midcta a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-midcta { background: transparent; padding: 48px 0; font-family: inherit; color: #101828; overflow-x: hidden; }\n.fmstr-cmp-tmpl-midcta *, .fmstr-cmp-tmpl-midcta *::before, .fmstr-cmp-tmpl-midcta *::after { box-sizing: border-box; }\n.fmstr-cmp-tmpl-midcta__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-tmpl-midcta__card { width: 100%; background: linear-gradient(135deg, #f7f3ff 0%, #faf7ff 100%); border: 1px solid #e4d7ff; border-radius: 18px; padding: 48px 32px; text-align: center; box-shadow: 0 4px 24px rgba(127, 86, 217, 0.08); }\n.fmstr-cmp-tmpl-midcta__inner { max-width: 760px; margin: 0 auto; }\n.fmstr-cmp-tmpl-midcta__eyebrow { display: inline-block; padding: 4px 12px; background: #ffffff; border: 1px solid #e4d7ff; border-radius: 9999px; color: #5b34b1 !important; font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: 0.06em !important; text-transform: uppercase; margin: 0 0 14px !important; }\n.fmstr-cmp-tmpl-midcta__h2 { font-size: clamp(22px, 3vw, 28px) !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; margin: 0 0 12px !important; color: #101828 !important; }\n.fmstr-cmp-tmpl-midcta__body { font-size: 16px !important; line-height: 1.55 !important; color: #475467 !important; margin: 0 0 22px !important; }\n.fmstr-cmp-tmpl-midcta__cta { display: inline-flex !important; align-items: center; gap: 8px; background: #7f56d9 !important; color: #ffffff !important; border: 1px solid #7f56d9 !important; padding: 12px 26px !important; border-radius: 9999px !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: background .15s ease, transform .15s ease; }\n.fmstr-cmp-tmpl-midcta__cta:hover { background: #6941c6 !important; border-color: #6941c6 !important; color: #ffffff !important; text-decoration: none !important; transform: translateY(-1px); }\n.fmstr-cmp-tmpl-midcta__cta::after { content: \"\\2192\"; transition: transform .15s ease; }\n.fmstr-cmp-tmpl-midcta__cta:hover::after { transform: translateX(2px); }\n.fmstr-cmp-tmpl-midcta__strip { font-size: 13px !important; color: #697586 !important; margin: 20px 0 0 !important; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 14px; width: 100%; }\n.fmstr-cmp-tmpl-midcta__strip span { color: #d6c2f7; }\n@media (max-width: 760px) {\n  .fmstr-cmp-tmpl-midcta__card { padding: 36px 22px; }\n}\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-midcta { padding: 32px 0; }\n  .fmstr-cmp-tmpl-midcta__card { padding: 26px 16px; border-radius: 14px; }\n  .fmstr-cmp-tmpl-midcta__h2 { font-size: 20px !important; }\n  .fmstr-cmp-tmpl-midcta__body { font-size: 15px !important; }\n  .fmstr-cmp-tmpl-midcta__cta { padding: 11px 22px !important; font-size: 14.5px !important; width: 100%; justify-content: center; }\n  .fmstr-cmp-tmpl-midcta__strip { font-size: 12.5px !important; gap: 4px 10px; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-midcta\" aria-labelledby=\"fmstr-cmp-tmpl-midcta-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-midcta__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-midcta__card\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-midcta__inner\">\n\u003Cspan class=\"fmstr-cmp-tmpl-midcta__eyebrow\">Conditional logic\u003C\u002Fspan>\n\u003Ch2 class=\"fmstr-cmp-tmpl-midcta__h2\" id=\"fmstr-cmp-tmpl-midcta-h2\">Add conditional logic to any form, without writing a single rule\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-tmpl-midcta__body\">Drag-and-drop logic builder, show or hide by answer, route to the right page. Available on the free plan.\u003C\u002Fp>\n\u003Ca class=\"fmstr-cmp-tmpl-midcta__cta\" href=\"https:\u002F\u002Fapp.formester.com\u002Fusers\u002Fsign_up\" style=\"background: #7f56d9 !important; color: #ffffff !important; border-color: #7f56d9 !important; text-decoration: none !important;\">Start free on Formester\u003C\u002Fa>\n\u003Cp class=\"fmstr-cmp-tmpl-midcta__strip\">Free forever plan\u003Cspan>•\u003C\u002Fspan>No credit card\u003Cspan>•\u003C\u002Fspan>Setup in 2 minutes\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003Cstyle>\n\u002F* host-link-override *\u002F\n.fmstr-cmp-tmpl-faq a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-faq {\n--c-card: #ffffff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-600: #6941c6;\n--c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-border: #eaecf0; --c-chip-bg: #f4f4f7;\n--c-shadow: 0 1px 3px rgba(16,24,40,.05);\n\nbackground: transparent; padding: 56px 24px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important; overflow-x: hidden; -webkit-text-size-adjust: 100%;}\n.fmstr-cmp-tmpl-faq *, .fmstr-cmp-tmpl-faq *::before, .fmstr-cmp-tmpl-faq *::after { box-sizing: border-box; }\n.fmstr-cmp-tmpl-faq__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-tmpl-faq__h2 { font-size: clamp(26px, 3vw, 36px) !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -.02em !important; margin: 0 !important; color: var(--c-fg-1); text-align: left; }\n.fmstr-cmp-tmpl-faq__intro { color: var(--c-fg-3); font-size: 17px !important; line-height: 1.6 !important; margin: 14px 0 28px !important; text-align: left; }\n.fmstr-cmp-tmpl-faq__list { display: flex; flex-direction: column; gap: 12px; }\n.fmstr-cmp-tmpl-faq__item {\nbackground: var(--c-card); border: 1px solid var(--c-border);\nborder-radius: 14px; box-shadow: var(--c-shadow); overflow: hidden;\n}\n.fmstr-cmp-tmpl-faq__item > summary {\npadding: 18px 22px; cursor: pointer; font-weight: 600; font-size: 16.5px;\ncolor: var(--c-fg-1); display: flex; align-items: center; gap: 14px;\nlist-style: none;\n}\n.fmstr-cmp-tmpl-faq__item > summary::-webkit-details-marker { display: none; }\n.fmstr-cmp-tmpl-faq__item > summary::before {\ncontent: \"\"; width: 28px; height: 28px; border-radius: 8px; flex-shrink: 0;\nbackground-color: var(--c-chip-bg);\nbackground-image: url(\"data:image\u002Fsvg+xml,%3Csvg xmlns='http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%2375747f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l4 4 4-4'\u002F%3E%3C\u002Fsvg%3E\");\nbackground-repeat: no-repeat; background-position: center;\ntransition: transform .15s ease, background-color .15s ease;\n}\n.fmstr-cmp-tmpl-faq__item[open] > summary::before { transform: rotate(180deg); background-color: var(--c-tint); }\n.fmstr-cmp-tmpl-faq__item[open] > summary { color: var(--c-violet-600) !important; }\n.fmstr-cmp-tmpl-faq__answer { padding: 0 22px 22px 64px; color: var(--c-fg-2); font-size: 15.5px; line-height: 1.7; }\n.fmstr-cmp-tmpl-faq__answer a { color: var(--c-violet-600) !important; text-decoration: none !important; }\n.fmstr-cmp-tmpl-faq__answer a:hover { text-decoration: underline !important; }\n\n@media (max-width: 760px) {\n.fmstr-cmp-tmpl-faq { padding: 40px 16px; }\n.fmstr-cmp-tmpl-faq__intro { font-size: 15.5px !important; text-align: left; }\n.fmstr-cmp-tmpl-faq__item > summary { padding: 16px 16px; font-size: 15.5px; gap: 12px; }\n.fmstr-cmp-tmpl-faq__item > summary::before { width: 26px; height: 26px; }\n.fmstr-cmp-tmpl-faq__answer { padding: 0 16px 18px 16px; font-size: 15px; line-height: 1.65; }\n}\n\n\n\u002F* mobile-safety-v2 *\u002F\n.fmstr-cmp-tmpl-faq img, .fmstr-cmp-tmpl-faq table, .fmstr-cmp-tmpl-faq pre, .fmstr-cmp-tmpl-faq iframe, .fmstr-cmp-tmpl-faq video { max-width: 100%; }\n.fmstr-cmp-tmpl-faq > * { min-width: 0; }\n.fmstr-cmp-tmpl-faq [class*='__grid'] > *, .fmstr-cmp-tmpl-faq [class*='__list'] > *, .fmstr-cmp-tmpl-faq [class*='__cards'] > * { min-width: 0; max-width: 100%; }\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-faq pre { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .fmstr-cmp-tmpl-faq table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-faq\" aria-labelledby=\"fmstr-cmp-tmpl-faq-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__container\">\n\u003Ch2 class=\"fmstr-cmp-tmpl-faq__h2\" id=\"fmstr-cmp-tmpl-faq-h2\">Conditional logic FAQs\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-tmpl-faq__intro\">Common questions about how conditional logic works in forms, what builders support it, and how Formester handles it on the free and paid tiers.\u003C\u002Fp>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__list\">\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>What is conditional logic in forms?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Conditional logic is a rule that changes a form based on what the respondent just answered. A trigger field is checked against a condition (equals, contains, is empty), and an action runs: show a field, hide a section, jump to a page, mark a field required, or route the response to a specific email.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>What is an example of conditional logic?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">A customer support form asks \"What do you need help with?\" If the respondent picks \"Billing,\" the form reveals an invoice-number field. If they pick \"Bug report,\" the form reveals a screenshot upload instead. Same form, two paths.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can you do conditional logic in Google Forms?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Partially. Google Forms supports section-jump logic only: the respondent finishes a section, then Google jumps them to a different section based on a single answer. It does not support hiding individual fields, conditional required fields, or AND\u002FOR operators. The workaround is documented in our Google Forms conditional logic guide.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can you use conditional logic in Microsoft Forms?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Yes, but only at the section level. Microsoft calls it \"branching.\" It routes the respondent to a different section based on an answer but does not support field-level show\u002Fhide or AND\u002FOR conditions.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Is conditional logic free in Formester?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Yes for basic rules. Formester's Free plan supports show\u002Fhide and section-jump rules. The Personal plan ($9\u002Fmo) unlocks AND\u002FOR operators, conditional notifications, conditional required fields, and unlimited rules per form.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Does conditional logic slow down a form?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Almost never. Conditional logic runs in the browser the moment the trigger field changes, so there is no extra network round-trip. Forms with hundreds of rules can feel sluggish on older devices; the practical limit before users notice lag is around 200 active rules.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003Cstyle>\n\u002F* host-link-override *\u002F\n.fmstr-cmp-tmpl-rel a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-rel {\n--c-card: #ffffff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-600: #6941c6;\n--c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-border: #eaecf0;\n--c-shadow: 0 4px 20px rgba(16,24,40,.06);\n\nbackground: transparent;\npadding: 56px 24px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important; overflow-x: hidden; -webkit-text-size-adjust: 100%;}\n.fmstr-cmp-tmpl-rel *, .fmstr-cmp-tmpl-rel *::before, .fmstr-cmp-tmpl-rel *::after { box-sizing: border-box; }\n.fmstr-cmp-tmpl-rel__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-tmpl-rel__head { margin: 0 0 28px !important; text-align: left; }\n.fmstr-cmp-tmpl-rel__h2 { font-size: clamp(26px, 3vw, 36px) !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -.02em !important; margin: 0 !important; color: var(--c-fg-1); text-align: left; }\n.fmstr-cmp-tmpl-rel__intro { color: var(--c-fg-3); font-size: 17px !important; line-height: 1.6 !important; margin: 14px 0 0 !important; text-align: left; }\n\n.fmstr-cmp-tmpl-rel__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n.fmstr-cmp-tmpl-rel__card {\nbackground: var(--c-card); border: 1px solid var(--c-border);\nborder-radius: 14px; padding: 20px 22px; display: flex; flex-direction: column; gap: 8px;\ntext-decoration: none !important; color: inherit !important; transition: all .15s ease;\nposition: relative;\n}\n.fmstr-cmp-tmpl-rel__card:hover { border-color: var(--c-edge); box-shadow: var(--c-shadow); transform: translateY(-1px); }\n.fmstr-cmp-tmpl-rel__chip {\ndisplay: inline-block; padding: 3px 10px; border-radius: 9999px;\nbackground: var(--c-tint); border: 1px solid var(--c-edge);\ncolor: var(--c-violet-600); font-size: 11.5px; font-weight: 600; letter-spacing: .02em;\ntext-transform: uppercase; align-self: flex-start;\nmargin-bottom: 2px;\n}\n.fmstr-cmp-tmpl-rel__title {\nfont-size: 16px !important; font-weight: 700 !important; color: var(--c-fg-1); margin: 0 !important; line-height: 1.3 !important; text-align: left; }\n.fmstr-cmp-tmpl-rel__body { font-size: 14.5px !important; line-height: 1.55 !important; color: var(--c-fg-2); margin: 0 !important; }\n.fmstr-cmp-tmpl-rel__arrow {\nmargin-top: 6px; color: var(--c-violet-600); font-size: 14px; font-weight: 600;\ndisplay: inline-flex; align-items: center; gap: 6px;\n}\n.fmstr-cmp-tmpl-rel__arrow::after {\ncontent: \"\\2192\"; transition: transform .15s ease; display: inline-block;\n}\n.fmstr-cmp-tmpl-rel__card:hover .fmstr-cmp-tmpl-rel__arrow::after { transform: translateX(3px); }\n\n@media (max-width: 880px) { .fmstr-cmp-tmpl-rel__grid { grid-template-columns: 1fr 1fr; gap: 14px; } }\n@media (max-width: 540px) {\n.fmstr-cmp-tmpl-rel { padding: 40px 16px; }\n.fmstr-cmp-tmpl-rel__grid { grid-template-columns: 1fr; gap: 12px; }\n.fmstr-cmp-tmpl-rel__card { padding: 18px 20px; }\n}\n\n\n\u002F* mobile-safety-v2 *\u002F\n.fmstr-cmp-tmpl-rel img, .fmstr-cmp-tmpl-rel table, .fmstr-cmp-tmpl-rel pre, .fmstr-cmp-tmpl-rel iframe, .fmstr-cmp-tmpl-rel video { max-width: 100%; }\n.fmstr-cmp-tmpl-rel > * { min-width: 0; }\n.fmstr-cmp-tmpl-rel [class*='__grid'] > *, .fmstr-cmp-tmpl-rel [class*='__list'] > *, .fmstr-cmp-tmpl-rel [class*='__cards'] > * { min-width: 0; max-width: 100%; }\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-rel pre { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .fmstr-cmp-tmpl-rel table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-rel\" aria-labelledby=\"fmstr-cmp-tmpl-rel-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-rel__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-rel__head\">\n\u003Ch2 class=\"fmstr-cmp-tmpl-rel__h2\" id=\"fmstr-cmp-tmpl-rel-h2\">Related on Formester\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__intro\">Next steps for building conditional forms, plus the Google Forms workaround and the AI form generator that writes the rules for you.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-tmpl-rel__grid\">\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Fconditional-logic\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Feature\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Conditional logic form builder\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Show, hide, jump, and route fields with AND\u002FOR rules. Free on every plan, AND\u002FOR on Personal+.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-add-conditional-questions-in-google-forms\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Guide\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Conditional questions in Google Forms\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">The section-jump workaround for Google Forms, with screenshots and the routing traps to avoid.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Fdrag-and-drop-form-builder\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Product\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Online form builder\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Drag-and-drop form builder with conditional logic, payments, and unlimited responses on the free plan.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Fai-form-generator\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Feature\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">AI form generator\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Describe the form in one prompt. The AI generates the fields and the conditional logic rules together.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fcreate-lead-capture-form-effectively\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Blog\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Create a lead capture form that converts\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Field-order rules, qualifying questions, and the conditional branches that lift form completion above 60 percent.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Fonline-survey-maker\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Product\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Online survey maker\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Build branching surveys with skip logic, anonymous routing, and conditional notifications to the right inbox.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n","blog\u002Fblog\u002Fwhat-is-conditional-logic-how-to-use-it.md",{"text":65},"8 min read",{"title":67,"author":7,"authorImage":8,"authorProfile":9,"coverImg":68,"coverImgAlt":69,"createdAt":70,"description":71,"featured":14,"jsonld":72,"keywords":86,"metaDescription":71,"metaImage":87,"metaTitle":88,"publishedAt":89,"slug":90,"updatedAt":91,"__hash__":92,"body":93,"id":94,"coverImgWidth":25,"coverImgHeight":26,"readingStats":95},"How to Create an Online Order Form (3 Methods: Template, AI, From Scratch)","https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fan_illustration_of_how_to_make_an_order_form_ff2354aed1.png","an illustration of how to make an order form","2024-11-05T06:06:34.288Z","Create an online order form in minutes. Pick a template, prompt our AI, or build from scratch. Accept Stripe and PayPal payments, add conditional logic, embed a",[73],{"@id":74,"url":75,"@type":76,"image":77,"author":78,"@context":44,"headline":67,"publisher":80,"description":83,"dateModified":84,"datePublished":85,"mainEntityOfPage":75},"https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-create-an-order-form-with-ai\u002F#article","https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-create-an-order-form-with-ai\u002F","BlogPosting","https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-create-an-order-form-with-ai\u002Fcover.png",{"url":79,"name":49,"@type":50},"https:\u002F\u002Fformester.com\u002F",{"logo":81,"name":49,"@type":50},{"url":82,"@type":48},"https:\u002F\u002Fformester.com\u002Fassets\u002Flogo.png","Create an online order form in minutes. Pick a template, prompt our AI, or build from scratch. Accept Stripe and PayPal payments, add conditional logic, embed anywhere.","2026-06-09","2024-11-05","how to create a google order form,\nhow do i make an order form in google forms,\norder form,\nhow to create an order form in google forms,\nhow to create an order form,\nhow to create an order form in word,\nhow to create an online order form,\nhow to create an order form in excel,\nhow to create an order form with pictures,\nhow to create an order form in google sheets,\nhow to make a order form in canva,\nhow to create order form in google forms,\nhow to make an order form",[],"Order Form Generator: 3 Ways to Build Order Forms","2026-06-15T04:40:45.645Z","how-to-create-an-order-form-with-ai","2026-06-15T04:40:45.650Z","_up1OCL2DWmHg7484kV4IZtj1OupZQ-nl_4jyjTLxtY","\u003Cstyle>\n\u002F* batch-1 blog normalisation *\u002F\n.fmstr-blog-lead {\n  font-size: 17px !important;\n  line-height: 1.65 !important;\n  color: #475467 !important;\n  font-weight: 400 !important;\n  margin: 0 0 16px !important;\n}\n.fmstr-blog-lead a { color: #6941c6 !important; font-weight: 500; }\n.fmstr-blog-lead a:hover { text-decoration: underline !important; }\n.fmstr-blog-lead strong { color: #101828; font-weight: 700; }\nsection[class^=\"fmstr-cmp-\"], section[class*=\" fmstr-cmp-\"] {\n  padding-top: 28px !important;\n  padding-bottom: 28px !important;\n}\n@media (max-width: 540px) {\n  section[class^=\"fmstr-cmp-\"], section[class*=\" fmstr-cmp-\"] {\n    padding-top: 24px !important;\n    padding-bottom: 24px !important;\n  }\n}\n\u003C\u002Fstyle>\n\n\u003Cstyle id=\"fmstr-blog-mobile-fullwidth-v3\">\n@media (max-width: 760px) {\n  .art-section { padding-left: 12px !important; padding-right: 12px !important; }\n}\n@media (max-width: 540px) {\n  .art-section { padding-left: 6px !important; padding-right: 6px !important; padding-top: 24px !important; }\n  section[class^=\"fmstr-cmp-\"], section[class*=\" fmstr-cmp-\"] {\n    padding-left: 0 !important; padding-right: 0 !important;\n    overflow-x: hidden !important; box-sizing: border-box !important;\n  }\n  section[class^=\"fmstr-cmp-\"] *, section[class^=\"fmstr-cmp-\"] *::before, section[class^=\"fmstr-cmp-\"] *::after { box-sizing: border-box !important; }\n  section[class^=\"fmstr-cmp-\"] > *, section[class^=\"fmstr-cmp-\"] > * > * { min-width: 0 !important; }\n  section[class^=\"fmstr-cmp-\"] [class*=\"__container\"] {\n    padding-left: 0 !important; padding-right: 0 !important;\n    max-width: 100% !important; width: 100% !important;\n  }\n  section[class^=\"fmstr-cmp-\"] [class*=\"__card\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__step\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__panel\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__tool\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__verdict\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__row\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__fix\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__callout\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__quote\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__tldr\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__answer\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__faq\"],\n  section[class^=\"fmstr-cmp-\"] details {\n    padding-left: 14px !important; padding-right: 14px !important;\n    margin-left: 0 !important; margin-right: 0 !important;\n  }\n  section[class^=\"fmstr-cmp-\"] p, section[class^=\"fmstr-cmp-\"] li { font-size: 15px !important; line-height: 1.6 !important; }\n  section[class^=\"fmstr-cmp-\"] h2 { font-size: 22px !important; line-height: 1.22 !important; }\n  section[class^=\"fmstr-cmp-\"] h3 { font-size: 18px !important; line-height: 1.3 !important; }\n  section[class^=\"fmstr-cmp-\"] h4 { font-size: 16px !important; line-height: 1.35 !important; }\n  section[class^=\"fmstr-cmp-\"] table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; width: 100% !important; }\n  section[class^=\"fmstr-cmp-\"] img, section[class^=\"fmstr-cmp-\"] iframe, section[class^=\"fmstr-cmp-\"] video { max-width: 100% !important; height: auto !important; }\n  section[class^=\"fmstr-cmp-\"] pre, section[class^=\"fmstr-cmp-\"] code {\n    white-space: pre-wrap !important; overflow-wrap: anywhere !important; word-break: break-word !important;\n  }\n  section[class^=\"fmstr-cmp-\"] pre { overflow-x: auto; }\n  .fmstr-blog-lead { font-size: 16.5px !important; }\n}\n\u003C\u002Fstyle>\n\n\u003Cp class=\"fmstr-blog-lead\">You can build an \u003Ca href=\"\u002Ffeatures\u002Fproduct-order-form\u002F\">online order form\u003C\u002Fa> three ways: start from a template, prompt an AI to generate it, or build from scratch. Each takes between 2 and 20 minutes depending on how custom your products and pricing are.\u003C\u002Fp>\n\n\u003Cp class=\"fmstr-blog-lead\">This guide walks all three methods with concrete steps, then shows how to connect \u003Ca href=\"\u002Ffeatures\u002Fonline-payments\u002F\">Stripe and PayPal\u003C\u002Fa>, set conditional rules, and embed the form on your site.\u003C\u002Fp>\n\n\u003Cp class=\"fmstr-blog-lead\">By the end you'll have a working order form that collects payments, calculates totals, and routes orders to your inbox automatically. If you only want the fast answer: pick a \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Fcategories\u002Forder-forms\u002F\">free order form template\u003C\u002Fa>, connect Stripe, publish. Eight minutes start to finish.\u003C\u002Fp>\n\n\u003Cstyle>\n.fmstr-cmp-tmpl-tldr a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-tldr {\n--c-card: #f7f3ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-600: #6941c6; --c-violet-700: #5b34b1;\n--c-edge: #e4d7ff; --c-border: #d6c2f7;\n--c-shadow: 0 1px 3px rgba(16,24,40,.05);\nbackground: transparent;\npadding: 28px 0 40px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important; overflow-x: hidden; -webkit-text-size-adjust: 100%;}\n.fmstr-cmp-tmpl-tldr *, .fmstr-cmp-tmpl-tldr *::before, .fmstr-cmp-tmpl-tldr *::after { box-sizing: border-box; }\n.fmstr-cmp-tmpl-tldr__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-tmpl-tldr__card {\nbackground: var(--c-card);\nborder: 1px solid var(--c-border);\nborder-left: 4px solid var(--c-violet-500);\nborder-radius: 14px;\npadding: 22px 26px;\nbox-shadow: var(--c-shadow);\ndisplay: flex; flex-direction: column; gap: 10px;\n}\n.fmstr-cmp-tmpl-tldr__label {\nfont-size: 12px !important;\nfont-weight: 700 !important;\nletter-spacing: 0.08em !important;\ntext-transform: uppercase;\ncolor: var(--c-violet-700) !important;\ndisplay: inline-flex;\nalign-items: center;\ngap: 8px;\nmargin: 0 !important;\n}\n.fmstr-cmp-tmpl-tldr__label::before {\ncontent: \"\";\nwidth: 8px; height: 8px; border-radius: 9999px;\nbackground: var(--c-violet-500);\ndisplay: inline-block;\n}\n.fmstr-cmp-tmpl-tldr__body {\nfont-size: 16px !important;\nline-height: 1.65 !important;\ncolor: var(--c-fg-1);\nmargin: 0 !important;\nfont-weight: 500 !important;\n}\n.fmstr-cmp-tmpl-tldr__body strong { color: var(--c-violet-700); font-weight: 700; }\n.fmstr-cmp-tmpl-tldr__list { margin: 4px 0 0 !important; padding-left: 20px !important; display: flex; flex-direction: column; gap: 6px; }\n.fmstr-cmp-tmpl-tldr__list li { font-size: 15.5px !important; line-height: 1.6 !important; color: var(--c-fg-1); }\n.fmstr-cmp-tmpl-tldr__list li strong { color: var(--c-violet-700); font-weight: 700; }\n.fmstr-cmp-tmpl-tldr a { color: var(--c-violet-600) !important; font-weight: 600 !important; }\n\n@media (max-width: 540px) {\n.fmstr-cmp-tmpl-tldr { padding: 20px 0 28px; }\n.fmstr-cmp-tmpl-tldr__card { padding: 18px 20px; }\n.fmstr-cmp-tmpl-tldr__body { font-size: 15px !important; }\n.fmstr-cmp-tmpl-tldr__list li { font-size: 14.5px !important; }\n}\n\n\n\u002F* mobile-safety-v2 *\u002F\n.fmstr-cmp-tmpl-tldr img, .fmstr-cmp-tmpl-tldr table, .fmstr-cmp-tmpl-tldr pre, .fmstr-cmp-tmpl-tldr iframe, .fmstr-cmp-tmpl-tldr video { max-width: 100%; }\n.fmstr-cmp-tmpl-tldr > * { min-width: 0; }\n.fmstr-cmp-tmpl-tldr [class*='__grid'] > *, .fmstr-cmp-tmpl-tldr [class*='__list'] > *, .fmstr-cmp-tmpl-tldr [class*='__cards'] > * { min-width: 0; max-width: 100%; }\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-tldr pre { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .fmstr-cmp-tmpl-tldr table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-tldr\" aria-labelledby=\"fmstr-cmp-tmpl-tldr-label\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-tldr__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-tldr__card\">\n\u003Cp class=\"fmstr-cmp-tmpl-tldr__label\" id=\"fmstr-cmp-tmpl-tldr-label\">Quick answer\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-tldr__body\">You can build an online order form three ways. Pick the one that matches how custom your products and pricing are.\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-tmpl-tldr__list\">\n\u003Cli>\u003Cstrong>Fastest:\u003C\u002Fstrong> start from a free order form template, swap in your products, connect Stripe. ~8 minutes.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Most flexible:\u003C\u002Fstrong> prompt the \u003Ca href=\"https:\u002F\u002Fformester.com\u002Fai-form-generator\u002F\">AI form generator\u003C\u002Fa> with \"create an order form for [your business]\". Customize fields. ~12 minutes.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Most control:\u003C\u002Fstrong> build from scratch in the \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Fdrag-and-drop-form-builder\u002F\">drag-and-drop builder\u003C\u002Fa>. ~20 minutes.\u003C\u002Fli>\n\u003Cli>All three methods support \u003Cstrong>Stripe and PayPal\u003C\u002Fstrong>, conditional logic, pricing calculations, file uploads, and embed on any site.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003Cstyle>\n.fmstr-cmp-tmpl-cmp a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-cmp {\n--c-card: #ffffff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-600: #6941c6; --c-violet-700: #5b34b1;\n--c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-border: #eaecf0;\n--c-shadow: 0 1px 3px rgba(16,24,40,.05);\n--c-good: #12b76a; --c-bad: #f04438;\nbackground: transparent;\npadding: 48px 0;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important;\noverflow-x: hidden;\n}\n.fmstr-cmp-tmpl-cmp *, .fmstr-cmp-tmpl-cmp *::before, .fmstr-cmp-tmpl-cmp *::after { box-sizing: border-box; }\n.fmstr-cmp-tmpl-cmp > *, .fmstr-cmp-tmpl-cmp > * > * { min-width: 0; }\n.fmstr-cmp-tmpl-cmp__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-tmpl-cmp__head { margin: 0 0 28px !important; }\n.fmstr-cmp-tmpl-cmp__h2 {\nfont-size: clamp(26px, 3vw, 36px) !important; font-weight: 700 !important; line-height: 1.15 !important;\nletter-spacing: -.02em !important; margin: 0 !important; color: var(--c-fg-1);\n}\n.fmstr-cmp-tmpl-cmp__intro { color: var(--c-fg-3); font-size: 17px !important; line-height: 1.6 !important; margin: 14px 0 0 !important; }\n.fmstr-cmp-tmpl-cmp__grid {\ndisplay: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;\n}\n.fmstr-cmp-tmpl-cmp__card {\nbackground: var(--c-card);\nborder: 1px solid var(--c-border);\nborder-radius: 14px;\npadding: 22px;\nbox-shadow: var(--c-shadow);\ndisplay: flex; flex-direction: column; gap: 12px;\nmin-width: 0;\n}\n.fmstr-cmp-tmpl-cmp__card--featured {\nborder-color: var(--c-edge);\nbackground: var(--c-tint);\nbox-shadow: 0 4px 18px rgba(105,65,198,.10);\n}\n.fmstr-cmp-tmpl-cmp__chip {\ndisplay: inline-flex; align-items: center;\nfont-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.08em !important;\ntext-transform: uppercase; color: var(--c-violet-700) !important;\nbackground: var(--c-tint); border: 1px solid var(--c-edge);\npadding: 4px 10px; border-radius: 9999px;\nalign-self: flex-start;\n}\n.fmstr-cmp-tmpl-cmp__name {\nfont-size: 18px !important; font-weight: 700 !important; color: var(--c-fg-1);\nmargin: 0 !important; line-height: 1.3 !important;\n}\n.fmstr-cmp-tmpl-cmp__best {\nfont-size: 13.5px !important; color: var(--c-fg-3); margin: 0 !important;\n}\n.fmstr-cmp-tmpl-cmp__best strong { color: var(--c-fg-1); font-weight: 600; }\n.fmstr-cmp-tmpl-cmp__divider {\nheight: 1px; background: var(--c-border); margin: 4px 0; border: 0;\n}\n.fmstr-cmp-tmpl-cmp__list {\nmargin: 0 !important; padding: 0 !important; list-style: none !important;\ndisplay: flex; flex-direction: column; gap: 8px;\n}\n.fmstr-cmp-tmpl-cmp__item {\ndisplay: flex; gap: 8px; align-items: flex-start;\nfont-size: 14px !important; line-height: 1.5 !important; color: var(--c-fg-2);\n}\n.fmstr-cmp-tmpl-cmp__item::before {\ncontent: \"\\2713\"; flex-shrink: 0;\ncolor: var(--c-good); font-weight: 700; line-height: 1.45;\n}\n.fmstr-cmp-tmpl-cmp__item--con::before { content: \"\\2717\"; color: var(--c-bad); }\n\n@media (max-width: 920px) {\n.fmstr-cmp-tmpl-cmp__grid { grid-template-columns: 1fr; gap: 12px; }\n}\n@media (max-width: 540px) {\n.fmstr-cmp-tmpl-cmp { padding: 36px 0; }\n.fmstr-cmp-tmpl-cmp__card { padding: 18px 20px; }\n}\n\n\n\u002F* mobile-safety-v2 *\u002F\n.fmstr-cmp-tmpl-cmp img, .fmstr-cmp-tmpl-cmp table, .fmstr-cmp-tmpl-cmp pre, .fmstr-cmp-tmpl-cmp iframe, .fmstr-cmp-tmpl-cmp video { max-width: 100%; }\n.fmstr-cmp-tmpl-cmp > * { min-width: 0; }\n.fmstr-cmp-tmpl-cmp [class*='__grid'] > *, .fmstr-cmp-tmpl-cmp [class*='__list'] > *, .fmstr-cmp-tmpl-cmp [class*='__cards'] > * { min-width: 0; max-width: 100%; }\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-cmp pre { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .fmstr-cmp-tmpl-cmp table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-cmp\" aria-labelledby=\"fmstr-cmp-tmpl-cmp-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-cmp__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-cmp__head\">\n\u003Ch2 class=\"fmstr-cmp-tmpl-cmp__h2\" id=\"fmstr-cmp-tmpl-cmp-h2\">Template vs AI vs scratch: which method should you pick?\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-tmpl-cmp__intro\">Start with a template. If no template matches in 60 seconds of looking, prompt the AI. If the AI output still doesn't fit after one regeneration, build from scratch.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-tmpl-cmp__grid\">\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-cmp__card\">\n\u003Cspan class=\"fmstr-cmp-tmpl-cmp__chip\">Method 1\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-cmp__name\">Template\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-cmp__best\">\u003Cstrong>Best for:\u003C\u002Fstrong> Stable product list, fast launch, common business types (bakery, t-shirts, retail)\u003C\u002Fp>\n\u003Chr class=\"fmstr-cmp-tmpl-cmp__divider\">\n\u003Cul class=\"fmstr-cmp-tmpl-cmp__list\">\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Time: ~8 minutes\u003C\u002Fli>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Customization: medium\u003C\u002Fli>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Payment connections pre-wired\u003C\u002Fli>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item fmstr-cmp-tmpl-cmp__item--con\">Limited if products don't fit a standard pattern\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fdiv>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-cmp__card fmstr-cmp-tmpl-cmp__card--featured\">\n\u003Cspan class=\"fmstr-cmp-tmpl-cmp__chip\">Method 2\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-cmp__name\">AI generator\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-cmp__best\">\u003Cstrong>Best for:\u003C\u002Fstrong> Custom structure, fields you couldn't describe in a template name, starting from a brief or PDF\u003C\u002Fp>\n\u003Chr class=\"fmstr-cmp-tmpl-cmp__divider\">\n\u003Cul class=\"fmstr-cmp-tmpl-cmp__list\">\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Time: ~12 minutes\u003C\u002Fli>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Customization: high\u003C\u002Fli>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Accepts prompt, question list, or PDF\u003C\u002Fli>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item fmstr-cmp-tmpl-cmp__item--con\">Always needs 5-10 min of post-generation cleanup\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fdiv>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-cmp__card\">\n\u003Cspan class=\"fmstr-cmp-tmpl-cmp__chip\">Method 3\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-cmp__name\">From scratch\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-cmp__best\">\u003Cstrong>Best for:\u003C\u002Fstrong> Complex pricing logic, multi-variable totals, non-standard payment flow\u003C\u002Fp>\n\u003Chr class=\"fmstr-cmp-tmpl-cmp__divider\">\n\u003Cul class=\"fmstr-cmp-tmpl-cmp__list\">\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Time: ~20 minutes\u003C\u002Fli>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Customization: highest\u003C\u002Fli>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Full control of every field and rule\u003C\u002Fli>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item fmstr-cmp-tmpl-cmp__item--con\">Slower; requires more familiarity with the builder\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fdiv>\n\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003Cstyle>\n.fmstr-cmp-tmpl-steps a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-steps {\n--c-card: #ffffff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-600: #6941c6; --c-violet-700: #5b34b1;\n--c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-border: #eaecf0;\n--c-shadow: 0 1px 3px rgba(16,24,40,.05);\nbackground: transparent;\npadding: 48px 0;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important;\noverflow-x: hidden;\n}\n.fmstr-cmp-tmpl-steps *, .fmstr-cmp-tmpl-steps *::before, .fmstr-cmp-tmpl-steps *::after { box-sizing: border-box; }\n.fmstr-cmp-tmpl-steps > *, .fmstr-cmp-tmpl-steps > * > * { min-width: 0; }\n.fmstr-cmp-tmpl-steps__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-tmpl-steps__method { margin: 0 0 36px !important; }\n.fmstr-cmp-tmpl-steps__method:last-child { margin-bottom: 0 !important; }\n.fmstr-cmp-tmpl-steps__head { margin: 0 0 20px !important; }\n.fmstr-cmp-tmpl-steps__eyebrow {\nfont-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.08em !important;\ntext-transform: uppercase; color: var(--c-violet-700) !important;\nmargin: 0 0 6px !important;\n}\n.fmstr-cmp-tmpl-steps__h2 {\nfont-size: clamp(24px, 2.6vw, 32px) !important; font-weight: 700 !important; line-height: 1.2 !important;\nletter-spacing: -.02em !important; margin: 0 !important; color: var(--c-fg-1);\n}\n.fmstr-cmp-tmpl-steps__intro { color: var(--c-fg-3); font-size: 16px !important; line-height: 1.6 !important; margin: 12px 0 0 !important; }\n.fmstr-cmp-tmpl-steps__list {\ndisplay: flex; flex-direction: column; gap: 12px;\nmargin: 0 !important; padding: 0 !important; list-style: none !important;\n}\n.fmstr-cmp-tmpl-steps__item {\nbackground: var(--c-card);\nborder: 1px solid var(--c-border);\nborder-radius: 14px;\npadding: 20px 22px;\nbox-shadow: var(--c-shadow);\ndisplay: flex; gap: 16px;\nalign-items: flex-start;\nmin-width: 0;\n}\n.fmstr-cmp-tmpl-steps__num {\nflex-shrink: 0;\nwidth: 36px; height: 36px; border-radius: 7px;\nbackground: var(--c-tint);\nborder: 1px solid var(--c-edge);\ncolor: var(--c-violet-700) !important;\nfont-weight: 800; font-size: 15px;\ndisplay: inline-flex; align-items: center; justify-content: center;\n}\n.fmstr-cmp-tmpl-steps__main { flex: 1; min-width: 0; }\n.fmstr-cmp-tmpl-steps__title {\nfont-size: 16.5px !important; font-weight: 700 !important; line-height: 1.3 !important;\ncolor: var(--c-fg-1); margin: 0 0 6px !important;\n}\n.fmstr-cmp-tmpl-steps__body {\nfont-size: 15px !important; line-height: 1.6 !important;\ncolor: var(--c-fg-2); margin: 0 !important;\n}\n.fmstr-cmp-tmpl-steps__body a { color: var(--c-violet-600) !important; font-weight: 600 !important; }\n.fmstr-cmp-tmpl-steps__meta {\nmargin: 14px 0 0 !important;\npadding: 12px 16px;\nbackground: var(--c-tint);\nborder: 1px solid var(--c-edge);\nborder-radius: 10px;\nfont-size: 14px !important; line-height: 1.55 !important;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-tmpl-steps__meta strong { color: var(--c-violet-700); font-weight: 700; }\n\n@media (max-width: 540px) {\n.fmstr-cmp-tmpl-steps { padding: 36px 0; }\n.fmstr-cmp-tmpl-steps__item { padding: 18px 18px; gap: 14px; }\n.fmstr-cmp-tmpl-steps__num { width: 32px; height: 32px; font-size: 14px; }\n.fmstr-cmp-tmpl-steps__title { font-size: 15.5px !important; }\n.fmstr-cmp-tmpl-steps__body { font-size: 14.5px !important; }\n}\n\n\n\u002F* mobile-safety-v2 *\u002F\n.fmstr-cmp-tmpl-steps img, .fmstr-cmp-tmpl-steps table, .fmstr-cmp-tmpl-steps pre, .fmstr-cmp-tmpl-steps iframe, .fmstr-cmp-tmpl-steps video { max-width: 100%; }\n.fmstr-cmp-tmpl-steps > * { min-width: 0; }\n.fmstr-cmp-tmpl-steps [class*='__grid'] > *, .fmstr-cmp-tmpl-steps [class*='__list'] > *, .fmstr-cmp-tmpl-steps [class*='__cards'] > * { min-width: 0; max-width: 100%; }\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-steps pre { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .fmstr-cmp-tmpl-steps table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }\n}\n\n\n\n\u002F* mobile-inline-num *\u002F\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-steps__item { padding: 18px 16px; gap: 10px; flex-direction: row; align-items: flex-start; }\n  .fmstr-cmp-tmpl-steps__num { width: 28px; height: 28px; font-size: 13px; border-radius: 8px; }\n}\n\n\u002F* step-inline-num-restructure *\u002F\n.fmstr-cmp-tmpl-steps__item { display: block !important; }\n.fmstr-cmp-tmpl-steps__title { display: block; }\n.fmstr-cmp-tmpl-steps__num { display: inline-block !important; vertical-align: 2px; margin-right: 8px; padding: 2px 8px; width: auto !important; height: auto !important; border-radius: 6px; font-size: 12.5px !important; line-height: 1.3 !important; }\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-steps__num { font-size: 11.5px !important; padding: 2px 7px; margin-right: 6px; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-steps\" aria-labelledby=\"fmstr-cmp-tmpl-steps-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__container\">\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__method\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__head\">\n\u003Cp class=\"fmstr-cmp-tmpl-steps__eyebrow\">Method 1\u003C\u002Fp>\n\u003Ch2 class=\"fmstr-cmp-tmpl-steps__h2\" id=\"fmstr-cmp-tmpl-steps-h2\">Start from a free order form template (fastest)\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__intro\">Templates are the fastest path for ~80% of order forms because the fields, payment connections, and confirmation emails are already wired. You're swapping product names and prices, not building.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Col class=\"fmstr-cmp-tmpl-steps__list\">\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">1\u003C\u002Fspan>Pick a template that matches your business\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Open the order forms category. Browse the \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Fcake-order-form-2904\u002F\">cake order form\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Ftshirt-order-form-2901\u002F\">t-shirt order form\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Fbakery-order-form-33214\u002F\">bakery order form\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Fproduct-order-form-33229\u002F\">product order form\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Fpurchase-order-form-template-2773\u002F\">purchase order form\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Fcatering-order-form-12964\u002F\">catering order form\u003C\u002Fa>, or \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Fwork-order-form-32856\u002F\">work order form\u003C\u002Fa>.\u003C\u002Fp>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">2\u003C\u002Fspan>Open it in the builder\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Click \"Use template\". Formester opens the form inside the builder with every field pre-populated.\u003C\u002Fp>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">3\u003C\u002Fspan>Swap in your products and prices\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Replace the demo product names and prices with yours. Drag fields up or down to reorder. Delete fields you don't need.\u003C\u002Fp>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">4\u003C\u002Fspan>Connect Stripe or PayPal\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Open the Integrations tab. Connect \u003Ca href=\"https:\u002F\u002Fdocs.formester.com\u002F\">Stripe\u003C\u002Fa> or PayPal. The payment field maps to the total automatically.\u003C\u002Fp>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">5\u003C\u002Fspan>Publish and share\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Click Publish. Copy the public link or grab the embed code under the Share tab.\u003C\u002Fp>\n\u003C\u002Fli>\n\n\u003C\u002Fol>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__meta\">\u003Cstrong>Time:\u003C\u002Fstrong> ~8 minutes for a 5-product order form. \u003Cstrong>Pick this when:\u003C\u002Fstrong> your products are stable, you want to launch today, you don't want to think about field types.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__method\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__head\">\n\u003Cp class=\"fmstr-cmp-tmpl-steps__eyebrow\">Method 2\u003C\u002Fp>\n\u003Ch2 class=\"fmstr-cmp-tmpl-steps__h2\">Generate with AI (best when you want a custom structure in minutes)\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__intro\">The AI form generator accepts plain-text prompts, lists of existing questions, or a PDF upload. It writes the form in about 30 seconds, then drops you in the builder to refine.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Col class=\"fmstr-cmp-tmpl-steps__list\">\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">1\u003C\u002Fspan>Open the AI form generator\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">\u003Ca href=\"https:\u002F\u002Fapp.formester.com\u002Fusers\u002Fsign_up\u002F\">Sign in\u003C\u002Fa> (or sign up free). Click Create New Form, then Create With AI.\u003C\u002Fp>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">2\u003C\u002Fspan>Write a specific prompt\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Vague prompts return vague forms. Try: \"Create a t-shirt order form with size (S, M, L, XL), color (white, black, navy), quantity, customer name, shipping address, and Stripe payment.\" The more specifics, the less editing after.\u003C\u002Fp>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">3\u003C\u002Fspan>Generate the form\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Click Generate form. Wait ~30 seconds. The AI builds the field structure, labels, and field types (single-choice, dropdown, text, number, picture choice).\u003C\u002Fp>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">4\u003C\u002Fspan>Review and clean up\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Delete any field you don't need. Add anything missing. Picture Choice for product images is a common add (drag from the field library).\u003C\u002Fp>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">5\u003C\u002Fspan>Add conditional logic (optional)\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Set \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Fconditional-logic\u002F\">conditional logic\u003C\u002Fa>, e.g., \"if Product Category = Men, hide Women and Kids fields\". You can also \u003Ca href=\"https:\u002F\u002Fformester.com\u002Fbuild-conditional-logic-forms-with-ai\u002F\">prompt the AI to write conditional rules\u003C\u002Fa>.\u003C\u002Fp>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">6\u003C\u002Fspan>Connect payments and publish\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Same as Method 1, step 4 onward. Connect Stripe or PayPal, bind the payment field to your total, hit Publish.\u003C\u002Fp>\n\u003C\u002Fli>\n\n\u003C\u002Fol>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__meta\">\u003Cstrong>Time:\u003C\u002Fstrong> ~12 minutes for a 5-product order form. \u003Cstrong>Pick this when:\u003C\u002Fstrong> your form structure doesn't match an existing template, you want field labels written in your tone of voice, or you're starting from a brief or PDF you already have. Per \u003Ca href=\"https:\u002F\u002Foutgrow.co\u002Fblog\u002Fai-forms-builder-guide\">Outgrow's 2025 benchmark\u003C\u002Fa>, interactive AI-built forms convert at an average of \u003Cstrong>47.3%\u003C\u002Fstrong> versus 2-3% for static contact forms.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__method\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__head\">\n\u003Cp class=\"fmstr-cmp-tmpl-steps__eyebrow\">Method 3\u003C\u002Fp>\n\u003Ch2 class=\"fmstr-cmp-tmpl-steps__h2\">Build from scratch (most control)\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__intro\">Pick this when you have an unusual product configuration, multi-currency pricing, or a complex calculation flow that templates and AI don't handle cleanly.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Col class=\"fmstr-cmp-tmpl-steps__list\">\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">1\u003C\u002Fspan>Start from a blank form\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Click Create New Form, then Start from Scratch.\u003C\u002Fp>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">2\u003C\u002Fspan>Drag in the fields you need\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Short Text (name), Email, Phone, Address, Single Choice or Picture Choice (product), Number (quantity), \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Fcalculating-fields\u002F\">Calculating Field\u003C\u002Fa> (total), File Upload (custom artwork), Payment (Stripe or PayPal).\u003C\u002Fp>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">3\u003C\u002Fspan>Set up variables and pricing rules\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Open Advanced, then Variables. Create a number variable \u003Ccode>itemprice\u003C\u002Fcode>. In Rules, add: if Product = T-shirt Basic, set \u003Ccode>itemprice\u003C\u002Fcode> = 25. Repeat per product. Add a Calculating Field above the Payment field with the formula \u003Ccode>@itemprice * @quantity\u003C\u002Fcode>. Hide the Calculating Field display if you don't want it visible.\u003C\u002Fp>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">4\u003C\u002Fspan>Enable an order number (optional)\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Turn on \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Fauto-unique-id\u002F\">auto unique ID\u003C\u002Fa> so every submission gets an order number for fulfilment.\u003C\u002Fp>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">5\u003C\u002Fspan>Brand the form and thank-you page\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Add your logo, brand colors, and a custom thank-you page. Variables tab, Thank You Page, recall \u003Ccode>@itemprice * @quantity\u003C\u002Fcode> for the order summary.\u003C\u002Fp>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">6\u003C\u002Fspan>Connect payments, publish, embed\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Connect Stripe or PayPal. Publish. Embed on your site from the Share tab.\u003C\u002Fp>\n\u003C\u002Fli>\n\n\u003C\u002Fol>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__meta\">\u003Cstrong>Time:\u003C\u002Fstrong> ~20 minutes for a 5-product order form with custom pricing logic. \u003Cstrong>Pick this when:\u003C\u002Fstrong> your pricing depends on multiple inputs (size x material x quantity x shipping zone), you have a custom checkout flow, or you want every field built exactly your way.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003Cstyle>\n.fmstr-cmp-tmpl-midcta a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-midcta { background: transparent; padding: 48px 0; font-family: inherit; color: #101828; overflow-x: hidden; }\n.fmstr-cmp-tmpl-midcta *, .fmstr-cmp-tmpl-midcta *::before, .fmstr-cmp-tmpl-midcta *::after { box-sizing: border-box; }\n.fmstr-cmp-tmpl-midcta__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-tmpl-midcta__card { width: 100%; background: linear-gradient(135deg, #f7f3ff 0%, #faf7ff 100%); border: 1px solid #e4d7ff; border-radius: 18px; padding: 48px 32px; text-align: center; box-shadow: 0 4px 24px rgba(127, 86, 217, 0.08); }\n.fmstr-cmp-tmpl-midcta__inner { max-width: 760px; margin: 0 auto; }\n.fmstr-cmp-tmpl-midcta__eyebrow { display: inline-block; padding: 4px 12px; background: #ffffff; border: 1px solid #e4d7ff; border-radius: 9999px; color: #5b34b1 !important; font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: 0.06em !important; text-transform: uppercase; margin: 0 0 14px !important; }\n.fmstr-cmp-tmpl-midcta__h2 { font-size: clamp(22px, 3vw, 28px) !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; margin: 0 0 12px !important; color: #101828 !important; }\n.fmstr-cmp-tmpl-midcta__body { font-size: 16px !important; line-height: 1.55 !important; color: #475467 !important; margin: 0 0 22px !important; }\n.fmstr-cmp-tmpl-midcta__cta { display: inline-flex !important; align-items: center; gap: 8px; background: #7f56d9 !important; color: #ffffff !important; border: 1px solid #7f56d9 !important; padding: 12px 26px !important; border-radius: 9999px !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: background .15s ease, transform .15s ease; }\n.fmstr-cmp-tmpl-midcta__cta:hover { background: #6941c6 !important; border-color: #6941c6 !important; color: #ffffff !important; text-decoration: none !important; transform: translateY(-1px); }\n.fmstr-cmp-tmpl-midcta__cta::after { content: \"\\2192\"; transition: transform .15s ease; }\n.fmstr-cmp-tmpl-midcta__cta:hover::after { transform: translateX(2px); }\n.fmstr-cmp-tmpl-midcta__strip { font-size: 13px !important; color: #697586 !important; margin: 20px 0 0 !important; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 14px; width: 100%; }\n.fmstr-cmp-tmpl-midcta__strip span { color: #d6c2f7; }\n@media (max-width: 760px) {\n  .fmstr-cmp-tmpl-midcta__card { padding: 36px 22px; }\n}\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-midcta { padding: 32px 0; }\n  .fmstr-cmp-tmpl-midcta__card { padding: 26px 16px; border-radius: 14px; }\n  .fmstr-cmp-tmpl-midcta__h2 { font-size: 20px !important; }\n  .fmstr-cmp-tmpl-midcta__body { font-size: 15px !important; }\n  .fmstr-cmp-tmpl-midcta__cta { padding: 11px 22px !important; font-size: 14.5px !important; width: 100%; justify-content: center; }\n  .fmstr-cmp-tmpl-midcta__strip { font-size: 12.5px !important; gap: 4px 10px; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-midcta\" aria-labelledby=\"fmstr-cmp-tmpl-midcta-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-midcta__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-midcta__card\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-midcta__inner\">\n\u003Cspan class=\"fmstr-cmp-tmpl-midcta__eyebrow\">AI order form\u003C\u002Fspan>\n\u003Ch2 class=\"fmstr-cmp-tmpl-midcta__h2\" id=\"fmstr-cmp-tmpl-midcta-h2\">Build an AI-powered order form in under 2 minutes, without code\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-tmpl-midcta__body\">Generate the form from a prompt, set stock per variant, accept payments via Stripe. Free plan included.\u003C\u002Fp>\n\u003Ca class=\"fmstr-cmp-tmpl-midcta__cta\" href=\"https:\u002F\u002Fapp.formester.com\u002Fusers\u002Fsign_up\" style=\"background: #7f56d9 !important; color: #ffffff !important; border-color: #7f56d9 !important; text-decoration: none !important;\">Start free on Formester\u003C\u002Fa>\n\u003Cp class=\"fmstr-cmp-tmpl-midcta__strip\">Free forever plan\u003Cspan>•\u003C\u002Fspan>No credit card\u003Cspan>•\u003C\u002Fspan>Setup in 2 minutes\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003Cstyle>\n\u002F* host-link-override *\u002F\n.fmstr-cmp-tmpl-faq a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-faq {\n--c-card: #ffffff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-600: #6941c6;\n--c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-border: #eaecf0; --c-chip-bg: #f4f4f7;\n--c-shadow: 0 1px 3px rgba(16,24,40,.05);\n\nbackground: transparent; padding: 56px 24px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important; overflow-x: hidden; -webkit-text-size-adjust: 100%;}\n.fmstr-cmp-tmpl-faq *, .fmstr-cmp-tmpl-faq *::before, .fmstr-cmp-tmpl-faq *::after { box-sizing: border-box; }\n.fmstr-cmp-tmpl-faq__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-tmpl-faq__h2 { font-size: clamp(26px, 3vw, 36px) !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -.02em !important; margin: 0 !important; color: var(--c-fg-1); text-align: left; }\n.fmstr-cmp-tmpl-faq__intro { color: var(--c-fg-3); font-size: 17px !important; line-height: 1.6 !important; margin: 14px 0 28px !important; text-align: left; }\n.fmstr-cmp-tmpl-faq__list { display: flex; flex-direction: column; gap: 12px; }\n.fmstr-cmp-tmpl-faq__item {\nbackground: var(--c-card); border: 1px solid var(--c-border);\nborder-radius: 14px; box-shadow: var(--c-shadow); overflow: hidden;\n}\n.fmstr-cmp-tmpl-faq__item > summary {\npadding: 18px 22px; cursor: pointer; font-weight: 600; font-size: 16.5px;\ncolor: var(--c-fg-1); display: flex; align-items: center; gap: 14px;\nlist-style: none;\n}\n.fmstr-cmp-tmpl-faq__item > summary::-webkit-details-marker { display: none; }\n.fmstr-cmp-tmpl-faq__item > summary::before {\ncontent: \"\"; width: 28px; height: 28px; border-radius: 8px; flex-shrink: 0;\nbackground-color: var(--c-chip-bg);\nbackground-image: url(\"data:image\u002Fsvg+xml,%3Csvg xmlns='http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%2375747f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l4 4 4-4'\u002F%3E%3C\u002Fsvg%3E\");\nbackground-repeat: no-repeat; background-position: center;\ntransition: transform .15s ease, background-color .15s ease;\n}\n.fmstr-cmp-tmpl-faq__item[open] > summary::before { transform: rotate(180deg); background-color: var(--c-tint); }\n.fmstr-cmp-tmpl-faq__item[open] > summary { color: var(--c-violet-600) !important; }\n.fmstr-cmp-tmpl-faq__answer { padding: 0 22px 22px 64px; color: var(--c-fg-2); font-size: 15.5px; line-height: 1.7; }\n.fmstr-cmp-tmpl-faq__answer a { color: var(--c-violet-600) !important; text-decoration: none !important; }\n.fmstr-cmp-tmpl-faq__answer a:hover { text-decoration: underline !important; }\n\n@media (max-width: 760px) {\n.fmstr-cmp-tmpl-faq { padding: 40px 16px; }\n.fmstr-cmp-tmpl-faq__intro { font-size: 15.5px !important; text-align: left; }\n.fmstr-cmp-tmpl-faq__item > summary { padding: 16px 16px; font-size: 15.5px; gap: 12px; }\n.fmstr-cmp-tmpl-faq__item > summary::before { width: 26px; height: 26px; }\n.fmstr-cmp-tmpl-faq__answer { padding: 0 16px 18px 16px; font-size: 15px; line-height: 1.65; }\n}\n\n\n\u002F* mobile-safety-v2 *\u002F\n.fmstr-cmp-tmpl-faq img, .fmstr-cmp-tmpl-faq table, .fmstr-cmp-tmpl-faq pre, .fmstr-cmp-tmpl-faq iframe, .fmstr-cmp-tmpl-faq video { max-width: 100%; }\n.fmstr-cmp-tmpl-faq > * { min-width: 0; }\n.fmstr-cmp-tmpl-faq [class*='__grid'] > *, .fmstr-cmp-tmpl-faq [class*='__list'] > *, .fmstr-cmp-tmpl-faq [class*='__cards'] > * { min-width: 0; max-width: 100%; }\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-faq pre { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .fmstr-cmp-tmpl-faq table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-faq\" aria-labelledby=\"fmstr-cmp-tmpl-faq-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__container\">\n\u003Ch2 class=\"fmstr-cmp-tmpl-faq__h2\" id=\"fmstr-cmp-tmpl-faq-h2\">Frequently asked questions about online order forms\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-tmpl-faq__intro\">Common questions on building, customizing, and collecting payments through an online order form.\u003C\u002Fp>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__list\">\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>What is an online order form?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">An online order form is a digital form that collects a customer's product selection, contact details, shipping or pickup preference, and payment. It replaces phone, email, or DM ordering with a single structured submission that arrives in your inbox with the total already calculated and the payment already processed.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>How do I create an order form for free?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Pick a free template from the Formester order form templates, swap in your products and prices, connect Stripe or PayPal, and publish. The Free plan includes unlimited forms and responses, enough for any small business launching its first order form.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can ChatGPT create an order form?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">ChatGPT can write the structure of an order form (suggest fields, write labels). It cannot host the form, process payments, or collect submissions. To turn that structure into a working order form, paste the field list into a form builder like Formester's AI form generator, which accepts a prompt or PDF and outputs a real, working form in ~30 seconds.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can I make an order form on Google Forms?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Yes, but Google Forms cannot accept payments natively. You'd need to add a third-party payment add-on (Payable, FormPay) which limits you to PayPal and adds an extra transaction fee. For native Stripe and PayPal with no additional fees, use a dedicated form builder.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>What fields should an online order form include?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">The minimum: name, email, product, quantity, payment. Most businesses also want: shipping address (if shipping), phone number (for delivery coordination), variant selectors (size or color), and a notes field. Cleanest order forms ask 6 to 9 questions, not 20.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>How do payments work on a Formester order form?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">You connect Stripe and \u002F or PayPal in one click from the Integrations tab. Drop a Payment field onto the form and bind it to your calculated total variable. Customers pay inside the form. Stripe and PayPal handle PCI-compliant card processing, Formester never touches raw card data and encrypts order metadata at rest with \u003Ca href=\"https:\u002F\u002Fformester.com\u002Fsecurity\u002F\">AES-256\u003C\u002Fa>.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can I calculate prices automatically?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Yes. Use a Number variable for the item price, a Calculating Field for the line total (\u003Ccode>@itemprice * @quantity\u003C\u002Fcode>), and additional calculating fields for tax, shipping, or discounts. Bind the final total to the Payment field amount source.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can the order form work on mobile?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Yes. Every Formester form is mobile-responsive by default. You can also generate a QR code from the Share tab for in-store ordering. Customers scan, fill, pay, all on their phone.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003Cstyle>\n\u002F* host-link-override *\u002F\n.fmstr-cmp-tmpl-rel a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-rel {\n--c-card: #ffffff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-600: #6941c6;\n--c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-border: #eaecf0;\n--c-shadow: 0 4px 20px rgba(16,24,40,.06);\n\nbackground: transparent;\npadding: 56px 24px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important; overflow-x: hidden; -webkit-text-size-adjust: 100%;}\n.fmstr-cmp-tmpl-rel *, .fmstr-cmp-tmpl-rel *::before, .fmstr-cmp-tmpl-rel *::after { box-sizing: border-box; }\n.fmstr-cmp-tmpl-rel__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-tmpl-rel__head { margin: 0 0 28px !important; text-align: left; }\n.fmstr-cmp-tmpl-rel__h2 { font-size: clamp(26px, 3vw, 36px) !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -.02em !important; margin: 0 !important; color: var(--c-fg-1); text-align: left; }\n.fmstr-cmp-tmpl-rel__intro { color: var(--c-fg-3); font-size: 17px !important; line-height: 1.6 !important; margin: 14px 0 0 !important; text-align: left; }\n\n.fmstr-cmp-tmpl-rel__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n.fmstr-cmp-tmpl-rel__card {\nbackground: var(--c-card); border: 1px solid var(--c-border);\nborder-radius: 14px; padding: 20px 22px; display: flex; flex-direction: column; gap: 8px;\ntext-decoration: none !important; color: inherit !important; transition: all .15s ease;\nposition: relative;\n}\n.fmstr-cmp-tmpl-rel__card:hover { border-color: var(--c-edge); box-shadow: var(--c-shadow); transform: translateY(-1px); }\n.fmstr-cmp-tmpl-rel__chip {\ndisplay: inline-block; padding: 3px 10px; border-radius: 9999px;\nbackground: var(--c-tint); border: 1px solid var(--c-edge);\ncolor: var(--c-violet-600) !important; font-size: 11.5px !important; font-weight: 600 !important; letter-spacing: .02em !important;\ntext-transform: uppercase; align-self: flex-start;\nmargin-bottom: 2px;\n}\n.fmstr-cmp-tmpl-rel__title {\nfont-size: 16px !important; font-weight: 700 !important; color: var(--c-fg-1); margin: 0 !important; line-height: 1.3 !important; text-align: left; }\n.fmstr-cmp-tmpl-rel__body { font-size: 14.5px !important; line-height: 1.55 !important; color: var(--c-fg-2); margin: 0 !important; }\n.fmstr-cmp-tmpl-rel__arrow {\nmargin-top: 6px; color: var(--c-violet-600) !important; font-size: 14px; font-weight: 600;\ndisplay: inline-flex; align-items: center; gap: 6px;\n}\n.fmstr-cmp-tmpl-rel__arrow::after {\ncontent: \"\\2192\"; transition: transform .15s ease; display: inline-block;\n}\n.fmstr-cmp-tmpl-rel__card:hover .fmstr-cmp-tmpl-rel__arrow::after { transform: translateX(3px); }\n\n@media (max-width: 880px) { .fmstr-cmp-tmpl-rel__grid { grid-template-columns: 1fr 1fr; gap: 14px; } }\n@media (max-width: 540px) {\n.fmstr-cmp-tmpl-rel { padding: 40px 16px; }\n.fmstr-cmp-tmpl-rel__grid { grid-template-columns: 1fr; gap: 12px; }\n.fmstr-cmp-tmpl-rel__card { padding: 18px 20px; }\n}\n\n\n\u002F* mobile-safety-v2 *\u002F\n.fmstr-cmp-tmpl-rel img, .fmstr-cmp-tmpl-rel table, .fmstr-cmp-tmpl-rel pre, .fmstr-cmp-tmpl-rel iframe, .fmstr-cmp-tmpl-rel video { max-width: 100%; }\n.fmstr-cmp-tmpl-rel > * { min-width: 0; }\n.fmstr-cmp-tmpl-rel [class*='__grid'] > *, .fmstr-cmp-tmpl-rel [class*='__list'] > *, .fmstr-cmp-tmpl-rel [class*='__cards'] > * { min-width: 0; max-width: 100%; }\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-rel pre { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .fmstr-cmp-tmpl-rel table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-rel\" aria-labelledby=\"fmstr-cmp-tmpl-rel-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-rel__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-rel__head\">\n\u003Ch2 class=\"fmstr-cmp-tmpl-rel__h2\" id=\"fmstr-cmp-tmpl-rel-h2\">Related on Formester\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__intro\">Jump straight to the product order form feature page, browse ready-made order templates, or read the deeper guides on payments and conditional logic.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-tmpl-rel__grid\">\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Fproduct-order-form\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Feature\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Product order form\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">See every feature an online order form needs, with pricing logic, payments, and embeds.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Fcategories\u002Forder-forms\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Templates\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Order form templates\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Browse cake, t-shirt, bakery, catering, purchase, and work order templates.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Fai-form-generator\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Tool\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">AI form generator\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Prompt the AI with your products and variants. Get a working order form in about 30 seconds.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fbest-ai-form-builders-and-generators\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Guide\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Best AI form builders\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Compare AI form generators side by side, with pricing and use cases.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-collect-payments-using-online-web-forms\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Guide\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Collect payments using online forms\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Walkthrough on Stripe and PayPal integrations, one-time charges, and recurring billing.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fwhat-is-conditional-logic-how-to-use-it\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Guide\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">What is conditional logic\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">When to use rules to show variants by category, gate shipping by zone, or trigger discounts by quantity.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n","blog\u002Fblog\u002Fhow-to-create-an-order-form-with-ai.md",{"text":96},"9 min read",{"title":98,"author":7,"authorImage":8,"authorProfile":9,"coverImg":99,"coverImgAlt":100,"createdAt":101,"description":102,"featured":14,"jsonld":103,"keywords":167,"metaDescription":102,"metaImage":168,"metaTitle":98,"publishedAt":169,"slug":170,"updatedAt":171,"__hash__":172,"body":173,"id":174,"coverImgWidth":175,"coverImgHeight":176,"readingStats":177},"How to Create a Consent Form (5 Steps + Templates)","https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fhow_to_create_a_consent_form_cover_6d6a6f0865.png","How to Create a Consent Form in 5 Steps cover with clipboard signature illustration","2026-06-12T01:44:21.875Z","Learn how to create a consent form that captures a verifiable signature, timestamps every response, and holds up to a compliance check. Templates included.",[104],{"@graph":105,"@context":44},[106,115,129],{"@id":107,"@type":76,"author":108,"headline":98,"keywords":109,"publisher":110,"description":102,"dateModified":113,"datePublished":113,"mainEntityOfPage":114},"https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-create-a-consent-form\u002F#article",{"url":9,"name":7,"@type":43},"how to create a consent form, create consent form online, build consent form",{"logo":111,"name":49,"@type":50},{"url":112,"@type":48},"https:\u002F\u002Fformester.com\u002Flogo.png","2026-06-12","https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-create-a-consent-form\u002F",{"@id":116,"@type":117,"itemListElement":118},"https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-create-a-consent-form\u002F#breadcrumb","BreadcrumbList",[119,123,127],{"item":79,"name":120,"@type":121,"position":122},"Home","ListItem",1,{"item":124,"name":125,"@type":121,"position":126},"https:\u002F\u002Fformester.com\u002Fblog\u002F","Blog",2,{"item":114,"name":98,"@type":121,"position":128},3,{"@id":130,"@type":131,"mainEntity":132},"https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-create-a-consent-form\u002F#faq","FAQPage",[133,139,143,147,151,155,159,163],{"name":134,"@type":135,"acceptedAnswer":136},"Is a typed signature legally binding?","Question",{"text":137,"@type":138},"Yes in most jurisdictions, including the US under the ESIGN Act and the EU under eIDAS, provided the signer clearly intended to sign and the record is retained with the associated metadata (timestamp, IP, form version). High-stakes consents like medical procedures and contracts often pair the typed signature with an explicit confirmation checkbox or use a drawn signature for the same reason.","Answer",{"name":140,"@type":135,"acceptedAnswer":141},"How long do I need to retain signed consent forms?",{"text":142,"@type":138},"It depends on the type. GDPR marketing consent should be retained only while you actively rely on it, then deleted. Employee policy acknowledgements are commonly kept for the length of employment plus seven years. Research consents follow the study's IRB-approved retention period. Medical consents follow the local medical-records retention rule, often six to ten years from the date of service. Confirm the specific window with counsel.",{"name":144,"@type":135,"acceptedAnswer":145},"Does Formester comply with HIPAA?",{"text":146,"@type":138},"Not currently. Formester is GDPR, UK GDPR, and CCPA compliant, and the security posture includes TLS in transit, encryption at rest, encrypted backups, and annual third-party penetration testing. However, Formester is not HIPAA-certified and does not sign a Business Associate Agreement at this time. If your form will collect protected health information governed by HIPAA in the United States, you will need a HIPAA-eligible vendor and a signed BAA.",{"name":148,"@type":135,"acceptedAnswer":149},"How do I prove the signer was actually the named person?",{"text":150,"@type":138},"Combine three signals: the signer's email (with a confirmed opt-in or verification step), their IP address at submission, and the timestamp. For higher-stakes consents, add a witness signature field or require the signer to upload a government ID. None of these is bulletproof on its own, but together they create a defensible record.",{"name":152,"@type":135,"acceptedAnswer":153},"Can a minor give consent on their own?",{"text":154,"@type":138},"In most contexts, no. Minors under 18 (or under the local age of digital consent, which is 13 in the US under COPPA and 13 to 16 across EU member states under GDPR) need a parent or legal guardian to sign on their behalf. Some jurisdictions allow minors to consent independently to specific medical services such as mental health treatment or contraception. Check the rule for your jurisdiction and use case.",{"name":156,"@type":135,"acceptedAnswer":157},"What's the difference between consent and a waiver?",{"text":158,"@type":138},"Consent is the signer agreeing to participate in something, with full understanding of what it involves. A waiver is the signer giving up a specific legal right, such as the right to sue for negligence. Many forms mix both, for example a photo release that includes a waiver of approval rights over the final media. They serve different legal purposes and should be labelled accurately on the form.",{"name":160,"@type":135,"acceptedAnswer":161},"Does GDPR consent expire?",{"text":162,"@type":138},"GDPR does not set a hard expiry date, but consent has to remain \"freely given, specific, informed, and unambiguous.\" If circumstances change (you start using the data in a new way, the signer has not engaged for a long time, or your privacy notice materially changes), the prior consent may no longer cover the new use and you should re-collect it. Many teams refresh marketing consent every two to three years as a default.",{"name":164,"@type":135,"acceptedAnswer":165},"How do I revoke consent on file?",{"text":166,"@type":138},"The signer should be able to withdraw consent as easily as they gave it. In Formester, the standard pattern is a unique submission ID emailed with the PDF copy, plus a link or address to email your privacy contact. On revocation, locate the submission, delete it, and confirm to the signer. Formester supports per-submission deletion and full data deletion on account-deletion request.","How to create a consent form\nconsent form",[],"2026-08-04T06:59:24.898Z","how-to-create-a-consent-form","2026-08-04T06:59:24.903Z","TGOWIePUwjRUovRUZzBRBq6gdqXrdyVtjYCjWbTX0-k","![How to Create a Consent Form in 5 Steps cover with clipboard signature illustration](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fhow_to_create_a_consent_form_cover_6d6a6f0865.png)\n\n\u003Cp style=\"font-size: inherit;\">A consent form has to be readable, signable, and auditable. If a regulator, an IRB reviewer, or a client's legal team ever asks \"who signed this and when,\" you need to produce a record in seconds, not scramble through email attachments.\u003C\u002Fp>\n\n\u003Cp>That is the real job of a consent form: not the wording on the page, but the audit trail behind it.\u003C\u002Fp>\n\n\u003Cp>This guide walks through the five decisions that separate a defensible consent form from a PDF you printed and forgot about. You will pick the type of consent you are collecting, write the body, capture an electronic signature with timestamp and IP, store the signed record, and send the signer their own copy.\u003C\u002Fp>\n\n\u003Cp>You can build the whole thing in Formester in about 20 minutes, or use one of the six templates linked at the end.\u003C\u002Fp>\n\n\u003Cblockquote>\n\u003Cp>\u003Cstrong>Quick answer.\u003C\u002Fstrong> A consent form has to be \u003Cstrong>readable, signable, and auditable\u003C\u002Fstrong>. State the activity and risks in plain language, explain how the data will be used, capture an electronic signature tied to the signer with timestamp and IP, and store the signed record so you can produce it in seconds. Build the form in \u003Ca href=\"https:\u002F\u002Fformester.com\u002F\">Formester\u003C\u002Fa> in about 20 minutes, or start from one of the six templates below.\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\n\u003Ch2>What every legally usable consent form has to do\u003C\u002Fh2>\n\n\u003Cp>Four boxes the form has to check, regardless of industry.\u003C\u002Fp>\n\n\u003Ch3>1. State the activity and the risks\u003C\u002Fh3>\n\n\u003Cp>Plain language. What is happening, what could go wrong, what the signer is agreeing to. If a regulator reads only the first paragraph, they should already understand the scope.\u003C\u002Fp>\n\n\u003Ch3>2. Explain how the data will be used\u003C\u002Fh3>\n\n\u003Cp>Who sees it, where it is stored, how long it is kept, and whether it leaves the country. Under GDPR this is not optional, and CCPA expects similar disclosures for California residents.\u003C\u002Fp>\n\n\u003Ch3>3. Capture a signature tied to the signer\u003C\u002Fh3>\n\n\u003Cp>A name field is not a signature. The record needs the signer's typed or drawn signature, their email, the timestamp of submission, and ideally their IP address so you can prove the signature came from them.\u003C\u002Fp>\n\n\u003Ch3>4. Be retrievable as an audit record\u003C\u002Fh3>\n\n\u003Cp>When you need to produce the signed form a year later, it should take one search, not one Slack thread. The signed PDF, the form version, and the submission metadata all live together.\u003C\u002Fp>\n\n\u003Ch2>How to create a consent form in 5 steps\u003C\u002Fh2>\n\n\u003Cp>Five decisions that separate a defensible consent form from a PDF you printed and forgot about.\u003C\u002Fp>\n\n\u003Ch3>Step 1. Decide which type of consent you are collecting\u003C\u002Fh3>\n\n\u003Cp>The fields you need change based on what you are asking the signer to agree to. Pick the closest match before you start building:\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fstep_1_choose_form_type_0338df8f99.png\" alt=\"Formester Create New Form dialog with 6 build options: Start with AI, Start From Scratch, Use a Template, Import Form, PDF to Formester Form, Backend Form\" loading=\"lazy\" style=\"width:100%;max-width:900px;height:auto;border-radius:8px;border:1px solid #e5e7eb;margin:16px 0;\" \u002F>\u003C\u002Fp>\n\n\n\u003Cul>\n\u003Cli>\u003Cstrong>Medical or research (informed consent).\u003C\u002Fstrong> Clinical trials, telehealth visits, IRB-supervised studies. Needs procedure description, risks, benefits, alternatives, voluntary-participation clause, withdrawal clause, contact for questions. Often co-signed by a witness.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Photo or video release.\u003C\u002Fstrong> Event organisers, content teams, schools, marketing agencies. Needs scope (where the footage will appear), licence duration, exclusivity, compensation.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Marketing communications (GDPR).\u003C\u002Fstrong> Needs separate, unticked opt-in checkboxes per channel (email, SMS, calls), a link to your privacy policy, and a stated lawful basis. One mega-checkbox covering everything is not valid consent under GDPR.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Minor consent (parental).\u003C\u002Fstrong> School trips, youth sports, telehealth for minors, research with anyone under 18. Needs parent or guardian's signature, relationship to the minor, minor's name and date of birth, often a backup emergency contact.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Employee handbook acknowledgement.\u003C\u002Fstrong> New-hire onboarding and policy updates. Needs document version, signer's role, signature, date. HR teams typically retain these for the length of employment plus seven years.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Ch3>Step 2. Write the consent body\u003C\u002Fh3>\n\n\u003Cp>\u003Cstrong>Note.\u003C\u002Fstrong> This is not legal advice. Use the templates below as a starting point, then have qualified counsel in your jurisdiction review the final wording before you ship the form.\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fstep_2_consent_body_editor_389115fa38.png\" alt=\"Formester form editor showing Client Information fields with Full Name, Email Address, Phone Number, and Address on the consent form template\" loading=\"lazy\" style=\"width:100%;max-width:900px;height:auto;border-radius:8px;border:1px solid #e5e7eb;margin:16px 0;\" \u002F>\u003C\u002Fp>\n\n\n\u003Cp>\u003Cstrong>Informed consent (medical or research):\u003C\u002Fstrong> I voluntarily agree to participate in [study or procedure name]. I have read the description above and understand the risks, benefits, and alternatives. I understand I can withdraw my consent at any time without penalty. I confirm I have had the opportunity to ask questions and have received satisfactory answers.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>Photo and video release:\u003C\u002Fstrong> I grant [organisation] the right to record, photograph, and use my image, likeness, and voice in [intended use: marketing, internal training, social media] for [duration]. I waive any right to review or approve the final use. This release applies in all media now known or later developed.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>GDPR marketing consent:\u003C\u002Fstrong> I would like to receive [product updates \u002F event invitations \u002F educational content] from [company] by email. I understand I can withdraw consent at any time by clicking unsubscribe in any message or by emailing [privacy email]. I have read the privacy policy. Keep each channel on its own checkbox. Do not pre-tick.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>Parental consent for a minor:\u003C\u002Fstrong> I am the parent or legal guardian of [minor's name, date of birth]. I give permission for my child to participate in [activity] on [date]. I confirm I have read the activity description, including any travel, supervision, and medical information.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>Employee policy acknowledgement:\u003C\u002Fstrong> I acknowledge I have received and read [policy name, version X.Y], dated [effective date]. I understand the policy and agree to comply with it. I understand violations may result in disciplinary action up to and including termination.\u003C\u002Fp>\n\n\u003Ch3>Step 3. Add the signature field\u003C\u002Fh3>\n\n\u003Cp>Three ways to capture a signature on a web form, and they are not equivalent:\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fstep_3_signature_field_dbb5fc964a.png\" alt=\"Formester form editor showing the Consent Confirmation page with a drawn Client Signature field and Date of Signature field\" loading=\"lazy\" style=\"width:100%;max-width:900px;height:auto;border-radius:8px;border:1px solid #e5e7eb;margin:16px 0;\" \u002F>\u003C\u002Fp>\n\n\n\u003Cul>\n\u003Cli>\u003Cstrong>Typed signature.\u003C\u002Fstrong> The signer types their full name in a styled font. Fast, mobile-friendly, and legally valid in most jurisdictions under the US ESIGN Act and eIDAS in the EU, provided the signer clearly intends to sign and the record is retained. Standard for marketing and policy consent.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Drawn signature.\u003C\u002Fstrong> The signer draws their signature with a finger or stylus on a touchscreen, or with a mouse on desktop. Looks closer to a wet signature, useful when a client or regulator expects to see one. Standard for photo releases, contracts, and waivers.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Typed and confirmed.\u003C\u002Fstrong> The signer types their name and ticks a separate \"I confirm this is my electronic signature\" checkbox. Adds an explicit affirmation step, which strengthens the record if the signature is ever challenged.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>Formester's \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Felectronic-signature\u002F\">electronic signature field\u003C\u002Fa> supports drawn and typed signatures, stores the signature image alongside the response, and includes it in the PDF copy sent to the signer. Use drawn for high-stakes consent (medical, photo release, contracts), typed-and-confirmed for everything else.\u003C\u002Fp>\n\n\u003Ch3>Step 4. Set up timestamp and secure storage\u003C\u002Fh3>\n\n\u003Cp>A signature without metadata is hard to defend. Configure the form to capture:\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fstep_4_submissions_audit_1124ee8e49.png\" alt=\"Formester Submissions view showing the audit-ready record store with search, filter, columns, and Export as CSV button\" loading=\"lazy\" style=\"width:100%;max-width:900px;height:auto;border-radius:8px;border:1px solid #e5e7eb;margin:16px 0;\" \u002F>\u003C\u002Fp>\n\n\n\u003Cul>\n\u003Cli>\u003Cstrong>Submission timestamp\u003C\u002Fstrong> in UTC, stored with the response automatically.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>IP address\u003C\u002Fstrong> of the signer, which establishes the device location and helps prove the named person signed.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Form version.\u003C\u002Fstrong> If you ever edit the consent body, every submission should be tied to the version of the form that was live when it was signed. Otherwise you cannot prove what the signer actually agreed to.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Retention policy.\u003C\u002Fstrong> Decide upfront how long signed consents are kept. Research consents often need to be retained for the life of the study plus a fixed window. Marketing consent under GDPR should be kept only as long as you continue to rely on it, then deleted.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>Formester captures the timestamp and submission ID on every response, and form data is encrypted in transit (TLS) and at rest, with encrypted backups retained for 90 days. Sub-processors and retention defaults are listed in the \u003Ca href=\"https:\u002F\u002Fformester.com\u002Fdpa\u002F\">Formester DPA\u003C\u002Fa> and \u003Ca href=\"https:\u002F\u002Fformester.com\u002Fsecurity\u002F\">security page\u003C\u002Fa>.\u003C\u002Fp>\n\n\u003Ch3>Step 5. Send a PDF copy of the signed consent to the signer\u003C\u002Fh3>\n\n\u003Cp>The signer needs their own copy. It is good practice, often a legal requirement under GDPR Article 7, and it cuts down on \"can you resend my consent form\" support tickets.\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fstep_5_add_autoresponder_e691077870.png\" alt=\"Formester Add Autoresponder modal for configuring an email to the signer with the signed consent as a PDF attachment\" loading=\"lazy\" style=\"width:100%;max-width:900px;height:auto;border-radius:8px;border:1px solid #e5e7eb;margin:16px 0;\" \u002F>\u003C\u002Fp>\n\n\n\u003Cp>In Formester, turn on \u003Cstrong>Send a submission copy\u003C\u002Fstrong> in the form's notification settings. The signer receives an email with the completed form, including their signature, attached as a PDF. Set the sender name to your organisation, the subject line to \"Your signed [form name] copy,\" and include a one-line note pointing to the privacy email if they want to revoke consent later. Internal teams can also pull the PDF on demand from the Submissions tab.\u003C\u002Fp>\n\n\u003Ch2>6 consent form templates ready to use\u003C\u002Fh2>\n\n\u003Cp>Six templates you can copy, edit, and ship in under 10 minutes. Each one starts from a working form, not a blank canvas.\u003C\u002Fp>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\u003Cth>Template\u003C\u002Fth>\u003Cth>What it covers\u003C\u002Fth>\u003Cth>Best for\u003C\u002Fth>\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>\u003Cstrong>Medical research consent\u003C\u002Fstrong>\u003C\u002Ftd>\n\u003Ctd>Informed-consent body, risk-and-benefit fields, withdrawal clause, witness signature block.\u003C\u002Ftd>\n\u003Ctd>IRB-supervised studies, telehealth intake, clinical trial screening. \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Fcategories\u002Fhealthcare\u002F\">Browse research templates\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Cstrong>Photo and video release\u003C\u002Fstrong>\u003C\u002Ftd>\n\u003Ctd>Scope, duration, media-channel fields, drawn signature block, parent signature for minors.\u003C\u002Ftd>\n\u003Ctd>Event photographers, agencies, schools, content teams. \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002F\">Browse release templates\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Cstrong>GDPR marketing consent\u003C\u002Fstrong>\u003C\u002Ftd>\n\u003Ctd>Separate unticked checkboxes per channel, lawful-basis dropdown, privacy-policy link, revocation instructions.\u003C\u002Ftd>\n\u003Ctd>Newsletter opt-in, event marketing, EU-based signup flows. \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Fcategories\u002Fmarketing\u002F\">Browse marketing consent templates\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Cstrong>Minor field trip consent\u003C\u002Fstrong>\u003C\u002Ftd>\n\u003Ctd>Parent or guardian details, medical and allergy fields, emergency contact, transport authorisation.\u003C\u002Ftd>\n\u003Ctd>Schools, youth sports, camps, extracurricular programs. \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Fcategories\u002Feducation\u002F\">Browse school templates\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Cstrong>Employee policy acknowledgement\u003C\u002Fstrong>\u003C\u002Ftd>\n\u003Ctd>Policy name, version, effective date, role, typed-and-confirmed signature, retention note for HR.\u003C\u002Ftd>\n\u003Ctd>Handbook rollouts, code of conduct, IT acceptable use. \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Fcategories\u002Fhuman-resource\u002F\">Browse HR templates\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Cstrong>Telehealth consent\u003C\u002Fstrong>\u003C\u002Ftd>\n\u003Ctd>Procedure description, technology disclosure, data-storage clause, withdrawal clause, drawn signature, witness option.\u003C\u002Ftd>\n\u003Ctd>Remote medical consultations, mental health sessions.\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Cdiv class=\"fmstr-blog-cta\">\n\u003Cp>\u003Cstrong>Capture signed consent on a form, without DocuSign in the loop.\u003C\u002Fstrong> Electronic signature, audit trail per submission, GDPR posture. Built in, on every Formester plan including free.\u003C\u002Fp>\n\u003Cp>\u003Ca class=\"fmstr-blog-cta__btn\" href=\"https:\u002F\u002Fapp.formester.com\u002Fusers\u002Fsign_up\">Start free on Formester\u003C\u002Fa>\u003C\u002Fp>\n\u003Cp class=\"fmstr-blog-cta__meta\">Free forever plan · No credit card · Setup in 2 minutes\u003C\u002Fp>\n\u003C\u002Fdiv>\n\n\u003Ch2>Related reading\u003C\u002Fh2>\n\n\u003Cp>Features and pages that pair with a defensible consent form workflow.\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Ffile-upload-forms\u002F\">\u003Cstrong>File upload field\u003C\u002Fstrong>\u003C\u002Fa> - collect ID documents, signed paper consents, or supporting files alongside the form record.\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fformester.com\u002Fdpa\u002F\">\u003Cstrong>Data Processing Agreement\u003C\u002Fstrong>\u003C\u002Fa> - sub-processors, retention defaults, GDPR roles, and the DPA you sign before processing personal data.\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Fcategories\u002Fhuman-resource\u002F\">\u003Cstrong>HR form templates\u003C\u002Fstrong>\u003C\u002Fa> - policy acknowledgement, onboarding, and offboarding forms with signature blocks built in.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Csection class=\"faq\">\n\n\u003Cdetails>\n\u003Csummary>Is a typed signature legally binding?\u003C\u002Fsummary>\n\u003Cp>Yes in most jurisdictions, including the US under the ESIGN Act and the EU under eIDAS, provided the signer clearly intended to sign and the record is retained with the associated metadata (timestamp, IP, form version). High-stakes consents like medical procedures and contracts often pair the typed signature with an explicit confirmation checkbox or use a drawn signature for the same reason.\u003C\u002Fp>\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>How long do I need to retain signed consent forms?\u003C\u002Fsummary>\n\u003Cp>It depends on the type. GDPR marketing consent should be retained only while you actively rely on it, then deleted. Employee policy acknowledgements are commonly kept for the length of employment plus seven years. Research consents follow the study's IRB-approved retention period. Medical consents follow the local medical-records retention rule, often six to ten years from the date of service. Confirm the specific window with counsel.\u003C\u002Fp>\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>Does Formester comply with HIPAA?\u003C\u002Fsummary>\n\u003Cp>Not currently. Formester is GDPR, UK GDPR, and CCPA compliant, and the security posture includes TLS in transit, encryption at rest, encrypted backups, and annual third-party penetration testing. However, Formester is not HIPAA-certified and does not sign a Business Associate Agreement at this time. If your form will collect protected health information governed by HIPAA in the United States, you will need a HIPAA-eligible vendor and a signed BAA.\u003C\u002Fp>\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>How do I prove the signer was actually the named person?\u003C\u002Fsummary>\n\u003Cp>Combine three signals: the signer's email (with a confirmed opt-in or verification step), their IP address at submission, and the timestamp. For higher-stakes consents, add a witness signature field or require the signer to upload a government ID. None of these is bulletproof on its own, but together they create a defensible record.\u003C\u002Fp>\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>Can a minor give consent on their own?\u003C\u002Fsummary>\n\u003Cp>In most contexts, no. Minors under 18 (or under the local age of digital consent, which is 13 in the US under COPPA and 13 to 16 across EU member states under GDPR) need a parent or legal guardian to sign on their behalf. Some jurisdictions allow minors to consent independently to specific medical services such as mental health treatment or contraception. Check the rule for your jurisdiction and use case.\u003C\u002Fp>\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>What is the difference between consent and a waiver?\u003C\u002Fsummary>\n\u003Cp>Consent is the signer agreeing to participate in something, with full understanding of what it involves. A waiver is the signer giving up a specific legal right, such as the right to sue for negligence. Many forms mix both, for example a photo release that includes a waiver of approval rights over the final media. They serve different legal purposes and should be labelled accurately on the form.\u003C\u002Fp>\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>Does GDPR consent expire?\u003C\u002Fsummary>\n\u003Cp>GDPR does not set a hard expiry date, but consent has to remain \"freely given, specific, informed, and unambiguous.\" If circumstances change (you start using the data in a new way, the signer has not engaged for a long time, or your privacy notice materially changes), the prior consent may no longer cover the new use and you should re-collect it. Many teams refresh marketing consent every two to three years as a default.\u003C\u002Fp>\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>How do I revoke consent on file?\u003C\u002Fsummary>\n\u003Cp>The signer should be able to withdraw consent as easily as they gave it. The standard pattern is a unique submission ID emailed with the PDF copy, plus a link or address to email your privacy contact. On revocation, locate the submission, delete it, and confirm to the signer. Formester supports per-submission deletion and full data deletion on account-deletion request.\u003C\u002Fp>\n\u003C\u002Fdetails>\n\n\u003C\u002Fsection>\n\n","blog\u002Fblog\u002Fhow-to-create-a-consent-form.md",2400,1350,{"text":178},"12 min read",{"title":180,"author":42,"authorImage":8,"authorProfile":41,"coverImg":181,"coverImgAlt":182,"createdAt":183,"description":184,"featured":14,"jsonld":185,"keywords":186,"metaDescription":187,"metaImage":188,"metaTitle":180,"publishedAt":189,"slug":190,"updatedAt":191,"__hash__":192,"body":193,"id":194,"coverImgWidth":175,"coverImgHeight":176,"readingStats":195},"The 10 Best Mobile Form Builders in 2026 (Tested on Phone + Tablet)","https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fbest_mobile_form_builders_97b891620c.png","Best mobile form builders 2026: native apps vs mobile-responsive web compared","2026-06-05T11:01:12.139Z","Compare 10 mobile form builders for phones, tablets, and field crews. Native apps vs mobile-responsive web, offline support, kiosk mode.",[],"mobile form builder, best mobile form builder, mobile forms automation, mobile data collection","Compare 10 mobile form builders for phones, tablets, and field crews. Native apps vs mobile-responsive web, offline support, kiosk mode, pricing.",[],"2026-06-05T14:10:43.000Z","best-mobile-form-builders","2026-06-12T04:53:16.006Z","HtgXQpHXbU30yHkwLooIineBaBYcQPpWEZ5m2OGnj3U","\u003Cstyle>\n.fmstr-cmp-bmf-tldr a { text-decoration: none !important; }\n.fmstr-cmp-bmf-tldr {\n--c-card: #f7f3ff;\n--c-card-inner: #ffffff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-600: #6941c6; --c-violet-700: #5b34b1;\n--c-edge: #e4d7ff; --c-border: #d6c2f7;\n--c-shadow: 0 1px 3px rgba(16,24,40,.05);\nbackground: transparent;\npadding: 28px 0 40px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important;\n}\n.fmstr-cmp-bmf-tldr *, .fmstr-cmp-bmf-tldr *::before, .fmstr-cmp-bmf-tldr *::after { box-sizing: border-box; }\n.fmstr-cmp-bmf-tldr__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-bmf-tldr__card {\nbackground: var(--c-card);\nborder: 1px solid var(--c-border);\nborder-left: 4px solid var(--c-violet-500);\nborder-radius: 14px;\npadding: 22px 26px;\nbox-shadow: var(--c-shadow);\n}\n.fmstr-cmp-bmf-tldr__label {\nfont-size: 12px !important;\nfont-weight: 700 !important;\nletter-spacing: 0.08em !important;\ntext-transform: uppercase;\ncolor: var(--c-violet-700) !important;\ndisplay: inline-flex;\nalign-items: center;\ngap: 8px;\nmargin: 0 0 14px !important;\n}\n.fmstr-cmp-bmf-tldr__label::before {\ncontent: \"\";\nwidth: 8px; height: 8px; border-radius: 9999px;\nbackground: var(--c-violet-500);\ndisplay: inline-block;\n}\n.fmstr-cmp-bmf-tldr__list {\nlist-style: none !important;\nmargin: 0 !important;\npadding: 0 !important;\ndisplay: flex; flex-direction: column;\ngap: 6px;\n}\n.fmstr-cmp-bmf-tldr__list li {\nposition: relative;\npadding: 9px 14px 9px 36px !important;\nmargin: 0 !important;\nfont-size: 15.5px !important;\nline-height: 1.55 !important;\ncolor: var(--c-fg-2);\nbackground: var(--c-card-inner);\nborder: 1px solid var(--c-edge);\nborder-radius: 9px;\n}\n.fmstr-cmp-bmf-tldr__list li::before {\ncontent: \"→\";\nposition: absolute;\nleft: 13px;\ntop: 9px;\ncolor: var(--c-violet-600);\nfont-weight: 700;\nfont-size: 16px;\nline-height: 1.55;\n}\n.fmstr-cmp-bmf-tldr__list li strong {\ncolor: var(--c-violet-700);\nfont-weight: 700;\n}\n@media (max-width: 540px) {\n.fmstr-cmp-bmf-tldr { padding: 20px 0 28px; }\n.fmstr-cmp-bmf-tldr__card { padding: 18px 18px; }\n.fmstr-cmp-bmf-tldr__list li { padding: 9px 12px 9px 32px !important; font-size: 15px !important; }\n.fmstr-cmp-bmf-tldr__list li::before { left: 11px; top: 9px; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-bmf-tldr\" aria-labelledby=\"fmstr-cmp-bmf-tldr-label\">\n\u003Cdiv class=\"fmstr-cmp-bmf-tldr__container\">\n\u003Cdiv class=\"fmstr-cmp-bmf-tldr__card\">\n\u003Cp class=\"fmstr-cmp-bmf-tldr__label\" id=\"fmstr-cmp-bmf-tldr-label\">Quick answer\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-bmf-tldr__list\">\n\u003Cli>\u003Cstrong>Formester\u003C\u002Fstrong> for the cheapest mobile-responsive web option with offline + payments.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Jotform Mobile Forms\u003C\u002Fstrong> for the most polished native iOS \u002F Android app.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>forms.app\u003C\u002Fstrong> for a hybrid of web + mobile with strong AI generation.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Typeform\u003C\u002Fstrong> if perceived UX on mobile matters more than feature depth.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Tally\u003C\u002Fstrong> if you want unlimited free mobile forms.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Zonka Feedback\u003C\u002Fstrong> for native kiosk \u002F tablet CX surveys.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003Cstyle>\n.fmstr-cmp-bmf-tbl a { text-decoration: none !important; }\n.fmstr-cmp-bmf-tbl {\n--c-card: #ffffff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-600: #6941c6; --c-violet-700: #5b34b1;\n--c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-border: #eaecf0;\nbackground: transparent; padding: 48px 0;\nfont-family: inherit; color: var(--c-fg-1);\ntext-align: left !important;\noverflow-x: hidden;\n}\n.fmstr-cmp-bmf-tbl *, .fmstr-cmp-bmf-tbl *::before, .fmstr-cmp-bmf-tbl *::after { box-sizing: border-box; }\n.fmstr-cmp-bmf-tbl__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-bmf-tbl__head { margin: 0 0 24px; }\n.fmstr-cmp-bmf-tbl__h2 { font-size: clamp(24px, 2.8vw, 32px) !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -.02em !important; margin: 0 !important; color: var(--c-fg-1); }\n.fmstr-cmp-bmf-tbl__intro { color: var(--c-fg-3); font-size: 16px !important; line-height: 1.55 !important; margin: 10px 0 0 !important; }\n.fmstr-cmp-bmf-tbl__scroll { overflow-x: auto; border: 1px solid var(--c-border); border-radius: 14px; background: var(--c-card); box-shadow: 0 1px 3px rgba(16,24,40,.04); }\n.fmstr-cmp-bmf-tbl__table { width: 100%; border-collapse: collapse; font-size: 14.5px; min-width: 720px; }\n.fmstr-cmp-bmf-tbl__table thead th { background: var(--c-tint); color: var(--c-violet-700); text-align: left; padding: 14px 16px; font-weight: 700; font-size: 12.5px; text-transform: uppercase; letter-spacing: 0.04em; border-bottom: 1px solid var(--c-edge); white-space: nowrap; }\n.fmstr-cmp-bmf-tbl__table tbody td { padding: 14px 16px; border-bottom: 1px solid var(--c-border); color: var(--c-fg-2); vertical-align: top; }\n.fmstr-cmp-bmf-tbl__table tbody tr:last-child td { border-bottom: none; }\n.fmstr-cmp-bmf-tbl__table tbody tr.is-featured td { background: #fbfaff; }\n.fmstr-cmp-bmf-tbl__name { color: var(--c-fg-1); font-weight: 700; }\n.fmstr-cmp-bmf-tbl__name--brand { color: var(--c-violet-700); }\n.fmstr-cmp-bmf-tbl__badge { display: inline-block; font-size: 9.5px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; background: var(--c-violet-600); color: #fff; padding: 3px 9px; border-radius: 9999px; margin-left: 6px; vertical-align: middle; white-space: nowrap; line-height: 1.2; }\n@media (max-width: 540px) { .fmstr-cmp-bmf-tbl { padding: 36px 0; } .fmstr-cmp-bmf-tbl__table { font-size: 13.5px; } .fmstr-cmp-bmf-tbl__table thead th, .fmstr-cmp-bmf-tbl__table tbody td { padding: 12px 14px; } }\n\n@media (max-width: 720px) {\n.fmstr-cmp-bmf-tbl__scroll { overflow-x: visible !important; border: none !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; }\n.fmstr-cmp-bmf-tbl__table { min-width: 0 !important; font-size: 14.5px !important; }\n.fmstr-cmp-bmf-tbl__table thead { display: none !important; }\n.fmstr-cmp-bmf-tbl__table tbody, .fmstr-cmp-bmf-tbl__table tr { display: block !important; }\n.fmstr-cmp-bmf-tbl__table tr { background: var(--c-card); border: 1px solid var(--c-border); border-radius: 12px; overflow: hidden; margin: 0 0 12px; }\n.fmstr-cmp-bmf-tbl__table tr.is-featured { border-color: var(--c-edge); background: linear-gradient(0deg, #fbfaff 0%, var(--c-card) 100%); }\n.fmstr-cmp-bmf-tbl__table td { display: flex !important; justify-content: space-between; align-items: baseline; gap: 12px; padding: 10px 14px !important; border-bottom: 1px solid var(--c-border) !important; text-align: right; color: var(--c-fg-2); }\n.fmstr-cmp-bmf-tbl__table td:last-child { border-bottom: none !important; }\n.fmstr-cmp-bmf-tbl__table td::before { content: attr(data-label); color: var(--c-violet-700); font-weight: 700; font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; text-align: left; flex-shrink: 0; max-width: 45%; }\n.fmstr-cmp-bmf-tbl__table td:first-child { background: var(--c-tint); padding: 14px !important; border-bottom: 1px solid var(--c-edge) !important; justify-content: flex-start; text-align: left; }\n.fmstr-cmp-bmf-tbl__table td:first-child::before { display: none !important; }\n.fmstr-cmp-bmf-tbl__badge { margin-left: 8px !important; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-bmf-tbl\" aria-labelledby=\"fmstr-cmp-bmf-tbl-h2\">\n\u003Cdiv class=\"fmstr-cmp-bmf-tbl__container\">\n\u003Cdiv class=\"fmstr-cmp-bmf-tbl__head\">\n\u003Ch2 class=\"fmstr-cmp-bmf-tbl__h2\" id=\"fmstr-cmp-bmf-tbl-h2\">Mobile form builders at a glance\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-bmf-tbl__intro\">10 tools side-by-side: native vs mobile-web, offline support, free plan, and starting price.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-bmf-tbl__scroll\">\n\u003Ctable class=\"fmstr-cmp-bmf-tbl__table\">\n\u003Cthead>\u003Ctr>\u003Cth>Tool\u003C\u002Fth>\u003Cth>Mobile UX\u003C\u002Fth>\u003Cth>Offline mode\u003C\u002Fth>\u003Cth>Native app\u003C\u002Fth>\u003Cth>Free plan\u003C\u002Fth>\u003Cth>Cheapest paid\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr class=\"is-featured\">\u003Ctd data-label=\"Tool\">\u003Cspan class=\"fmstr-cmp-bmf-tbl__name fmstr-cmp-bmf-tbl__name--brand\">Formester\u003C\u002Fspan>\u003Cspan class=\"fmstr-cmp-bmf-tbl__badge\">Editor's pick\u003C\u002Fspan>\u003C\u002Ftd>\u003Ctd data-label=\"Mobile UX\">Mobile-responsive web\u003C\u002Ftd>\u003Ctd data-label=\"Offline mode\">Yes (cached browser)\u003C\u002Ftd>\u003Ctd data-label=\"Native app\">No\u003C\u002Ftd>\u003Ctd data-label=\"Free plan\">Unlimited forms and responses\u003C\u002Ftd>\u003Ctd data-label=\"Cheapest paid\">$13\u002Fmo Personal\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr class=\"\">\u003Ctd data-label=\"Tool\">\u003Cspan class=\"fmstr-cmp-bmf-tbl__name\">Jotform Mobile Forms\u003C\u002Fspan>\u003C\u002Ftd>\u003Ctd data-label=\"Mobile UX\">Native + responsive web\u003C\u002Ftd>\u003Ctd data-label=\"Offline mode\">Yes (mobile app)\u003C\u002Ftd>\u003Ctd data-label=\"Native app\">iOS + Android\u003C\u002Ftd>\u003Ctd data-label=\"Free plan\">100 submissions\u002Fmo\u003C\u002Ftd>\u003Ctd data-label=\"Cheapest paid\">$34\u002Fmo Bronze\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr class=\"\">\u003Ctd data-label=\"Tool\">\u003Cspan class=\"fmstr-cmp-bmf-tbl__name\">forms.app\u003C\u002Fspan>\u003C\u002Ftd>\u003Ctd data-label=\"Mobile UX\">Hybrid web + AI-first\u003C\u002Ftd>\u003Ctd data-label=\"Offline mode\">No\u003C\u002Ftd>\u003Ctd data-label=\"Native app\">iOS + Android\u003C\u002Ftd>\u003Ctd data-label=\"Free plan\">100 responses\u002Fmo\u003C\u002Ftd>\u003Ctd data-label=\"Cheapest paid\">$19\u002Fmo Basic\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr class=\"\">\u003Ctd data-label=\"Tool\">\u003Cspan class=\"fmstr-cmp-bmf-tbl__name\">Typeform\u003C\u002Fspan>\u003C\u002Ftd>\u003Ctd data-label=\"Mobile UX\">Mobile-responsive web\u003C\u002Ftd>\u003Ctd data-label=\"Offline mode\">No\u003C\u002Ftd>\u003Ctd data-label=\"Native app\">No\u003C\u002Ftd>\u003Ctd data-label=\"Free plan\">10 responses\u002Fmo\u003C\u002Ftd>\u003Ctd data-label=\"Cheapest paid\">$25\u002Fmo Basic\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr class=\"\">\u003Ctd data-label=\"Tool\">\u003Cspan class=\"fmstr-cmp-bmf-tbl__name\">Tally\u003C\u002Fspan>\u003C\u002Ftd>\u003Ctd data-label=\"Mobile UX\">Mobile-responsive web\u003C\u002Ftd>\u003Ctd data-label=\"Offline mode\">No\u003C\u002Ftd>\u003Ctd data-label=\"Native app\">No\u003C\u002Ftd>\u003Ctd data-label=\"Free plan\">Unlimited responses\u003C\u002Ftd>\u003Ctd data-label=\"Cheapest paid\">$24\u002Fmo Pro\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr class=\"\">\u003Ctd data-label=\"Tool\">\u003Cspan class=\"fmstr-cmp-bmf-tbl__name\">Paperform\u003C\u002Fspan>\u003C\u002Ftd>\u003Ctd data-label=\"Mobile UX\">Mobile-responsive web\u003C\u002Ftd>\u003Ctd data-label=\"Offline mode\">No\u003C\u002Ftd>\u003Ctd data-label=\"Native app\">No\u003C\u002Ftd>\u003Ctd data-label=\"Free plan\">14-day trial\u003C\u002Ftd>\u003Ctd data-label=\"Cheapest paid\">$24\u002Fmo Essentials\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr class=\"\">\u003Ctd data-label=\"Tool\">\u003Cspan class=\"fmstr-cmp-bmf-tbl__name\">Fillout\u003C\u002Fspan>\u003C\u002Ftd>\u003Ctd data-label=\"Mobile UX\">Mobile-responsive web\u003C\u002Ftd>\u003Ctd data-label=\"Offline mode\">No\u003C\u002Ftd>\u003Ctd data-label=\"Native app\">No\u003C\u002Ftd>\u003Ctd data-label=\"Free plan\">1,000 responses\u002Fmo\u003C\u002Ftd>\u003Ctd data-label=\"Cheapest paid\">$15\u002Fmo Starter\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr class=\"\">\u003Ctd data-label=\"Tool\">\u003Cspan class=\"fmstr-cmp-bmf-tbl__name\">Zonka Feedback\u003C\u002Fspan>\u003C\u002Ftd>\u003Ctd data-label=\"Mobile UX\">Native CX surveys\u003C\u002Ftd>\u003Ctd data-label=\"Offline mode\">Yes (kiosk + offline)\u003C\u002Ftd>\u003Ctd data-label=\"Native app\">iOS + Android\u003C\u002Ftd>\u003Ctd data-label=\"Free plan\">14-day trial\u003C\u002Ftd>\u003Ctd data-label=\"Cheapest paid\">$49\u002Fmo Starter\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr class=\"\">\u003Ctd data-label=\"Tool\">\u003Cspan class=\"fmstr-cmp-bmf-tbl__name\">Google Forms\u003C\u002Fspan>\u003C\u002Ftd>\u003Ctd data-label=\"Mobile UX\">Mobile-responsive web\u003C\u002Ftd>\u003Ctd data-label=\"Offline mode\">Limited (browser)\u003C\u002Ftd>\u003Ctd data-label=\"Native app\">Web only\u003C\u002Ftd>\u003Ctd data-label=\"Free plan\">Free unlimited\u003C\u002Ftd>\u003Ctd data-label=\"Cheapest paid\">Free\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr class=\"\">\u003Ctd data-label=\"Tool\">\u003Cspan class=\"fmstr-cmp-bmf-tbl__name\">Microsoft Forms\u003C\u002Fspan>\u003C\u002Ftd>\u003Ctd data-label=\"Mobile UX\">Mobile-responsive web\u003C\u002Ftd>\u003Ctd data-label=\"Offline mode\">Browser cache only\u003C\u002Ftd>\u003Ctd data-label=\"Native app\">Web only\u003C\u002Ftd>\u003Ctd data-label=\"Free plan\">Included in M365\u003C\u002Ftd>\u003Ctd data-label=\"Cheapest paid\">$6\u002Fuser\u002Fmo\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003Cstyle>\n.fmstr-cmp-bmf-body a { text-decoration: none !important; }\n.fmstr-cmp-bmf-body {\n--c-card: #ffffff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-600: #6941c6; --c-violet-700: #5b34b1;\n--c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-border: #eaecf0;\n--c-good: #12b76a; --c-amber: #f79009;\n--c-shadow: 0 1px 3px rgba(16,24,40,.05);\nbackground: transparent; padding: 24px 0;\nfont-family: inherit; color: var(--c-fg-1);\ntext-align: left !important;\n}\n.fmstr-cmp-bmf-body *, .fmstr-cmp-bmf-body *::before, .fmstr-cmp-bmf-body *::after { box-sizing: border-box; }\n.fmstr-cmp-bmf-body__container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }\n.fmstr-cmp-bmf-body__intro { max-width: 820px; }\n.fmstr-cmp-bmf-body__sub { font-size: 17px !important; line-height: 1.6 !important; color: var(--c-fg-3); font-style: italic; margin: 0 0 20px !important; }\n.fmstr-cmp-bmf-body__lead { font-size: 17px !important; line-height: 1.7 !important; color: var(--c-fg-2); margin: 0 0 40px !important; }\n.fmstr-cmp-bmf-body__lead a { color: var(--c-violet-600) !important; font-weight: 500; }\n.fmstr-cmp-bmf-body__tool { background: var(--c-card); border: 1px solid var(--c-border); border-radius: 18px; padding: 30px 32px; margin: 0 0 24px; box-shadow: var(--c-shadow); }\n.fmstr-cmp-bmf-body__tool.is-featured { border-color: var(--c-edge); background: linear-gradient(0deg, #fbfaff 0%, var(--c-card) 100%); }\n.fmstr-cmp-bmf-body__rank { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 10px; }\n.fmstr-cmp-bmf-body__rank-num { width: 36px; height: 36px; display: grid; place-items: center; background: var(--c-tint); border: 1px solid var(--c-edge); color: var(--c-violet-700); border-radius: 10px; font-weight: 800; font-size: 16px; }\n.fmstr-cmp-bmf-body__rank-badge { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; background: var(--c-violet-600); color: #fff; padding: 4px 10px; border-radius: 9999px; }\n.fmstr-cmp-bmf-body__h2 { font-size: clamp(22px, 2.4vw, 28px) !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -.02em !important; margin: 0 0 6px !important; color: var(--c-fg-1); }\n.fmstr-cmp-bmf-body__tagline { font-size: 14px !important; line-height: 1.5 !important; color: var(--c-fg-3); margin: 0 0 18px !important; font-weight: 500; }\n.fmstr-cmp-bmf-body__row { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 0 0 14px; }\n@media (max-width: 720px) { .fmstr-cmp-bmf-body__row { grid-template-columns: 1fr; gap: 16px; } }\n.fmstr-cmp-bmf-body__block-title { font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.08em; text-transform: uppercase; color: var(--c-violet-700); margin: 0 0 6px !important; }\n.fmstr-cmp-bmf-body__p { font-size: 15px !important; line-height: 1.65 !important; color: var(--c-fg-2); margin: 0 0 12px !important; }\n.fmstr-cmp-bmf-body__p a { color: var(--c-violet-600) !important; font-weight: 500; }\n.fmstr-cmp-bmf-body__list { margin: 0 !important; padding: 0 0 0 18px !important; font-size: 15px !important; line-height: 1.65 !important; color: var(--c-fg-2); }\n.fmstr-cmp-bmf-body__list li { margin: 0 0 6px; }\n.fmstr-cmp-bmf-body__proscons { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 16px 0 0; }\n@media (max-width: 540px) { .fmstr-cmp-bmf-body__proscons { grid-template-columns: 1fr; } }\n.fmstr-cmp-bmf-body__pros, .fmstr-cmp-bmf-body__cons { border-radius: 10px; padding: 14px 16px; font-size: 14.5px; line-height: 1.55; }\n.fmstr-cmp-bmf-body__pros { background: #ecfdf3; color: #054f31; border: 1px solid #abefc6; }\n.fmstr-cmp-bmf-body__cons { background: #fffaeb; color: #7a2e0e; border: 1px solid #fec84b; }\n.fmstr-cmp-bmf-body__pros strong, .fmstr-cmp-bmf-body__cons strong { display: block; font-size: 11.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 4px; }\n.fmstr-cmp-bmf-body__pros strong { color: var(--c-good); }\n.fmstr-cmp-bmf-body__cons strong { color: var(--c-amber); }\n.fmstr-cmp-bmf-body__cta { display: inline-flex; align-items: center; gap: 8px; background: var(--c-violet-500) !important; color: #fff !important; padding: 12px 22px; border-radius: 9999px; font-weight: 600; font-size: 14.5px; margin: 20px 0 0; transition: background .15s ease; }\n.fmstr-cmp-bmf-body__cta:hover { background: var(--c-violet-600) !important; }\n.fmstr-cmp-bmf-body__picker { margin: 36px 0; border: 1px solid var(--c-border); border-radius: 14px; overflow: hidden; background: var(--c-card); }\n.fmstr-cmp-bmf-body__picker-head { padding: 18px 22px; background: var(--c-tint); border-bottom: 1px solid var(--c-edge); }\n.fmstr-cmp-bmf-body__picker-h2 { font-size: 20px !important; font-weight: 700 !important; margin: 0 !important; color: var(--c-violet-700); }\n.fmstr-cmp-bmf-body__picker-table { width: 100%; border-collapse: collapse; font-size: 14.5px; }\n.fmstr-cmp-bmf-body__picker-table td { padding: 12px 22px; border-bottom: 1px solid var(--c-border); color: var(--c-fg-2); }\n.fmstr-cmp-bmf-body__picker-table tr:last-child td { border-bottom: none; }\n.fmstr-cmp-bmf-body__picker-table td:last-child { color: var(--c-fg-1); font-weight: 600; }\n.fmstr-cmp-bmf-body__picker-table td.is-brand { color: var(--c-violet-700) !important; }\n\n.fmstr-cmp-bmf-body__pricing {\nmargin: 0 !important;\npadding: 0 !important;\nlist-style: none !important;\nfont-size: 14.5px !important;\nline-height: 1.7 !important;\ncolor: var(--c-fg-2);\nborder: 1px solid var(--c-border);\nborder-radius: 10px;\noverflow: hidden;\n}\n.fmstr-cmp-bmf-body__pricing li {\npadding: 10px 16px;\nborder-bottom: 1px solid var(--c-border);\ndisplay: flex;\ngap: 10px;\nflex-wrap: wrap;\n}\n.fmstr-cmp-bmf-body__pricing li:last-child { border-bottom: none; }\n.fmstr-cmp-bmf-body__pricing li:nth-child(odd) { background: var(--c-tint); }\n.fmstr-cmp-bmf-body__pricing li strong {\ncolor: var(--c-fg-1);\nfont-weight: 600;\nflex-shrink: 0;\nmin-width: 145px;\n}\n@media (max-width: 540px) {\n.fmstr-cmp-bmf-body__pricing li { padding: 10px 12px; flex-direction: column; gap: 2px; }\n.fmstr-cmp-bmf-body__pricing li strong { min-width: 0; }\n}\n\n@media (max-width: 720px) {\n.fmstr-cmp-bmf-body { padding: 16px 0; }\n.fmstr-cmp-bmf-body__container { padding: 0 14px; }\n.fmstr-cmp-bmf-body__sub { font-size: 16px !important; }\n.fmstr-cmp-bmf-body__lead { font-size: 16px !important; margin-bottom: 28px !important; }\n.fmstr-cmp-bmf-body__tool { padding: 22px 18px !important; border-radius: 14px; margin: 0 0 16px; }\n.fmstr-cmp-bmf-body__h2 { font-size: 20px !important; line-height: 1.25 !important; }\n.fmstr-cmp-bmf-body__tagline { font-size: 13.5px !important; margin-bottom: 14px !important; }\n.fmstr-cmp-bmf-body__rank-num { width: 32px; height: 32px; font-size: 14px; }\n.fmstr-cmp-bmf-body__rank-badge { font-size: 10px; padding: 3px 8px; }\n.fmstr-cmp-bmf-body__row { grid-template-columns: 1fr !important; gap: 14px !important; }\n.fmstr-cmp-bmf-body__p { font-size: 14.5px !important; }\n.fmstr-cmp-bmf-body__list { font-size: 14.5px !important; padding-left: 18px !important; }\n.fmstr-cmp-bmf-body__proscons { grid-template-columns: 1fr !important; gap: 12px; }\n.fmstr-cmp-bmf-body__cta { padding: 11px 18px; font-size: 14px; width: 100%; justify-content: center; }\n.fmstr-cmp-bmf-body__pricing li { padding: 10px 12px !important; flex-direction: column !important; gap: 2px !important; align-items: flex-start !important; }\n.fmstr-cmp-bmf-body__pricing li strong { min-width: 0 !important; font-size: 12px !important; text-transform: uppercase; letter-spacing: 0.04em; color: var(--c-violet-700) !important; }\n.fmstr-cmp-bmf-body__picker-table td { padding: 10px 14px !important; font-size: 13.5px !important; }\n.fmstr-cmp-bmf-body__picker-h2 { font-size: 18px !important; }\n.fmstr-cmp-bmf-body__picker-head { padding: 14px 18px !important; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-bmf-body\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__container\">\n\n\u003Cdiv class=\"fmstr-cmp-bmf-body__intro\">\n\u003Cp class=\"fmstr-cmp-bmf-body__sub\">Side-by-side comparison of native iOS \u002F Android apps and mobile-responsive web builders. Tested for one-handed tap targets, offline data capture, and how the form looks on a 360px screen.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-bmf-body__lead\">The best mobile form builders in 2026 split into two camps: web-based mobile-responsive builders that work in any phone browser (\u003Ca href=\"\u002F\">Formester\u003C\u002Fa>, Tally, Typeform, Fillout), and native iOS \u002F Android apps that install on the device (Jotform Mobile Forms, forms.app, Zonka Feedback). Native apps win for offline-first field work; web builders win for cost-efficiency and broader browser reach.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\n\u003Carticle class=\"fmstr-cmp-bmf-body__tool is-featured\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__rank\">\u003Cspan class=\"fmstr-cmp-bmf-body__rank-num\">1\u003C\u002Fspan>\u003Cspan class=\"fmstr-cmp-bmf-body__rank-badge\">Editor's pick\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003Ch2 class=\"fmstr-cmp-bmf-body__h2\">Formester: Best mobile-responsive web builder with offline + payments\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-bmf-body__tagline\">Best for: SMBs that need forms on mobile without paying per-device or per-user for a native app.\u003C\u002Fp>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__row\">\n\u003Cdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">How it handles the use case\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-bmf-body__p\">Mobile-responsive web, forms render correctly on phones from iPhone SE to iPad Pro. Offline support via browser cache + auto-sync (\u003Ca href=\"\u002Ffeatures\u002Foffline-forms\u002F\">offline forms feature\u003C\u002Fa>).\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">Key features\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-bmf-body__list\">\n\u003Cli>Mobile-responsive web (no app install)\u003C\u002Fli>\n\u003Cli>Offline via browser cache + auto-sync\u003C\u002Fli>\n\u003Cli>Six embed modes including fullscreen\u003C\u002Fli>\n\u003Cli>Touch-optimized tap targets + signature pad\u003C\u002Fli>\n\u003Cli>Native Stripe + PayPal at the jobsite\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">Pricing\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-bmf-body__pricing\">\n\u003Cli>\u003Cstrong>Free Plan:\u003C\u002Fstrong> Yes (unlimited forms and responses)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Starting Price:\u003C\u002Fstrong> $13\u002Fmonth Personal ($12\u002Fmonth annual)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Most Popular Plan:\u003C\u002Fstrong> $49\u002Fmonth Business ($45\u002Fmonth annual)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Enterprise Plan:\u003C\u002Fstrong> Custom pricing\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Free Trial:\u003C\u002Fstrong> No (free plan available instead)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Response Limits:\u003C\u002Fstrong> 100 (free) \u002F 5,000 (Personal) \u002F 15,000 (Business)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Storage:\u003C\u002Fstrong> 100MB free \u002F 1GB Personal \u002F 50GB Business\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Team Collaboration:\u003C\u002Fstrong> Business plan and above\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__proscons\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__pros\">\u003Cstrong>Pros\u003C\u002Fstrong>Cheapest in the mobile-form category. AI + offline + payments in one. No per-device fees.\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__cons\">\u003Cstrong>Cons\u003C\u002Fstrong>Not a native app, relies on browser. Less efficient than native for very heavy daily field use.\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Ca class=\"fmstr-cmp-bmf-body__cta\" href=\"https:\u002F\u002Fapp.formester.com\u002Fusers\u002Fsign_up\">Try Formester free →\u003C\u002Fa>\n\u003C\u002Farticle>\n\u003Carticle class=\"fmstr-cmp-bmf-body__tool\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__rank\">\u003Cspan class=\"fmstr-cmp-bmf-body__rank-num\">2\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003Ch2 class=\"fmstr-cmp-bmf-body__h2\">Jotform Mobile Forms: Best native iOS \u002F Android app\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-bmf-body__tagline\">Best for: Teams that want the most polished native mobile experience for field staff.\u003C\u002Fp>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__row\">\n\u003Cdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">How it handles the use case\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-bmf-body__p\">Native iOS + Android apps with full offline mode. Kiosk mode auto-resets between submissions. Push notifications on submission.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">Key features\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-bmf-body__list\">\n\u003Cli>Native iOS + Android with offline\u003C\u002Fli>\n\u003Cli>Kiosk mode (auto-reset)\u003C\u002Fli>\n\u003Cli>10,000+ templates\u003C\u002Fli>\n\u003Cli>HIPAA-eligible on Gold ($99\u002Fmo)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">Pricing\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-bmf-body__pricing\">\n\u003Cli>\u003Cstrong>Free Plan:\u003C\u002Fstrong> Yes (100 submissions\u002Fmonth)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Starting Price:\u003C\u002Fstrong> $34\u002Fmonth Bronze\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Most Popular Plan:\u003C\u002Fstrong> $39\u002Fmonth Silver\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Enterprise Plan:\u003C\u002Fstrong> Custom pricing\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Free Trial:\u003C\u002Fstrong> No (free plan available instead)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Submission Limits:\u003C\u002Fstrong> 100 (free) \u002F 1,000 (Bronze) \u002F 2,500 (Silver) \u002F 10,000 (Gold)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Native Apps:\u003C\u002Fstrong> iOS + Android\u003C\u002Fli>\n\u003Cli>\u003Cstrong>HIPAA:\u003C\u002Fstrong> Gold tier and above\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__proscons\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__pros\">\u003Cstrong>Pros\u003C\u002Fstrong>Most mature native mobile UX. Big template library. HIPAA available.\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__cons\">\u003Cstrong>Cons\u003C\u002Fstrong>Mobile app is a layer on top of regular Jotform, pricing climbs with Jotform tiers.\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C\u002Farticle>\n\u003Carticle class=\"fmstr-cmp-bmf-body__tool\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__rank\">\u003Cspan class=\"fmstr-cmp-bmf-body__rank-num\">3\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003Ch2 class=\"fmstr-cmp-bmf-body__h2\">forms.app: Best hybrid AI-first mobile experience\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-bmf-body__tagline\">Best for: Teams that want AI-generated forms + mobile-first design without sacrificing either.\u003C\u002Fp>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__row\">\n\u003Cdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">How it handles the use case\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-bmf-body__p\">Native iOS + Android apps + mobile-responsive web. Best-in-category AI form generator (per their own claim). Themes optimized for mobile.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">Key features\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-bmf-body__list\">\n\u003Cli>Native iOS + Android + responsive web\u003C\u002Fli>\n\u003Cli>Strong AI form generator\u003C\u002Fli>\n\u003Cli>Mobile-optimized themes\u003C\u002Fli>\n\u003Cli>Modern UI\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">Pricing\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-bmf-body__pricing\">\n\u003Cli>\u003Cstrong>Free Plan:\u003C\u002Fstrong> Yes (100 responses\u002Fmonth, 1 form)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Starting Price:\u003C\u002Fstrong> $19\u002Fmonth Basic (annual) \u002F $29 monthly\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Most Popular Plan:\u003C\u002Fstrong> $29\u002Fmonth Pro (annual) \u002F $39 monthly\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Enterprise Plan:\u003C\u002Fstrong> $59\u002Fmonth Premium (annual) \u002F $79 monthly\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Free Trial:\u003C\u002Fstrong> No (free plan available instead)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>AI Generation:\u003C\u002Fstrong> Native AI form builder\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Native Apps:\u003C\u002Fstrong> iOS + Android\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__proscons\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__pros\">\u003Cstrong>Pros\u003C\u002Fstrong>Strong AI form builder. Modern mobile UI.\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__cons\">\u003Cstrong>Cons\u003C\u002Fstrong>No offline mode (online-only). Smaller integration ecosystem.\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C\u002Farticle>\n\u003Carticle class=\"fmstr-cmp-bmf-body__tool\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__rank\">\u003Cspan class=\"fmstr-cmp-bmf-body__rank-num\">4\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003Ch2 class=\"fmstr-cmp-bmf-body__h2\">Typeform: Best perceived mobile UX for surveys\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-bmf-body__tagline\">Best for: B2C marketing surveys and quizzes where the one-question-per-screen format shines on phones.\u003C\u002Fp>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__row\">\n\u003Cdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">How it handles the use case\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-bmf-body__p\">Mobile-responsive web (no native app). One-question-per-screen format is naturally phone-friendly. Strong video \u002F image rendering.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">Key features\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-bmf-body__list\">\n\u003Cli>One-question-per-screen format\u003C\u002Fli>\n\u003Cli>Strong video + image rendering\u003C\u002Fli>\n\u003Cli>Native HubSpot, Mailchimp, Salesforce, Slack\u003C\u002Fli>\n\u003Cli>Visual logic flowchart editor\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">Pricing\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-bmf-body__pricing\">\n\u003Cli>\u003Cstrong>Free Plan:\u003C\u002Fstrong> Yes (10 responses\u002Fmonth, 1 form)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Starting Price:\u003C\u002Fstrong> $29\u002Fmonth Basic ($28\u002Fmonth annual)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Most Popular Plan:\u003C\u002Fstrong> $79\u002Fmonth Plus ($56\u002Fmonth annual)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Enterprise Plan:\u003C\u002Fstrong> Custom pricing (Growth Flow tier and above)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Free Trial:\u003C\u002Fstrong> No (free plan available instead)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Response Limits:\u003C\u002Fstrong> 10 (free) \u002F 100 (Basic) \u002F 1,000 (Plus) \u002F 10,000 (Business)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Pricing Save:\u003C\u002Fstrong> 30% off with annual billing\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__proscons\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__pros\">\u003Cstrong>Pros\u003C\u002Fstrong>Highest perceived UX on mobile for conversational format.\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__cons\">\u003Cstrong>Cons\u003C\u002Fstrong>Expensive. Free tier barely usable. Wrong for long daily internal forms.\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C\u002Farticle>\n\u003Carticle class=\"fmstr-cmp-bmf-body__tool\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__rank\">\u003Cspan class=\"fmstr-cmp-bmf-body__rank-num\">5\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003Ch2 class=\"fmstr-cmp-bmf-body__h2\">Tally: Most generous free mobile builder\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-bmf-body__tagline\">Best for: Founders, indie hackers, small teams with unlimited mobile form volume needs.\u003C\u002Fp>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__row\">\n\u003Cdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">How it handles the use case\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-bmf-body__p\">Mobile-responsive web (no native app). Clean modern design that renders well on phones. Slash-command editor.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">Key features\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-bmf-body__list\">\n\u003Cli>Unlimited responses + forms on free\u003C\u002Fli>\n\u003Cli>Notion-style editor\u003C\u002Fli>\n\u003Cli>Modern UI\u003C\u002Fli>\n\u003Cli>Payments + logic + integrations on free\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">Pricing\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-bmf-body__pricing\">\n\u003Cli>\u003Cstrong>Free Plan:\u003C\u002Fstrong> Yes (unlimited responses + unlimited forms)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Starting Price:\u003C\u002Fstrong> $24\u002Fmonth Pro\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Most Popular Plan:\u003C\u002Fstrong> $24\u002Fmonth Pro\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Enterprise Plan:\u003C\u002Fstrong> $74\u002Fmonth Business\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Free Trial:\u003C\u002Fstrong> No (free plan covers most use cases)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Responses:\u003C\u002Fstrong> Unlimited on every tier\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Forms:\u003C\u002Fstrong> Unlimited on every tier\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Branding Removal:\u003C\u002Fstrong> Pro tier\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__proscons\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__pros\">\u003Cstrong>Pros\u003C\u002Fstrong>Most generous free plan in the category. Genuinely usable on phones.\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__cons\">\u003Cstrong>Cons\u003C\u002Fstrong>No native mobile app. No offline. 'Made with Tally' footer on free plan.\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C\u002Farticle>\n\u003Carticle class=\"fmstr-cmp-bmf-body__tool\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__rank\">\u003Cspan class=\"fmstr-cmp-bmf-body__rank-num\">6\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003Ch2 class=\"fmstr-cmp-bmf-body__h2\">Paperform: Best mobile experience for document-style forms\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-bmf-body__tagline\">Best for: Forms that read like a document on mobile, long-form intake, applications, loan \u002F mortgage flows.\u003C\u002Fp>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__row\">\n\u003Cdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">How it handles the use case\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-bmf-body__p\">Mobile-responsive web (no native app). Block-based editor renders predictably on phones. Native payments work in-flow.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">Key features\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-bmf-body__list\">\n\u003Cli>Block-based document layout\u003C\u002Fli>\n\u003Cli>Strong AI builder\u003C\u002Fli>\n\u003Cli>Native Stripe \u002F Square \u002F Braintree\u003C\u002Fli>\n\u003Cli>Smart logic with calculations\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">Pricing\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-bmf-body__pricing\">\n\u003Cli>\u003Cstrong>Free Plan:\u003C\u002Fstrong> No\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Starting Price:\u003C\u002Fstrong> $24\u002Fmonth Essentials ($288\u002Fyear)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Most Popular Plan:\u003C\u002Fstrong> $49\u002Fmonth Pro ($588\u002Fyear)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Enterprise Plan:\u003C\u002Fstrong> $99\u002Fmonth Business ($1,188\u002Fyear)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Free Trial:\u003C\u002Fstrong> Yes (7 days, no credit card)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Submissions:\u003C\u002Fstrong> 1,200\u002Fyear (Essentials) \u002F 12,000\u002Fyear (Pro) \u002F 120,000\u002Fyear (Business)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Users:\u003C\u002Fstrong> 1 (Essentials) \u002F 3 (Pro) \u002F 5 (Business, +$9\u002Fuser up to 25)\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__proscons\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__pros\">\u003Cstrong>Pros\u003C\u002Fstrong>Best layout flexibility on mobile.\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__cons\">\u003Cstrong>Cons\u003C\u002Fstrong>No free plan. No offline. No native app.\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C\u002Farticle>\n\u003Carticle class=\"fmstr-cmp-bmf-body__tool\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__rank\">\u003Cspan class=\"fmstr-cmp-bmf-body__rank-num\">7\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003Ch2 class=\"fmstr-cmp-bmf-body__h2\">Fillout: Best mobile builder with native data layer\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-bmf-body__tagline\">Best for: Teams whose forms feed an Airtable \u002F Notion \u002F Google Sheets database.\u003C\u002Fp>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__row\">\n\u003Cdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">How it handles the use case\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-bmf-body__p\">Mobile-responsive web. Multi-step forms that work as a mobile flow. Native Airtable \u002F Notion sync.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">Key features\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-bmf-body__list\">\n\u003Cli>Mobile-responsive multi-step forms\u003C\u002Fli>\n\u003Cli>Native Airtable \u002F Notion \u002F Sheets sync\u003C\u002Fli>\n\u003Cli>AI form generator\u003C\u002Fli>\n\u003Cli>1,000 responses\u002Fmo free\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">Pricing\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-bmf-body__pricing\">\n\u003Cli>\u003Cstrong>Free Plan:\u003C\u002Fstrong> Yes (1,000 responses\u002Fmonth, unlimited forms)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Starting Price:\u003C\u002Fstrong> $15\u002Fmonth Starter\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Most Popular Plan:\u003C\u002Fstrong> $40\u002Fmonth Pro\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Enterprise Plan:\u003C\u002Fstrong> $75\u002Fmonth Business\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Free Trial:\u003C\u002Fstrong> No (free plan covers basics)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Response Limits:\u003C\u002Fstrong> 1,000 (free) \u002F 5,000 (Starter) \u002F 25,000 (Pro) \u002F 100,000 (Business)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Per-Seat Charges:\u003C\u002Fstrong> None, invite your whole company\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__proscons\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__pros\">\u003Cstrong>Pros\u003C\u002Fstrong>Generous free tier (1,000 responses). Strong data-layer integration.\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__cons\">\u003Cstrong>Cons\u003C\u002Fstrong>No offline mode. No native app.\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C\u002Farticle>\n\u003Carticle class=\"fmstr-cmp-bmf-body__tool\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__rank\">\u003Cspan class=\"fmstr-cmp-bmf-body__rank-num\">8\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003Ch2 class=\"fmstr-cmp-bmf-body__h2\">Zonka Feedback: Best native mobile CX surveys\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-bmf-body__tagline\">Best for: CX teams collecting NPS \u002F CSAT \u002F CES on tablets in stores, hotels, clinics.\u003C\u002Fp>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__row\">\n\u003Cdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">How it handles the use case\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-bmf-body__p\">Native iOS + Android apps + kiosk mode + offline with auto-sync. Built specifically for in-person feedback.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">Key features\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-bmf-body__list\">\n\u003Cli>Native iOS + Android with kiosk + offline\u003C\u002Fli>\n\u003Cli>Large tap targets for in-person use\u003C\u002Fli>\n\u003Cli>NPS \u002F CSAT \u002F CES analytics\u003C\u002Fli>\n\u003Cli>Multi-language\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">Pricing\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-bmf-body__pricing\">\n\u003Cli>\u003Cstrong>Free Plan:\u003C\u002Fstrong> No (14-day trial)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Starting Price:\u003C\u002Fstrong> $49\u002Fmonth Starter\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Most Popular Plan:\u003C\u002Fstrong> $99\u002Fmonth Professional\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Enterprise Plan:\u003C\u002Fstrong> Custom pricing\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Free Trial:\u003C\u002Fstrong> Yes (14 days)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Survey Types:\u003C\u002Fstrong> NPS, CSAT, CES\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Kiosk + Offline Mode:\u003C\u002Fstrong> Built-in\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__proscons\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__pros\">\u003Cstrong>Pros\u003C\u002Fstrong>Purpose-built for kiosk + tablet CX surveys. Strong analytics layer.\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__cons\">\u003Cstrong>Cons\u003C\u002Fstrong>Expensive for general-purpose forms. Overkill outside CX.\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C\u002Farticle>\n\u003Carticle class=\"fmstr-cmp-bmf-body__tool\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__rank\">\u003Cspan class=\"fmstr-cmp-bmf-body__rank-num\">9\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003Ch2 class=\"fmstr-cmp-bmf-body__h2\">Google Forms: When you need free mobile forms with zero learning curve\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-bmf-body__tagline\">Best for: Internal use cases, team polls, RSVPs, classroom surveys, viewed on phones.\u003C\u002Fp>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__row\">\n\u003Cdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">How it handles the use case\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-bmf-body__p\">Mobile-responsive web. Also viewable in the Google Workspace app. Limited offline (browser cache).\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">Key features\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-bmf-body__list\">\n\u003Cli>Free for all Google accounts\u003C\u002Fli>\n\u003Cli>Native Google Sheets sync\u003C\u002Fli>\n\u003Cli>Gemini AI in Google Workspace\u003C\u002Fli>\n\u003Cli>Unlimited forms + submissions\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">Pricing\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-bmf-body__pricing\">\n\u003Cli>\u003Cstrong>Free Plan:\u003C\u002Fstrong> Yes (unlimited forms, no payments)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Starting Price:\u003C\u002Fstrong> Free\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Most Popular Plan:\u003C\u002Fstrong> Free (Google Workspace from $6\u002Fuser\u002Fmonth)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Enterprise Plan:\u003C\u002Fstrong> Custom (Google Workspace Enterprise)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Free Trial:\u003C\u002Fstrong> Not applicable\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Form Limit:\u003C\u002Fstrong> Unlimited\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Native Payments:\u003C\u002Fstrong> Not supported\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Conditional Logic:\u003C\u002Fstrong> Limited on free; full with Workspace\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__proscons\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__pros\">\u003Cstrong>Pros\u003C\u002Fstrong>Free, ubiquitous, zero learning curve.\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__cons\">\u003Cstrong>Cons\u003C\u002Fstrong>Generic look on mobile. No payments. No conditional logic on free tier.\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C\u002Farticle>\n\u003Carticle class=\"fmstr-cmp-bmf-body__tool\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__rank\">\u003Cspan class=\"fmstr-cmp-bmf-body__rank-num\">10\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003Ch2 class=\"fmstr-cmp-bmf-body__h2\">Microsoft Forms: When you're already on Microsoft 365\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-bmf-body__tagline\">Best for: Internal M365 users, quick polls, internal intake, classroom forms on iPad.\u003C\u002Fp>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__row\">\n\u003Cdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">How it handles the use case\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-bmf-body__p\">Mobile-responsive web. Forms work in the Microsoft 365 mobile apps. Browser-cache only offline.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">Key features\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-bmf-body__list\">\n\u003Cli>Included with M365 Business Standard+\u003C\u002Fli>\n\u003Cli>Copilot AI form generation\u003C\u002Fli>\n\u003Cli>Native Excel + Power Automate\u003C\u002Fli>\n\u003Cli>M365 Education-friendly\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cp class=\"fmstr-cmp-bmf-body__block-title\">Pricing\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-bmf-body__pricing\">\n\u003Cli>\u003Cstrong>Free Plan:\u003C\u002Fstrong> Included with Microsoft 365 subscription\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Starting Price:\u003C\u002Fstrong> $6\u002Fuser\u002Fmonth (M365 Business Basic)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Most Popular Plan:\u003C\u002Fstrong> $12.50\u002Fuser\u002Fmonth (M365 Business Standard)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Enterprise Plan:\u003C\u002Fstrong> $23\u002Fuser\u002Fmonth (M365 E3) or $38\u002Fuser\u002Fmonth (M365 E5)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Free Trial:\u003C\u002Fstrong> Yes (30 days on M365 Business plans)\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Standalone Pricing:\u003C\u002Fstrong> Not available as standalone product\u003C\u002Fli>\n\u003Cli>\u003Cstrong>AI Generation:\u003C\u002Fstrong> Copilot in Forms Pro\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Native Payments:\u003C\u002Fstrong> Not supported\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__proscons\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__pros\">\u003Cstrong>Pros\u003C\u002Fstrong>Free if you're already on M365. Strong Excel + Teams integration.\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-bmf-body__cons\">\u003Cstrong>Cons\u003C\u002Fstrong>Not built for customer-facing mobile forms. No real offline.\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\n\u003C\u002Farticle>\n\n\u003Cdiv class=\"fmstr-cmp-bmf-body__picker\">\n\u003Cdiv class=\"fmstr-cmp-bmf-body__picker-head\">\n\u003Ch2 class=\"fmstr-cmp-bmf-body__picker-h2\">How to choose\u003C\u002Fh2>\n\u003C\u002Fdiv>\n\u003Ctable class=\"fmstr-cmp-bmf-body__picker-table\">\n\u003Ctbody>\n\u003Ctr>\u003Ctd>Cheapest mobile-responsive web + offline + payments\u003C\u002Ftd>\u003Ctd class=\"is-brand\">Formester\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Polished native iOS \u002F Android app for field crews\u003C\u002Ftd>\u003Ctd>Jotform Mobile Forms\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>AI-first mobile form builder\u003C\u002Ftd>\u003Ctd>forms.app\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Highest perceived UX on B2C surveys\u003C\u002Ftd>\u003Ctd>Typeform\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Unlimited free mobile forms\u003C\u002Ftd>\u003Ctd>Tally\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Document-style long-form on mobile\u003C\u002Ftd>\u003Ctd>Paperform\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Forms tied to Airtable \u002F Notion data\u003C\u002Ftd>\u003Ctd>Fillout\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Native kiosk \u002F tablet CX surveys\u003C\u002Ftd>\u003Ctd>Zonka Feedback\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Free with zero learning curve\u003C\u002Ftd>\u003Ctd>Google Forms\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Inside Microsoft 365\u003C\u002Ftd>\u003Ctd>Microsoft Forms\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003Cstyle>\n.fmstr-cmp-bmf-faq a { text-decoration: none !important; }\n.fmstr-cmp-bmf-faq {\n--c-card: #ffffff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-600: #6941c6;\n--c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-border: #eaecf0;\n--c-shadow: 0 1px 3px rgba(16,24,40,.05);\nbackground: transparent; padding: 56px 24px;\nfont-family: inherit; color: var(--c-fg-1);\ntext-align: left !important;\n}\n.fmstr-cmp-bmf-faq *, .fmstr-cmp-bmf-faq *::before, .fmstr-cmp-bmf-faq *::after { box-sizing: border-box; }\n.fmstr-cmp-bmf-faq__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-bmf-faq__h2 { font-size: clamp(26px, 3vw, 36px) !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -.02em !important; margin: 0 !important; color: var(--c-fg-1); }\n.fmstr-cmp-bmf-faq__intro { color: var(--c-fg-3); font-size: 17px !important; line-height: 1.6 !important; margin: 14px 0 28px !important; }\n.fmstr-cmp-bmf-faq__list { display: flex; flex-direction: column; gap: 12px; }\n.fmstr-cmp-bmf-faq__item { background: var(--c-card); border: 1px solid var(--c-border); border-radius: 14px; box-shadow: var(--c-shadow); overflow: hidden; }\n.fmstr-cmp-bmf-faq__item summary { list-style: none; cursor: pointer; padding: 18px 22px; font-size: 16.5px; font-weight: 600; color: var(--c-fg-1); display: flex; align-items: center; justify-content: space-between; gap: 14px; }\n.fmstr-cmp-bmf-faq__item summary::-webkit-details-marker { display: none; }\n.fmstr-cmp-bmf-faq__item summary::after { content: \"+\"; flex-shrink: 0; width: 24px; height: 24px; border-radius: 6px; display: grid; place-items: center; background: var(--c-tint); color: var(--c-violet-600); font-size: 16px; font-weight: 700; transition: transform .2s ease; }\n.fmstr-cmp-bmf-faq__item[open] summary::after { content: \"−\"; transform: rotate(180deg); }\n.fmstr-cmp-bmf-faq__answer { padding: 0 22px 18px; font-size: 15.5px !important; line-height: 1.65 !important; color: var(--c-fg-2); margin: 0 !important; }\n@media (max-width: 600px) { .fmstr-cmp-bmf-faq { padding: 40px 16px; } .fmstr-cmp-bmf-faq__item summary { padding: 16px 18px; font-size: 15.5px; } .fmstr-cmp-bmf-faq__answer { padding: 0 18px 16px; font-size: 15px !important; } }\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-bmf-faq\" aria-labelledby=\"fmstr-cmp-bmf-faq-h2\">\n\u003Cdiv class=\"fmstr-cmp-bmf-faq__container\">\n\u003Ch2 class=\"fmstr-cmp-bmf-faq__h2\" id=\"fmstr-cmp-bmf-faq-h2\">Frequently asked questions\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-bmf-faq__intro\">Common questions about mobile form builders, native vs web, offline, and pricing.\u003C\u002Fp>\n\u003Cdiv class=\"fmstr-cmp-bmf-faq__list\">\n\n\u003Cdetails class=\"fmstr-cmp-bmf-faq__item\">\u003Csummary>What is a mobile form builder?\u003C\u002Fsummary>\u003Cdiv class=\"fmstr-cmp-bmf-faq__answer\">A mobile form builder creates forms designed to work well on phones and tablets. Some are native mobile apps (Jotform Mobile, Zonka Feedback); others are mobile-responsive web builders (Formester, Tally, Typeform).\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails class=\"fmstr-cmp-bmf-faq__item\">\u003Csummary>Native app or mobile-responsive web, which is better?\u003C\u002Fsummary>\u003Cdiv class=\"fmstr-cmp-bmf-faq__answer\">For daily field use, native apps are smoother (offline, push, tap targets). For one-off submissions, mobile-responsive web is cheaper and reaches more people without an install.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails class=\"fmstr-cmp-bmf-faq__item\">\u003Csummary>Do mobile form builders work offline?\u003C\u002Fsummary>\u003Cdiv class=\"fmstr-cmp-bmf-faq__answer\">Native apps (Jotform Mobile, Zonka Feedback) handle offline natively. Among web-based, Formester is the standout, forms cache in the browser and submissions sync on reconnect.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails class=\"fmstr-cmp-bmf-faq__item\">\u003Csummary>Which mobile form builder is cheapest?\u003C\u002Fsummary>\u003Cdiv class=\"fmstr-cmp-bmf-faq__answer\">Tally has the most generous free plan (unlimited). Formester is cheapest paid at $11\u002Fmo. Jotform Mobile starts at $34\u002Fmo for paid.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails class=\"fmstr-cmp-bmf-faq__item\">\u003Csummary>Are mobile forms secure?\u003C\u002Fsummary>\u003Cdiv class=\"fmstr-cmp-bmf-faq__answer\">Yes if you choose HTTPS-only, GDPR \u002F CCPA compliant, AES-256 at rest. Formester is GDPR \u002F UK GDPR \u002F CCPA; Jotform offers HIPAA on Gold+.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails class=\"fmstr-cmp-bmf-faq__item\">\u003Csummary>Can mobile forms accept payments?\u003C\u002Fsummary>\u003Cdiv class=\"fmstr-cmp-bmf-faq__answer\">Yes. Formester, Jotform Mobile, forms.app, Typeform, Tally, Paperform, Fillout, and Zoho support mobile payments via Stripe \u002F PayPal \u002F Square.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails class=\"fmstr-cmp-bmf-faq__item\">\u003Csummary>Photo upload and signature?\u003C\u002Fsummary>\u003Cdiv class=\"fmstr-cmp-bmf-faq__answer\">Yes for all 10 tools. Photos compress on-device and upload with the form. Signatures use the device touch screen.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails class=\"fmstr-cmp-bmf-faq__item\">\u003Csummary>Mobile form builder for kiosks?\u003C\u002Fsummary>\u003Cdiv class=\"fmstr-cmp-bmf-faq__answer\">Formester (full-screen embed), Jotform Mobile (built-in kiosk mode), Zonka Feedback (purpose-built kiosks) handle this well.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails class=\"fmstr-cmp-bmf-faq__item\">\u003Csummary>Best for AI?\u003C\u002Fsummary>\u003Cdiv class=\"fmstr-cmp-bmf-faq__answer\">forms.app leads with AI-first positioning. Formester, Jotform, and Typeform all have AI form generators with comparable output.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails class=\"fmstr-cmp-bmf-faq__item\">\u003Csummary>Embed in mobile app or PWA?\u003C\u002Fsummary>\u003Cdiv class=\"fmstr-cmp-bmf-faq__answer\">Yes. Most tools provide iframe + JavaScript embed that works inside a WebView. Formester's six embed modes give the most flexibility.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003Cstyle>\n.fmstr-cmp-bmf-rel a { text-decoration: none !important; }\n.fmstr-cmp-bmf-rel {\n--c-card: #ffffff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-600: #6941c6; --c-violet-700: #5b34b1;\n--c-tint: #f7f3ff; --c-edge: #e4d7ff; --c-border: #eaecf0;\nbackground: transparent; padding: 8px 0 0;\nfont-family: inherit; color: var(--c-fg-1);\n}\n.fmstr-cmp-bmf-rel *, .fmstr-cmp-bmf-rel *::before, .fmstr-cmp-bmf-rel *::after { box-sizing: border-box; }\n.fmstr-cmp-bmf-rel__container { max-width: 1180px; margin: 0 auto; padding: 0 16px; }\n.fmstr-cmp-bmf-rel__head { margin: 0 0 28px; max-width: 760px; }\n.fmstr-cmp-bmf-rel__eyebrow { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--c-violet-600); background: #f4ebff; padding: 4px 10px; border-radius: 9999px; margin: 0 0 12px; }\n.fmstr-cmp-bmf-rel__h2 { font-size: clamp(22px, 2.4vw, 28px) !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -.02em !important; margin: 0 !important; color: var(--c-fg-1); }\n.fmstr-cmp-bmf-rel__intro { color: var(--c-fg-3); font-size: 15px !important; line-height: 1.5 !important; margin: 8px 0 0 !important; }\n.fmstr-cmp-bmf-rel__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; align-items: start; margin: 0; }\n.fmstr-cmp-bmf-rel__card { display: flex; align-items: center; gap: 12px; background: var(--c-card); border: 1px solid var(--c-border); border-radius: 12px; padding: 12px 14px; color: inherit !important; text-decoration: none !important; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease, background .15s ease; min-width: 0; }\n.fmstr-cmp-bmf-rel__card:hover { border-color: #d6c5fa; background: #fbfaff; box-shadow: 0 4px 16px rgba(105, 65, 198, 0.08); transform: translateY(-1px); }\n.fmstr-cmp-bmf-rel__icon { flex-shrink: 0; width: 36px; height: 36px; display: grid; place-items: center; background: linear-gradient(135deg, var(--c-tint) 0%, #efe4ff 100%); border: 1px solid var(--c-edge); border-radius: 8px; color: var(--c-violet-600); }\n.fmstr-cmp-bmf-rel__icon svg { width: 18px; height: 18px; }\n.fmstr-cmp-bmf-rel__text { flex: 1; min-width: 0; }\n.fmstr-cmp-bmf-rel__title { font-size: 14.5px !important; font-weight: 600 !important; color: var(--c-fg-1); line-height: 1.3 !important; margin: 0 0 2px !important; letter-spacing: -.005em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }\n.fmstr-cmp-bmf-rel__sub { font-size: 12.5px !important; line-height: 1.4 !important; color: var(--c-fg-3); margin: 0 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }\n.fmstr-cmp-bmf-rel__arrow { flex-shrink: 0; width: 22px; height: 22px; display: grid; place-items: center; color: var(--c-violet-600); font-size: 14px; font-weight: 700; transition: transform .15s ease; }\n.fmstr-cmp-bmf-rel__card:hover .fmstr-cmp-bmf-rel__arrow { transform: translateX(3px); }\n@media (max-width: 560px) { .fmstr-cmp-bmf-rel__grid { grid-template-columns: 1fr; gap: 10px; } .fmstr-cmp-bmf-rel__card { padding: 12px; } }\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-bmf-rel\" aria-labelledby=\"fmstr-cmp-bmf-rel-h2\">\n\u003Cdiv class=\"fmstr-cmp-bmf-rel__container\">\n\u003Cdiv class=\"fmstr-cmp-bmf-rel__head\">\n\u003Cdiv class=\"fmstr-cmp-bmf-rel__eyebrow\">More on Formester\u003C\u002Fdiv>\n\u003Ch2 class=\"fmstr-cmp-bmf-rel__h2\" id=\"fmstr-cmp-bmf-rel-h2\">Related reads on mobile form building\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-bmf-rel__intro\">Adjacent topics for teams choosing mobile-first form tools.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-bmf-rel__grid\">\n\n\u003Ca class=\"fmstr-cmp-bmf-rel__card\" href=\"\u002Fai-form-generator\u002F\">\n\u003Cspan class=\"fmstr-cmp-bmf-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72\"\u002F>\u003Cpath d=\"m14 7 3 3\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>\n\u003Cdiv class=\"fmstr-cmp-bmf-rel__text\">\u003Ch3 class=\"fmstr-cmp-bmf-rel__title\">AI form generator\u003C\u002Fh3>\u003Cp class=\"fmstr-cmp-bmf-rel__sub\">Build forms from a single prompt\u003C\u002Fp>\u003C\u002Fdiv>\n\u003Cspan class=\"fmstr-cmp-bmf-rel__arrow\">→\u003C\u002Fspan>\n\u003C\u002Fa>\n\u003Ca class=\"fmstr-cmp-bmf-rel__card\" href=\"\u002Ffeatures\u002Foffline-forms\u002F\">\n\u003Cspan class=\"fmstr-cmp-bmf-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"20 6 9 17 4 12\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>\n\u003Cdiv class=\"fmstr-cmp-bmf-rel__text\">\u003Ch3 class=\"fmstr-cmp-bmf-rel__title\">Offline forms\u003C\u002Fh3>\u003Cp class=\"fmstr-cmp-bmf-rel__sub\">Capture data with no internet\u003C\u002Fp>\u003C\u002Fdiv>\n\u003Cspan class=\"fmstr-cmp-bmf-rel__arrow\">→\u003C\u002Fspan>\n\u003C\u002Fa>\n\u003Ca class=\"fmstr-cmp-bmf-rel__card\" href=\"\u002Ffeatures\u002Fembed-forms\u002F\">\n\u003Cspan class=\"fmstr-cmp-bmf-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"16 18 22 12 16 6\"\u002F>\u003Cpolyline points=\"8 6 2 12 8 18\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>\n\u003Cdiv class=\"fmstr-cmp-bmf-rel__text\">\u003Ch3 class=\"fmstr-cmp-bmf-rel__title\">Embed forms\u003C\u002Fh3>\u003Cp class=\"fmstr-cmp-bmf-rel__sub\">Six embed modes for any site\u003C\u002Fp>\u003C\u002Fdiv>\n\u003Cspan class=\"fmstr-cmp-bmf-rel__arrow\">→\u003C\u002Fspan>\n\u003C\u002Fa>\n\u003Ca class=\"fmstr-cmp-bmf-rel__card\" href=\"\u002Fblog\u002Fbest-no-code-form-builders\u002F\">\n\u003Cspan class=\"fmstr-cmp-bmf-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect width=\"7\" height=\"7\" x=\"3\" y=\"3\" rx=\"1\"\u002F>\u003Crect width=\"7\" height=\"7\" x=\"14\" y=\"3\" rx=\"1\"\u002F>\u003Crect width=\"7\" height=\"7\" x=\"14\" y=\"14\" rx=\"1\"\u002F>\u003Crect width=\"7\" height=\"7\" x=\"3\" y=\"14\" rx=\"1\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>\n\u003Cdiv class=\"fmstr-cmp-bmf-rel__text\">\u003Ch3 class=\"fmstr-cmp-bmf-rel__title\">Best no-code form builders\u003C\u002Fh3>\u003Cp class=\"fmstr-cmp-bmf-rel__sub\">Broader form-builder listicle\u003C\u002Fp>\u003C\u002Fdiv>\n\u003Cspan class=\"fmstr-cmp-bmf-rel__arrow\">→\u003C\u002Fspan>\n\u003C\u002Fa>\n\u003Ca class=\"fmstr-cmp-bmf-rel__card\" href=\"\u002Fblog\u002Fbest-offline-form-builders\u002F\">\n\u003Cspan class=\"fmstr-cmp-bmf-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>\n\u003Cdiv class=\"fmstr-cmp-bmf-rel__text\">\u003Ch3 class=\"fmstr-cmp-bmf-rel__title\">Best offline form builders\u003C\u002Fh3>\u003Cp class=\"fmstr-cmp-bmf-rel__sub\">Sibling offline listicle\u003C\u002Fp>\u003C\u002Fdiv>\n\u003Cspan class=\"fmstr-cmp-bmf-rel__arrow\">→\u003C\u002Fspan>\n\u003C\u002Fa>\n\u003Ca class=\"fmstr-cmp-bmf-rel__card\" href=\"\u002Fblog\u002Fbest-field-service-form-software\u002F\">\n\u003Cspan class=\"fmstr-cmp-bmf-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M12 22v-5\"\u002F>\u003Cpath d=\"M9 7V2\"\u002F>\u003Cpath d=\"M15 7V2\"\u002F>\u003Cpath d=\"M6 13V8a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>\n\u003Cdiv class=\"fmstr-cmp-bmf-rel__text\">\u003Ch3 class=\"fmstr-cmp-bmf-rel__title\">Best field service forms\u003C\u002Fh3>\u003Cp class=\"fmstr-cmp-bmf-rel__sub\">Sibling field listicle\u003C\u002Fp>\u003C\u002Fdiv>\n\u003Cspan class=\"fmstr-cmp-bmf-rel__arrow\">→\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003Cscript type=\"application\u002Fld+json\">{\"@context\":\"https:\u002F\u002Fschema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\u002F\u002Fformester.com\u002Fblog\u002Fbest-mobile-form-builders\u002F#article\",\"headline\":\"The 10 Best Mobile Form Builders for 2026\",\"description\":\"Compare 10 mobile form builders for phones, tablets, and field crews. Native apps vs mobile-responsive web, offline support, kiosk mode, pricing.\",\"author\":{\"@type\":\"Person\",\"name\":\"Harish Kumar\",\"url\":\"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fharish-kumar2424\u002F\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Formester\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\u002F\u002Fformester.com\u002Flogo.svg\"}},\"datePublished\":\"2026-06-05\",\"dateModified\":\"2026-06-05\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\u002F\u002Fformester.com\u002Fblog\u002Fbest-mobile-form-builders\u002F#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\u002F\u002Fformester.com\u002F\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\u002F\u002Fformester.com\u002Fblog\u002F\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Best Mobile Form Builders\",\"item\":\"https:\u002F\u002Fformester.com\u002Fblog\u002Fbest-mobile-form-builders\u002F\"}]},{\"@type\":\"ItemList\",\"@id\":\"https:\u002F\u002Fformester.com\u002Fblog\u002Fbest-mobile-form-builders\u002F#itemlist\",\"name\":\"Best Mobile Form Builders 2026\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Formester\",\"url\":\"https:\u002F\u002Fformester.com\u002F\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Jotform Mobile Forms\",\"url\":\"https:\u002F\u002Fwww.jotform.com\u002Fproducts\u002Fmobile-forms\u002F\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"forms.app\",\"url\":\"https:\u002F\u002Fforms.app\u002F\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Typeform\",\"url\":\"https:\u002F\u002Fwww.typeform.com\u002F\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Tally\",\"url\":\"https:\u002F\u002Ftally.so\u002F\"},{\"@type\":\"ListItem\",\"position\":6,\"name\":\"Paperform\",\"url\":\"https:\u002F\u002Fpaperform.co\u002F\"},{\"@type\":\"ListItem\",\"position\":7,\"name\":\"Fillout\",\"url\":\"https:\u002F\u002Fwww.fillout.com\u002F\"},{\"@type\":\"ListItem\",\"position\":8,\"name\":\"Zonka Feedback\",\"url\":\"https:\u002F\u002Fwww.zonkafeedback.com\u002F\"},{\"@type\":\"ListItem\",\"position\":9,\"name\":\"Google Forms\",\"url\":\"https:\u002F\u002Fworkspace.google.com\u002Fproducts\u002Fforms\u002F\"},{\"@type\":\"ListItem\",\"position\":10,\"name\":\"Microsoft Forms\",\"url\":\"https:\u002F\u002Fforms.office.com\u002F\"}]},{\"@type\":\"FAQPage\",\"@id\":\"https:\u002F\u002Fformester.com\u002Fblog\u002Fbest-mobile-form-builders\u002F#faq\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What is a mobile form builder?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"A mobile form builder creates forms designed to work on phones and tablets, native mobile apps or mobile-responsive web.\"}},{\"@type\":\"Question\",\"name\":\"Native or web?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"For daily field use, native apps win. For one-off submissions, mobile-responsive web is cheaper without an install.\"}},{\"@type\":\"Question\",\"name\":\"Offline support?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Native apps (Jotform Mobile, Zonka Feedback) handle offline natively. Web-based Formester caches forms in the browser.\"}},{\"@type\":\"Question\",\"name\":\"Cheapest?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Tally has the most generous free plan. Formester is cheapest paid at $11\u002Fmo. Jotform Mobile starts at $34\u002Fmo.\"}},{\"@type\":\"Question\",\"name\":\"Secure?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes if HTTPS-only, GDPR \u002F CCPA compliant, AES-256. Formester is GDPR \u002F UK GDPR \u002F CCPA; Jotform Gold+ offers HIPAA.\"}},{\"@type\":\"Question\",\"name\":\"Mobile payments?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Formester, Jotform Mobile, forms.app, Typeform, Tally, Paperform, Fillout, Zoho support mobile payments.\"}},{\"@type\":\"Question\",\"name\":\"Photo + signature?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes for all 10 tools. Photos compress on-device. Signatures use device touch screen.\"}},{\"@type\":\"Question\",\"name\":\"Kiosk on tablet?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Formester (full-screen embed), Jotform Mobile (built-in kiosk mode), Zonka Feedback (purpose-built kiosks) handle this well.\"}},{\"@type\":\"Question\",\"name\":\"Best for AI?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"forms.app leads with AI-first positioning. Formester, Jotform, Typeform all have AI form generators.\"}},{\"@type\":\"Question\",\"name\":\"Embed in mobile app or PWA?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Most tools provide iframe + JavaScript embed. Formester's six embed modes give the most flexibility.\"}}]}]}\u003C\u002Fscript>\n\n","blog\u002Fblog\u002Fbest-mobile-form-builders.md",{"text":196},"11 min read",1788439051440]