[{"data":1,"prerenderedAt":214},["ShallowReactive",2],{"blog-how-to-create-an-online-application-form":3},{"blogData":4,"relatedArticles":97},{"id":5,"title":6,"description":7,"metaTitle":6,"metaDescription":7,"keywords":8,"author":9,"authorProfile":10,"coverImgAlt":11,"featured":12,"slug":13,"body":14,"createdAt":15,"updatedAt":16,"publishedAt":17,"coverImg":18,"metaImage":19,"schema":20,"coverImgWidth":93,"coverImgHeight":94,"readingStats":95},1786,"How to Create an Online Application Form (Step by Step)","Learn how to create an online application form that screens applicants, collects documents, routes to reviewers, and ships today. Templates inside.",null,"Harsh Shah","https://linkedin.com/in/harshshahseo","Cover image: how to create an online application form on Formester",false,"how-to-create-an-online-application-form","\u003Cstyle>\n/* batch-1 blog normalisation */\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/style>\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/style>\n\n\u003Cstyle>\n/* new10 blog normalisation */\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/style>\n\n\n\u003Cp class=\"fmstr-blog-lead\">You need to start collecting applications today. Maybe it's a job opening that closes Friday, a scholarship round with a Monday deadline, or a membership program that launches next week.\u003C/p>\n\n\u003Cp class=\"fmstr-blog-lead\">The job is simple to say and hard to ship: get a form live that asks the right questions, captures the right files, lands in the right inbox, and tells the applicant you got it.\u003C/p>\n\n\u003Cp class=\"fmstr-blog-lead\">This guide walks through that exact path. Five steps, no fluff. By the time you finish, you'll have a working online application form, a clean reviewer workflow, and a way to track who's in, who's out, and who's waiting.\u003C/p>\n\n\u003Cp class=\"fmstr-blog-lead\">If you want to skip ahead, \u003Ca href=\"https://formester.com/templates/\">start from a Formester template\u003C/a> or \u003Ca href=\"https://formester.com/ai-form-generator/\">generate the form with AI\u003C/a> and tailor it.\u003C/p>\n\n\u003Cstyle>\n.fmstr-cmp-oaf-tldr a { text-decoration: none !important; }\n.fmstr-cmp-oaf-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;\noverflow-x: hidden;\n}\n.fmstr-cmp-oaf-tldr *, .fmstr-cmp-oaf-tldr *::before, .fmstr-cmp-oaf-tldr *::after { box-sizing: border-box; }\n.fmstr-cmp-oaf-tldr > * { min-width: 0; }\n.fmstr-cmp-oaf-tldr__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-oaf-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: 12px;\n}\n.fmstr-cmp-oaf-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-oaf-tldr__label::before {\ncontent: \"\";\nwidth: 8px; height: 8px; border-radius: 9999px;\nbackground: var(--c-violet-500);\ndisplay: inline-block;\n}\n.fmstr-cmp-oaf-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-oaf-tldr__list {\nmargin: 0 !important;\npadding-left: 22px !important;\ndisplay: flex; flex-direction: column; gap: 6px;\n}\n.fmstr-cmp-oaf-tldr__list li {\nfont-size: 15.5px !important;\nline-height: 1.6 !important;\ncolor: var(--c-fg-1);\nfont-weight: 500 !important;\n}\n.fmstr-cmp-oaf-tldr__list li strong { color: var(--c-violet-700); font-weight: 700; }\n\n@media (max-width: 540px) {\n.fmstr-cmp-oaf-tldr { padding: 20px 0 28px; }\n.fmstr-cmp-oaf-tldr__card { padding: 18px 20px; }\n.fmstr-cmp-oaf-tldr__body { font-size: 15px !important; }\n.fmstr-cmp-oaf-tldr__list li { font-size: 14.5px !important; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-oaf-tldr\" aria-labelledby=\"fmstr-cmp-oaf-tldr-label\">\n\u003Cdiv class=\"fmstr-cmp-oaf-tldr__container\">\n\u003Cdiv class=\"fmstr-cmp-oaf-tldr__card\">\n\u003Cp class=\"fmstr-cmp-oaf-tldr__label\" id=\"fmstr-cmp-oaf-tldr-label\">Quick answer\u003C/p>\n\u003Cp class=\"fmstr-cmp-oaf-tldr__body\">Build an online application form in five steps: decide your disqualifiers, build from a template or AI prompt, add file uploads and e-signature, route every submission to the right reviewer, and track applicants in a live dashboard plus a Sheets backup.\u003C/p>\n\u003Cul class=\"fmstr-cmp-oaf-tldr__list\">\n\u003Cli>\u003Cstrong>Qualify first.\u003C/strong> Put disqualifiers at the top of the form and use conditional logic to cut reviewer load by 30 to 60 percent.\u003C/li>\n\u003Cli>\u003Cstrong>Three build routes.\u003C/strong> Open a Formester template, generate from a one-line prompt, or build from scratch in the drag-and-drop builder.\u003C/li>\n\u003Cli>\u003Cstrong>Collect what the decision needs.\u003C/strong> Resume, transcript, ID, portfolio. Lock down file types and sizes; add an e-signature on consent.\u003C/li>\n\u003Cli>\u003Cstrong>Route on submit.\u003C/strong> Conditional logic tags every application and pings the right reviewer in Slack, HubSpot, or your CRM.\u003C/li>\n\u003Cli>\u003Cstrong>Track end to end.\u003C/strong> Real-time analytics for drop-off and a Google Sheets feed so reviewers rate applicants without logging into Formester.\u003C/li>\n\u003C/ul>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\n\n\u003Cstyle>\n.fmstr-cmp-oaf-jobs a { text-decoration: none !important; color: #6941c6 !important; }\n.fmstr-cmp-oaf-jobs a:hover { text-decoration: underline !important; }\n.fmstr-cmp-oaf-jobs {\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-oaf-jobs *, .fmstr-cmp-oaf-jobs *::before, .fmstr-cmp-oaf-jobs *::after { box-sizing: border-box; }\n.fmstr-cmp-oaf-jobs > *, .fmstr-cmp-oaf-jobs > * > * { min-width: 0; }\n.fmstr-cmp-oaf-jobs__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-oaf-jobs__head { margin: 0 0 28px !important; }\n.fmstr-cmp-oaf-jobs__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-oaf-jobs__intro {\ncolor: var(--c-fg-3); font-size: 17px !important; line-height: 1.6 !important;\nmargin: 14px 0 0 !important;\n}\n.fmstr-cmp-oaf-jobs__grid {\ndisplay: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;\n}\n.fmstr-cmp-oaf-jobs__card {\nbackground: var(--c-card);\nborder: 1px solid var(--c-border);\nborder-radius: 14px;\npadding: 22px 22px;\nbox-shadow: var(--c-shadow);\ndisplay: flex; flex-direction: column; gap: 10px;\nmin-width: 0;\nmax-width: 100%;\n}\n.fmstr-cmp-oaf-jobs__icon {\nwidth: 36px; height: 36px; border-radius: 9px;\nbackground: var(--c-tint); border: 1px solid var(--c-edge);\ncolor: var(--c-violet-700);\ndisplay: inline-flex; align-items: center; justify-content: center;\nfont-weight: 800; font-size: 15px;\n}\n.fmstr-cmp-oaf-jobs__title {\nfont-size: 17px !important; font-weight: 700 !important; line-height: 1.3 !important;\ncolor: var(--c-fg-1); margin: 0 !important;\n}\n.fmstr-cmp-oaf-jobs__body {\nfont-size: 14.5px !important; line-height: 1.6 !important;\ncolor: var(--c-fg-2); margin: 0 !important;\n}\n.fmstr-cmp-oaf-jobs__foot {\nmargin: 22px 0 0 !important;\npadding: 14px 18px;\nbackground: var(--c-tint);\nborder-left: 3px solid var(--c-violet-500);\nborder-radius: 6px;\ncolor: var(--c-fg-2);\nfont-size: 15px !important;\nline-height: 1.6 !important;\n}\n.fmstr-cmp-oaf-jobs__foot strong { color: var(--c-violet-700); font-weight: 700; }\n\n@media (max-width: 880px) { .fmstr-cmp-oaf-jobs__grid { grid-template-columns: 1fr 1fr; gap: 14px; } }\n@media (max-width: 540px) {\n.fmstr-cmp-oaf-jobs { padding: 36px 0; }\n.fmstr-cmp-oaf-jobs__grid { grid-template-columns: 1fr; gap: 12px; }\n.fmstr-cmp-oaf-jobs__card { padding: 18px 20px; }\n.fmstr-cmp-oaf-jobs__title { font-size: 16px !important; }\n.fmstr-cmp-oaf-jobs__body { font-size: 14px !important; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-oaf-jobs\" aria-labelledby=\"fmstr-cmp-oaf-jobs-h2\">\n\u003Cdiv class=\"fmstr-cmp-oaf-jobs__container\">\n\u003Cdiv class=\"fmstr-cmp-oaf-jobs__head\">\n\u003Ch2 class=\"fmstr-cmp-oaf-jobs__h2\" id=\"fmstr-cmp-oaf-jobs-h2\">What an effective application form actually does\u003C/h2>\n\u003Cp class=\"fmstr-cmp-oaf-jobs__intro\">Five jobs the form has to do. If yours only does one, the other four are happening in spreadsheets, email threads, and people's heads.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-oaf-jobs__grid\">\n\n\u003Cdiv class=\"fmstr-cmp-oaf-jobs__card\">\n\u003Cspan class=\"fmstr-cmp-oaf-jobs__icon\" aria-hidden=\"true\">1\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-jobs__title\">Qualify up front\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-jobs__body\">Disqualifiers at the top of the form so reviewers only see people who meet the basics. Work authorization, GPA, age, location, payment status.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-oaf-jobs__card\">\n\u003Cspan class=\"fmstr-cmp-oaf-jobs__icon\" aria-hidden=\"true\">2\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-jobs__title\">Collect the documents\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-jobs__body\">Resume, transcript, ID, portfolio, cover letter. The files the decision actually depends on, with locked types and sizes.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-oaf-jobs__card\">\n\u003Cspan class=\"fmstr-cmp-oaf-jobs__icon\" aria-hidden=\"true\">3\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-jobs__title\">Route to the right reviewer\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-jobs__body\">Every submission tagged and pushed to the right inbox, Slack channel, or CRM record. No manual sorting, no missed applications.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-oaf-jobs__card\">\n\u003Cspan class=\"fmstr-cmp-oaf-jobs__icon\" aria-hidden=\"true\">4\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-jobs__title\">Confirm receipt instantly\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-jobs__body\">Auto-email the applicant within seconds, with a PDF copy of what they sent. Kills 90 percent of \"did you get my application?\" follow-ups.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-oaf-jobs__card\">\n\u003Cspan class=\"fmstr-cmp-oaf-jobs__icon\" aria-hidden=\"true\">5\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-jobs__title\">Track every applicant\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-jobs__body\">Received, reviewed, shortlisted, decided. A real-time dashboard plus a working spreadsheet your reviewers actually use.\u003C/p>\n\u003C/div>\n\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-oaf-jobs__foot\">\u003Cstrong>The gap costs you.\u003C/strong> If your current form only does one of these, the other four are happening in spreadsheets, email threads, and people's heads. That is where applications get lost.\u003C/p>\n\u003C/div>\n\u003C/section>\n\n\n\u003Cstyle>\n.fmstr-cmp-oaf-steps a { text-decoration: none !important; color: #6941c6 !important; }\n.fmstr-cmp-oaf-steps a:hover { text-decoration: underline !important; }\n.fmstr-cmp-oaf-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-oaf-steps *, .fmstr-cmp-oaf-steps *::before, .fmstr-cmp-oaf-steps *::after { box-sizing: border-box; }\n.fmstr-cmp-oaf-steps > *, .fmstr-cmp-oaf-steps > * > * { min-width: 0; }\n.fmstr-cmp-oaf-steps__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-oaf-steps__head { margin: 0 0 28px !important; }\n.fmstr-cmp-oaf-steps__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-oaf-steps__intro { color: var(--c-fg-3); font-size: 17px !important; line-height: 1.6 !important; margin: 14px 0 0 !important; }\n.fmstr-cmp-oaf-steps__list {\ndisplay: flex; flex-direction: column; gap: 14px;\nmargin: 0; padding: 0; list-style: none;\n}\n.fmstr-cmp-oaf-steps__item {\nbackground: var(--c-card);\nborder: 1px solid var(--c-border);\nborder-radius: 14px;\npadding: 24px 26px;\nbox-shadow: var(--c-shadow);\ndisplay: block;\nmin-width: 0;\nmax-width: 100%;\n}\n.fmstr-cmp-oaf-steps__title {\nfont-size: 19px !important; font-weight: 700 !important; line-height: 1.3 !important;\ncolor: var(--c-fg-1); margin: 0 0 10px !important;\ndisplay: block;\n}\n.fmstr-cmp-oaf-steps__num {\ndisplay: inline-block !important;\nvertical-align: 2px;\nmargin-right: 8px;\npadding: 2px 8px;\nborder-radius: 6px;\nbackground: var(--c-tint);\nborder: 1px solid var(--c-edge);\ncolor: var(--c-violet-700) !important;\nfont-weight: 800;\nfont-size: 12.5px !important;\nline-height: 1.3 !important;\n}\n.fmstr-cmp-oaf-steps__body {\nfont-size: 15.5px !important; line-height: 1.65 !important;\ncolor: var(--c-fg-2); margin: 0 0 10px !important;\n}\n.fmstr-cmp-oaf-steps__body:last-child { margin-bottom: 0 !important; }\n.fmstr-cmp-oaf-steps__sub {\nfont-size: 16px !important; font-weight: 700 !important;\ncolor: var(--c-fg-1); margin: 16px 0 8px !important;\n}\n.fmstr-cmp-oaf-steps__list-bul {\nmargin: 0 0 12px !important; padding-left: 22px !important;\ndisplay: flex; flex-direction: column; gap: 4px;\n}\n.fmstr-cmp-oaf-steps__list-bul li {\nfont-size: 14.5px !important; line-height: 1.6 !important; color: var(--c-fg-2);\n}\n.fmstr-cmp-oaf-steps__callout {\nfont-size: 14.5px !important; line-height: 1.6 !important;\ncolor: var(--c-fg-2); margin: 14px 0 0 !important;\npadding: 12px 16px;\nbackground: var(--c-tint);\nborder-left: 3px solid var(--c-violet-500);\nborder-radius: 6px;\n}\n.fmstr-cmp-oaf-steps__callout strong { color: var(--c-violet-700); font-weight: 700; }\n\n@media (max-width: 540px) {\n.fmstr-cmp-oaf-steps { padding: 36px 0; }\n.fmstr-cmp-oaf-steps__item { padding: 20px 18px; }\n.fmstr-cmp-oaf-steps__title { font-size: 17px !important; }\n.fmstr-cmp-oaf-steps__body, .fmstr-cmp-oaf-steps__sub { font-size: 14.5px !important; }\n.fmstr-cmp-oaf-steps__list-bul li { font-size: 14px !important; }\n.fmstr-cmp-oaf-steps__num { font-size: 11.5px !important; padding: 2px 7px; margin-right: 6px; }\n}\n\n/* mobile-safety */\n.fmstr-cmp-oaf-steps img, .fmstr-cmp-oaf-steps table, .fmstr-cmp-oaf-steps pre, .fmstr-cmp-oaf-steps iframe, .fmstr-cmp-oaf-steps video { max-width: 100%; }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-oaf-steps\" aria-labelledby=\"fmstr-cmp-oaf-steps-h2\">\n\u003Cdiv class=\"fmstr-cmp-oaf-steps__container\">\n\u003Cdiv class=\"fmstr-cmp-oaf-steps__head\">\n\u003Ch2 class=\"fmstr-cmp-oaf-steps__h2\" id=\"fmstr-cmp-oaf-steps-h2\">How to create an online application form in 5 steps\u003C/h2>\n\u003Cp class=\"fmstr-cmp-oaf-steps__intro\">A working form, a clean reviewer workflow, and a way to track who's in, who's out, and who's waiting.\u003C/p>\n\u003C/div>\n\u003Col class=\"fmstr-cmp-oaf-steps__list\">\n\n\u003Cli class=\"fmstr-cmp-oaf-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-oaf-steps__title\">\u003Cspan class=\"fmstr-cmp-oaf-steps__num\" aria-hidden=\"true\">1\u003C/span>Decide what you're actually screening for\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-steps__body\">Before you open a form builder, write down the disqualifiers. Not the \"nice to haves,\" the disqualifiers. For a job, that might be work authorization, years of experience, location. For a scholarship, GPA, enrollment status, citizenship. For a membership, age, affiliation, payment.\u003C/p>\n\u003Cp class=\"fmstr-cmp-oaf-steps__body\">Put the disqualifiers at the top of the form as required fields. Use \u003Ca href=\"https://formester.com/features/conditional-logic/\">conditional logic\u003C/a> so anyone who answers \"no\" to the basics either gets routed to a polite \"thanks, not this time\" page or skips the rest of the form entirely. This single move cuts reviewer load by 30 to 60 percent on most application forms.\u003C/p>\n\u003Cp class=\"fmstr-cmp-oaf-steps__body\">Then map the signals you actually need to make a yes or no decision. Resist the urge to ask for everything. Every extra field drops your completion rate.\u003C/p>\n\u003Cp class=\"fmstr-cmp-oaf-steps__sub\">Common applicant signals to capture:\u003C/p>\n\u003Cul class=\"fmstr-cmp-oaf-steps__list-bul\">\n\u003Cli>Identity: full name, email, phone, location\u003C/li>\n\u003Cli>Eligibility: work authorization, age, residency, enrollment status\u003C/li>\n\u003Cli>Background: resume or CV, current role or institution, years of experience\u003C/li>\n\u003Cli>Fit: short-answer questions tied to the role or program (200 words max)\u003C/li>\n\u003Cli>Documents: ID, transcript, portfolio, cover letter, references\u003C/li>\n\u003Cli>Consent: data use, background check, terms of the program\u003C/li>\n\u003Cli>Source: how they heard about you (for reporting)\u003C/li>\n\u003C/ul>\n\u003C/li>\n\n\u003Cli class=\"fmstr-cmp-oaf-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-oaf-steps__title\">\u003Cspan class=\"fmstr-cmp-oaf-steps__num\" aria-hidden=\"true\">2\u003C/span>Build the form (3 routes)\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-steps__body\">Pick the route that matches the time you have.\u003C/p>\n\n\u003Cp class=\"fmstr-cmp-oaf-steps__sub\">Route A: Start from a template\u003C/p>\n\u003Cp class=\"fmstr-cmp-oaf-steps__body\">Fastest path. Open a category-specific template, tweak the fields, ship it. Best when you're recreating a standard form and don't want to rebuild from zero.\u003C/p>\n\u003Cul class=\"fmstr-cmp-oaf-steps__list-bul\">\n\u003Cli>\u003Ca href=\"https://formester.com/templates/job-application-form-699/\">Job Application Form\u003C/a>\u003C/li>\n\u003Cli>\u003Ca href=\"https://formester.com/templates/scholarship-application-form-2581/\">Scholarship Application Form\u003C/a>\u003C/li>\n\u003Cli>\u003Ca href=\"https://formester.com/templates/college-application-form-25153/\">College Application Form\u003C/a>\u003C/li>\n\u003Cli>\u003Ca href=\"https://formester.com/templates/admission-form-template-7239/\">Admission Form Template\u003C/a>\u003C/li>\n\u003Cli>\u003Ca href=\"https://formester.com/templates/volunteer-application-form-12969/\">Volunteer Application Form\u003C/a>\u003C/li>\n\u003C/ul>\n\u003Cp class=\"fmstr-cmp-oaf-steps__body\">Every Formester template is fully editable. Change the fields, branding, and logic before you publish.\u003C/p>\n\n\u003Cp class=\"fmstr-cmp-oaf-steps__sub\">Route B: AI-generate from a prompt\u003C/p>\n\u003Cp class=\"fmstr-cmp-oaf-steps__body\">Best when your form is non-standard and you don't want to start from a blank canvas. Open the \u003Ca href=\"https://formester.com/ai-form-generator/\">AI Form Generator\u003C/a> and describe what you need in one sentence: \"Application form for a junior backend engineer role: identity, work authorization, 3 years minimum experience, resume upload, GitHub link, two short-answer questions on system design and SQL, consent for background check.\"\u003C/p>\n\u003Cp class=\"fmstr-cmp-oaf-steps__body\">The generator drafts the form with the right field types in place. You can also feed it a PDF of an existing paper application and it will rebuild it as an online form. After it generates, you tune the wording, add conditional logic, and connect integrations.\u003C/p>\n\n\u003Cp class=\"fmstr-cmp-oaf-steps__sub\">Route C: Build from scratch\u003C/p>\n\u003Cp class=\"fmstr-cmp-oaf-steps__body\">When you have an unusual workflow, multiple branching paths, or a heavy logic layer (different forms for different applicant types), build from scratch in the \u003Ca href=\"https://formester.com/templates/\">drag-and-drop form builder\u003C/a>. Start with the disqualifier block from Step 1, then group fields by topic, then add a one-field-per-page layout if your form runs longer than 12 questions. Card-style layouts hold completion rates better than long scrolling forms above that count.\u003C/p>\n\u003C/li>\n\n\u003Cli class=\"fmstr-cmp-oaf-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-oaf-steps__title\">\u003Cspan class=\"fmstr-cmp-oaf-steps__num\" aria-hidden=\"true\">3\u003C/span>Add file uploads and e-signature where needed\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-steps__body\">Most application forms need at least one document. A few need a signature.\u003C/p>\n\u003Cp class=\"fmstr-cmp-oaf-steps__body\">For uploads, use the \u003Ca href=\"https://formester.com/features/file-upload-forms/\">File Upload field\u003C/a> and lock down what you'll accept (PDF, DOCX, JPG) and the max size. Plan caps are 100MB per file on Free, 1GB on Personal, 50GB on Business. The field also supports multiple uploads in one slot and direct camera capture from a phone, which matters for ID and portfolio submissions on mobile.\u003C/p>\n\u003Cp class=\"fmstr-cmp-oaf-steps__sub\">Common upload setups by application type:\u003C/p>\n\u003Cul class=\"fmstr-cmp-oaf-steps__list-bul\">\n\u003Cli>Job: resume (PDF), portfolio link or upload, optional cover letter\u003C/li>\n\u003Cli>Scholarship: transcript (PDF), proof of enrollment, financial document\u003C/li>\n\u003Cli>Conference speaker: headshot (JPG), session abstract (PDF), past speaking video link\u003C/li>\n\u003Cli>Membership: ID (JPG or PDF), proof of affiliation, payment receipt\u003C/li>\n\u003C/ul>\n\u003Cp class=\"fmstr-cmp-oaf-steps__body\">For consent, terms acceptance, or any application that becomes a legal agreement on submission, add an \u003Ca href=\"https://formester.com/features/electronic-signature/\">electronic signature\u003C/a> field. Typed or drawn signature, timestamped on submission, exportable as part of the PDF response.\u003C/p>\n\u003C/li>\n\n\u003Cli class=\"fmstr-cmp-oaf-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-oaf-steps__title\">\u003Cspan class=\"fmstr-cmp-oaf-steps__num\" aria-hidden=\"true\">4\u003C/span>Route applications to the right reviewer\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-steps__body\">This is the step most teams skip, and it's the one that turns \"we got 400 applications\" into \"we have no idea what to do with these.\"\u003C/p>\n\u003Cp class=\"fmstr-cmp-oaf-steps__body\">Use conditional logic to tag every submission as it comes in. Example: if the role is \"Engineering,\" tag the submission and route the notification to the engineering hiring manager's Slack channel. If the scholarship is for a specific program, route to that program's coordinator. The same conditional logic that disqualifies in Step 1 can route in Step 4. One feature, two jobs.\u003C/p>\n\u003Cp class=\"fmstr-cmp-oaf-steps__body\">Wire the \u003Ca href=\"https://help.formester.com/en/\">HubSpot integration\u003C/a> so every application becomes a contact or deal in your CRM the moment it's submitted, with the field answers mapped to properties. Wire the \u003Ca href=\"https://help.formester.com/en/\">Slack integration\u003C/a> so the right channel pings the moment a qualified application lands. For applicants, set up an auto-confirmation email (Formester ships a \"send submission copy to respondent\" option that emails them a PDF of what they submitted, which kills 90 percent of \"did you get my application?\" follow-ups).\u003C/p>\n\u003C/li>\n\n\u003Cli class=\"fmstr-cmp-oaf-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-oaf-steps__title\">\u003Cspan class=\"fmstr-cmp-oaf-steps__num\" aria-hidden=\"true\">5\u003C/span>Track applicants (built-in dashboard plus Sheets or Airtable backup)\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-steps__body\">Once applications start flowing, you need two views: a real-time count and a working spreadsheet your reviewers actually use.\u003C/p>\n\u003Cp class=\"fmstr-cmp-oaf-steps__body\">The real-time count lives in \u003Ca href=\"https://formester.com/features/form-analytics/\">form analytics\u003C/a>. You'll see submissions per day, completion rate, drop-off rate, drop-off pages (which question is killing your conversion), and time spent per applicant. If the drop-off cliff is at question 9, question 9 is the problem.\u003C/p>\n\u003Cp class=\"fmstr-cmp-oaf-steps__body\">For the working spreadsheet, connect the \u003Ca href=\"https://help.formester.com/en/\">Google Sheets integration\u003C/a>. Every submission writes to a row in real time. Your reviewers add rating columns, status columns, and notes next to each applicant without ever logging into Formester. You can also pull applicants into Airtable through the native API or via Zapier if your team works there.\u003C/p>\n\u003Cp class=\"fmstr-cmp-oaf-steps__callout\">\u003Cstrong>Partial submissions still count.\u003C/strong> Formester captures \u003Ca href=\"https://help.formester.com/en/\">Partial Submissions\u003C/a>, so applicants who started the form but didn't finish still appear in your dashboard. Reach out, find out what blocked them, and either help them complete or learn what to cut from the form.\u003C/p>\n\u003C/li>\n\n\u003C/ol>\n\u003C/div>\n\u003C/section>\n\n\n\u003Cstyle>\n.fmstr-cmp-oaf-tmpl a { text-decoration: none !important; }\n.fmstr-cmp-oaf-tmpl {\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 4px 20px rgba(16,24,40,.06);\nbackground: transparent;\npadding: 56px 24px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important;\noverflow-x: hidden;\n}\n.fmstr-cmp-oaf-tmpl *, .fmstr-cmp-oaf-tmpl *::before, .fmstr-cmp-oaf-tmpl *::after { box-sizing: border-box; }\n.fmstr-cmp-oaf-tmpl > *, .fmstr-cmp-oaf-tmpl > * > * { min-width: 0; }\n.fmstr-cmp-oaf-tmpl__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-oaf-tmpl__head { margin: 0 0 28px !important; }\n.fmstr-cmp-oaf-tmpl__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-oaf-tmpl__intro { color: var(--c-fg-3); font-size: 17px !important; line-height: 1.6 !important; margin: 14px 0 0 !important; }\n.fmstr-cmp-oaf-tmpl__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }\n.fmstr-cmp-oaf-tmpl__card {\nbackground: var(--c-card); border: 1px solid var(--c-border);\nborder-radius: 14px; padding: 20px 22px;\ndisplay: flex; flex-direction: column; gap: 8px;\ntext-decoration: none !important; color: inherit !important;\ntransition: all .15s ease;\nmin-width: 0; max-width: 100%;\n}\n.fmstr-cmp-oaf-tmpl__card:hover { border-color: var(--c-edge); box-shadow: var(--c-shadow); transform: translateY(-1px); }\n.fmstr-cmp-oaf-tmpl__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; font-weight: 600; letter-spacing: .02em;\ntext-transform: uppercase; align-self: flex-start;\nmargin-bottom: 2px;\n}\n.fmstr-cmp-oaf-tmpl__title {\nfont-size: 16px !important; font-weight: 700 !important;\ncolor: var(--c-fg-1); margin: 0 !important; line-height: 1.3 !important;\n}\n.fmstr-cmp-oaf-tmpl__body { font-size: 14.5px !important; line-height: 1.55 !important; color: var(--c-fg-2); margin: 0 !important; }\n.fmstr-cmp-oaf-tmpl__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-oaf-tmpl__arrow::after { content: \"\\2192\"; transition: transform .15s ease; display: inline-block; }\n.fmstr-cmp-oaf-tmpl__card:hover .fmstr-cmp-oaf-tmpl__arrow::after { transform: translateX(3px); }\n\n@media (max-width: 1100px) { .fmstr-cmp-oaf-tmpl__grid { grid-template-columns: repeat(3, 1fr); } }\n@media (max-width: 880px) { .fmstr-cmp-oaf-tmpl__grid { grid-template-columns: 1fr 1fr; gap: 14px; } }\n@media (max-width: 540px) {\n.fmstr-cmp-oaf-tmpl { padding: 40px 16px; }\n.fmstr-cmp-oaf-tmpl__grid { grid-template-columns: 1fr; gap: 12px; }\n.fmstr-cmp-oaf-tmpl__card { padding: 18px 20px; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-oaf-tmpl\" aria-labelledby=\"fmstr-cmp-oaf-tmpl-h2\">\n\u003Cdiv class=\"fmstr-cmp-oaf-tmpl__container\">\n\u003Cdiv class=\"fmstr-cmp-oaf-tmpl__head\">\n\u003Ch2 class=\"fmstr-cmp-oaf-tmpl__h2\" id=\"fmstr-cmp-oaf-tmpl-h2\">8 application form templates ready to use\u003C/h2>\n\u003Cp class=\"fmstr-cmp-oaf-tmpl__intro\">Every template is editable. Open it, save a copy to your workspace, swap the fields, change the branding, publish.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-oaf-tmpl__grid\">\n\n\u003Ca class=\"fmstr-cmp-oaf-tmpl__card\" href=\"https://formester.com/templates/job-application-form-699/\">\n\u003Cspan class=\"fmstr-cmp-oaf-tmpl__chip\">Hiring\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-tmpl__title\">Job Application Form\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-tmpl__body\">General roles. Identity, eligibility, resume upload, short-answer fit questions.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-oaf-tmpl__arrow\">Use template\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-oaf-tmpl__card\" href=\"https://formester.com/templates/scholarship-application-form-2581/\">\n\u003Cspan class=\"fmstr-cmp-oaf-tmpl__chip\">Education\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-tmpl__title\">Scholarship Application Form\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-tmpl__body\">Academic awards. Transcripts, proof of enrollment, essay prompts.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-oaf-tmpl__arrow\">Use template\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-oaf-tmpl__card\" href=\"https://formester.com/templates/college-application-form-25153/\">\n\u003Cspan class=\"fmstr-cmp-oaf-tmpl__chip\">Education\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-tmpl__title\">College Application Form\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-tmpl__body\">Undergrad admissions. Personal details, academic record, supplemental essays.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-oaf-tmpl__arrow\">Use template\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-oaf-tmpl__card\" href=\"https://formester.com/templates/admission-form-template-7239/\">\n\u003Cspan class=\"fmstr-cmp-oaf-tmpl__chip\">Education\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-tmpl__title\">Admission Form Template\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-tmpl__body\">Schools and programs. Configurable for K-12, vocational, or specialty admissions.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-oaf-tmpl__arrow\">Use template\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-oaf-tmpl__card\" href=\"https://formester.com/templates/volunteer-application-form-12969/\">\n\u003Cspan class=\"fmstr-cmp-oaf-tmpl__chip\">Non-profit\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-tmpl__title\">Volunteer Application Form\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-tmpl__body\">Non-profits and events. Availability, skills, role preference, consent.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-oaf-tmpl__arrow\">Use template\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-oaf-tmpl__card\" href=\"https://formester.com/templates/employee-application-form-43931/\">\n\u003Cspan class=\"fmstr-cmp-oaf-tmpl__chip\">Hiring\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-tmpl__title\">Employee Application Form\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-tmpl__body\">Internal hires and transfers. Tenure, current role, target role, manager sign-off.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-oaf-tmpl__arrow\">Use template\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-oaf-tmpl__card\" href=\"https://formester.com/templates/driver-job-application-form-17392/\">\n\u003Cspan class=\"fmstr-cmp-oaf-tmpl__chip\">Hiring\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-tmpl__title\">Driver Job Application Form\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-tmpl__body\">Fleet and logistics. License class, endorsements, driving history, background consent.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-oaf-tmpl__arrow\">Use template\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-oaf-tmpl__card\" href=\"https://formester.com/templates/gym-membership-signup-29331/\">\n\u003Cspan class=\"fmstr-cmp-oaf-tmpl__chip\">Membership\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-tmpl__title\">Gym Membership Signup\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-tmpl__body\">Membership intake. Plan selection, payment, waiver and e-signature.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-oaf-tmpl__arrow\">Use template\u003C/span>\n\u003C/a>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\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/style>\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\">Application intake\u003C/span>\n\u003Ch2 class=\"fmstr-cmp-tmpl-midcta__h2\" id=\"fmstr-cmp-tmpl-midcta-h2\">Build an online application form in minutes, without a developer\u003C/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-midcta__body\">File uploads for transcripts and IDs, conditional logic by program, electronic signatures. Free plan included.\u003C/p>\n\u003Ca class=\"fmstr-cmp-tmpl-midcta__cta\" href=\"https://app.formester.com/users/sign_up\" style=\"background: #7f56d9 !important; color: #ffffff !important; border-color: #7f56d9 !important; text-decoration: none !important;\">Start free on Formester\u003C/a>\n\u003Cp class=\"fmstr-cmp-tmpl-midcta__strip\">Free forever plan\u003Cspan>•\u003C/span>No credit card\u003Cspan>•\u003C/span>Setup in 2 minutes\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\n\u003Cstyle>\n/* host-link-override */\n.fmstr-cmp-oaf-faq a { text-decoration: none !important; }\n.fmstr-cmp-oaf-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;\noverflow-x: hidden;\n}\n.fmstr-cmp-oaf-faq *, .fmstr-cmp-oaf-faq *::before, .fmstr-cmp-oaf-faq *::after { box-sizing: border-box; }\n.fmstr-cmp-oaf-faq > *, .fmstr-cmp-oaf-faq > * > * { min-width: 0; }\n.fmstr-cmp-oaf-faq__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-oaf-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-oaf-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-oaf-faq__list { display: flex; flex-direction: column; gap: 12px; }\n.fmstr-cmp-oaf-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-oaf-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-oaf-faq__item > summary::-webkit-details-marker { display: none; }\n.fmstr-cmp-oaf-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/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' 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'/%3E%3C/svg%3E\");\nbackground-repeat: no-repeat; background-position: center;\ntransition: transform .15s ease, background-color .15s ease;\n}\n.fmstr-cmp-oaf-faq__item[open] > summary::before { transform: rotate(180deg); background-color: var(--c-tint); }\n.fmstr-cmp-oaf-faq__item[open] > summary { color: var(--c-violet-600) !important; }\n.fmstr-cmp-oaf-faq__answer { padding: 0 22px 22px 64px; color: var(--c-fg-2); font-size: 15.5px; line-height: 1.7; }\n.fmstr-cmp-oaf-faq__answer a { color: var(--c-violet-600) !important; text-decoration: none !important; }\n.fmstr-cmp-oaf-faq__answer a:hover { text-decoration: underline !important; }\n\n@media (max-width: 760px) {\n.fmstr-cmp-oaf-faq { padding: 40px 16px; }\n.fmstr-cmp-oaf-faq__intro { font-size: 15.5px !important; text-align: left; }\n.fmstr-cmp-oaf-faq__item > summary { padding: 16px 16px; font-size: 15.5px; gap: 12px; }\n.fmstr-cmp-oaf-faq__item > summary::before { width: 26px; height: 26px; }\n.fmstr-cmp-oaf-faq__answer { padding: 0 16px 18px 16px; font-size: 15px; line-height: 1.65; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-oaf-faq\" aria-labelledby=\"fmstr-cmp-oaf-faq-h2\">\n\u003Cdiv class=\"fmstr-cmp-oaf-faq__container\">\n\u003Ch2 class=\"fmstr-cmp-oaf-faq__h2\" id=\"fmstr-cmp-oaf-faq-h2\">Frequently asked questions\u003C/h2>\n\u003Cp class=\"fmstr-cmp-oaf-faq__intro\">Common questions about building, routing, and tracking online application forms.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-oaf-faq__list\">\n\n\u003Cdetails class=\"fmstr-cmp-oaf-faq__item\">\n\u003Csummary>What's the difference between an application form and a registration form?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-oaf-faq__answer\">A registration form confirms intent to attend, join, or buy. An application form gathers information so someone can decide whether to accept or admit the applicant. Registration is one-way. Application is a screening step before a yes or no.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-oaf-faq__item\">\n\u003Csummary>Do I need to collect a resume?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-oaf-faq__answer\">For job and internship applications, yes. For scholarships, a transcript or proof of enrollment is usually more useful. For memberships and volunteer roles, a resume is often overkill and drops completion rates. Ask only for what changes the decision.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-oaf-faq__item\">\n\u003Csummary>Can I require an e-signature on the consent line?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-oaf-faq__answer\">Yes. Add the electronic signature field to your form and mark it required. The submission won't go through until the applicant signs, and the signature is captured with a timestamp on the exported PDF.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-oaf-faq__item\">\n\u003Csummary>How do I send a confirmation email to the applicant automatically?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-oaf-faq__answer\">Turn on \"send submission copy to respondent\" in the form settings. The applicant gets an email with a PDF of their answers within seconds of hitting submit. You can also send a custom thank-you email through any SMTP provider you connect (SendGrid, Mailgun, SES, Outlook, Gmail).\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-oaf-faq__item\">\n\u003Csummary>How can I let multiple reviewers see and rate the same submission?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-oaf-faq__answer\">Two options. Connect the form to Google Sheets and add rating and status columns next to each applicant row, so reviewers work in the sheet. Or use the Business plan, which includes real-time collaboration for up to 25 team members directly inside Formester.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-oaf-faq__item\">\n\u003Csummary>Is there a free plan that covers a small applicant pool?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-oaf-faq__answer\">Yes. The Free plan includes 10 forms and 100 responses per month with all field types, the AI generator, drop-off analysis, and payment collection. Good for a single round of a small program. If you expect more than 100 applicants per month, the Personal plan at $13 per month covers 1,000 responses and removes Formester branding.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-oaf-faq__item\">\n\u003Csummary>How do I export applicants to my ATS (Greenhouse, Lever, Workable)?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-oaf-faq__answer\">Two paths. Use Zapier or n8n to map form fields to candidate records in Greenhouse, Lever, or Workable. Or use the REST API v2 (Business plan and up) to push submissions directly with your own integration. Native connectors for those specific ATS tools are not in the Formester catalog as of today.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-oaf-faq__item\">\n\u003Csummary>Can applicants save and resume the form later?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-oaf-faq__answer\">Formester captures Partial Submissions, so any applicant who starts but doesn't finish is visible in your dashboard and can be re-engaged. A formal \"save and continue later\" magic link for the applicant is not a standard field today. If you need it, contact support to confirm current scope before launching.\u003C/div>\n\u003C/details>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\n\n\u003Cstyle>\n/* host-link-override */\n.fmstr-cmp-oaf-rel a { text-decoration: none !important; }\n.fmstr-cmp-oaf-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;\noverflow-x: hidden;\n}\n.fmstr-cmp-oaf-rel *, .fmstr-cmp-oaf-rel *::before, .fmstr-cmp-oaf-rel *::after { box-sizing: border-box; }\n.fmstr-cmp-oaf-rel > *, .fmstr-cmp-oaf-rel > * > * { min-width: 0; }\n.fmstr-cmp-oaf-rel__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-oaf-rel__head { margin: 0 0 28px !important; text-align: left; }\n.fmstr-cmp-oaf-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-oaf-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-oaf-rel__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n.fmstr-cmp-oaf-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;\nmin-width: 0; max-width: 100%;\n}\n.fmstr-cmp-oaf-rel__card:hover { border-color: var(--c-edge); box-shadow: var(--c-shadow); transform: translateY(-1px); }\n.fmstr-cmp-oaf-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; font-weight: 600; letter-spacing: .02em;\ntext-transform: uppercase; align-self: flex-start;\nmargin-bottom: 2px;\n}\n.fmstr-cmp-oaf-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-oaf-rel__body { font-size: 14.5px !important; line-height: 1.55 !important; color: var(--c-fg-2); margin: 0 !important; }\n.fmstr-cmp-oaf-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-oaf-rel__arrow::after {\ncontent: \"\\2192\"; transition: transform .15s ease; display: inline-block;\n}\n.fmstr-cmp-oaf-rel__card:hover .fmstr-cmp-oaf-rel__arrow::after { transform: translateX(3px); }\n\n@media (max-width: 880px) { .fmstr-cmp-oaf-rel__grid { grid-template-columns: 1fr 1fr; gap: 14px; } }\n@media (max-width: 540px) {\n.fmstr-cmp-oaf-rel { padding: 40px 16px; }\n.fmstr-cmp-oaf-rel__grid { grid-template-columns: 1fr; gap: 12px; }\n.fmstr-cmp-oaf-rel__card { padding: 18px 20px; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-oaf-rel\" aria-labelledby=\"fmstr-cmp-oaf-rel-h2\">\n\u003Cdiv class=\"fmstr-cmp-oaf-rel__container\">\n\u003Cdiv class=\"fmstr-cmp-oaf-rel__head\">\n\u003Ch2 class=\"fmstr-cmp-oaf-rel__h2\" id=\"fmstr-cmp-oaf-rel-h2\">Related on Formester\u003C/h2>\n\u003Cp class=\"fmstr-cmp-oaf-rel__intro\">Features, integrations, and guides that pair with this build.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-oaf-rel__grid\">\n\n\u003Ca class=\"fmstr-cmp-oaf-rel__card\" href=\"https://formester.com/ai-form-generator/\">\n\u003Cspan class=\"fmstr-cmp-oaf-rel__chip\">Feature\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-rel__title\">AI Form Generator\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-rel__body\">Describe the application in a sentence and let the generator draft the fields.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-oaf-rel__arrow\">Open\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-oaf-rel__card\" href=\"https://formester.com/templates/\">\n\u003Cspan class=\"fmstr-cmp-oaf-rel__chip\">Templates\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-rel__title\">Templates library\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-rel__body\">Browse every application, registration, and intake template Formester ships.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-oaf-rel__arrow\">Open\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-oaf-rel__card\" href=\"https://formester.com/features/file-upload-forms/\">\n\u003Cspan class=\"fmstr-cmp-oaf-rel__chip\">Feature\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-rel__title\">File Upload field\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-rel__body\">Collect resumes, transcripts, IDs, and portfolios with locked file types and sizes.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-oaf-rel__arrow\">Open\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-oaf-rel__card\" href=\"https://formester.com/features/electronic-signature/\">\n\u003Cspan class=\"fmstr-cmp-oaf-rel__chip\">Feature\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-rel__title\">Electronic Signature\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-rel__body\">Typed or drawn signature, timestamped on submission, exported in the PDF response.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-oaf-rel__arrow\">Open\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-oaf-rel__card\" href=\"https://formester.com/features/conditional-logic/\">\n\u003Cspan class=\"fmstr-cmp-oaf-rel__chip\">Feature\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-rel__title\">Conditional Logic\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-rel__body\">Disqualify, branch, and route in one rule engine. The backbone of Steps 1 and 4.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-oaf-rel__arrow\">Open\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-oaf-rel__card\" href=\"https://formester.com/features/form-analytics/\">\n\u003Cspan class=\"fmstr-cmp-oaf-rel__chip\">Feature\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-rel__title\">Form Analytics\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-rel__body\">Submissions per day, completion rate, drop-off pages, time-per-applicant.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-oaf-rel__arrow\">Open\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-oaf-rel__card\" href=\"https://formester.com/blog/how-to-create-smart-job-application-forms/\">\n\u003Cspan class=\"fmstr-cmp-oaf-rel__chip\">Blog\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-rel__title\">How to create smart job application forms\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-rel__body\">Deeper walkthrough focused on hiring teams and screening logic.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-oaf-rel__arrow\">Read\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-oaf-rel__card\" href=\"https://formester.com/blog/how-to-automate-screening-with-ai-job-application-forms/\">\n\u003Cspan class=\"fmstr-cmp-oaf-rel__chip\">Blog\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-rel__title\">Automate screening with AI job application forms\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-rel__body\">Layer AI on top of the build to score and shortlist before human review.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-oaf-rel__arrow\">Read\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-oaf-rel__card\" href=\"https://formester.com/pricing/\">\n\u003Cspan class=\"fmstr-cmp-oaf-rel__chip\">Pricing\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-oaf-rel__title\">Pricing\u003C/h3>\n\u003Cp class=\"fmstr-cmp-oaf-rel__body\">Free plan limits, Personal at $13/month, Business plan with REST API v2 and team collaboration.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-oaf-rel__arrow\">Open\u003C/span>\n\u003C/a>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n","2026-06-12T01:43:22.060Z","2026-06-15T05:35:43.053Z","2026-06-15T05:35:41.972Z","https://formester-strapi.s3.ap-south-1.amazonaws.com/how_to_create_an_online_application_form_b5c48a96a6.png",[],[21],{"id":22,"type":23},188,{"@graph":24,"@context":92},[25,39,54],{"@id":26,"@type":27,"author":28,"headline":6,"keywords":30,"publisher":31,"description":7,"dateModified":37,"datePublished":37,"mainEntityOfPage":38},"https://formester.com/blog/how-to-create-an-online-application-form/#article","BlogPosting",{"url":10,"name":9,"@type":29},"Person","how to create an online application form, build online application form, online application form template",{"logo":32,"name":35,"@type":36},{"url":33,"@type":34},"https://formester.com/logo.png","ImageObject","Formester","Organization","2026-06-12","https://formester.com/blog/how-to-create-an-online-application-form/",{"@id":40,"@type":41,"itemListElement":42},"https://formester.com/blog/how-to-create-an-online-application-form/#breadcrumb","BreadcrumbList",[43,48,52],{"item":44,"name":45,"@type":46,"position":47},"https://formester.com/","Home","ListItem",1,{"item":49,"name":50,"@type":46,"position":51},"https://formester.com/blog/","Blog",2,{"item":38,"name":6,"@type":46,"position":53},3,{"@id":55,"@type":56,"mainEntity":57},"https://formester.com/blog/how-to-create-an-online-application-form/#faq","FAQPage",[58,64,68,72,76,80,84,88],{"name":59,"@type":60,"acceptedAnswer":61},"Q: What's the difference between an application form and a registration form?","Question",{"text":62,"@type":63},"A registration form confirms intent to attend, join, or buy. An application form gathers information so someone can decide whether to accept or admit the applicant. Registration is one-way. Application is a screening step before a yes or no.","Answer",{"name":65,"@type":60,"acceptedAnswer":66},"Q: Do I need to collect a resume?",{"text":67,"@type":63},"For job and internship applications, yes. For scholarships, a transcript or proof of enrollment is usually more useful. For memberships and volunteer roles, a resume is often overkill and drops completion rates. Ask only for what changes the decision.",{"name":69,"@type":60,"acceptedAnswer":70},"Q: Can I require an e-signature on the consent line?",{"text":71,"@type":63},"Yes. Add the electronic signature field to your form and mark it required. The submission won't go through until the applicant signs, and the signature is captured with a timestamp on the exported PDF.",{"name":73,"@type":60,"acceptedAnswer":74},"Q: How do I send a confirmation email to the applicant automatically?",{"text":75,"@type":63},"Turn on \"send submission copy to respondent\" in the form settings. The applicant gets an email with a PDF of their answers within seconds of hitting submit. You can also send a custom thank-you email through any SMTP provider you connect (SendGrid, Mailgun, SES, Outlook, Gmail).",{"name":77,"@type":60,"acceptedAnswer":78},"Q: How can I let multiple reviewers see and rate the same submission?",{"text":79,"@type":63},"Two options. Connect the form to Google Sheets and add rating and status columns next to each applicant row, so reviewers work in the sheet. Or use the Business plan, which includes real-time collaboration for up to 25 team members directly inside Formester.",{"name":81,"@type":60,"acceptedAnswer":82},"Q: Is there a free plan that covers a small applicant pool?",{"text":83,"@type":63},"Yes. The Free plan includes 10 forms and 100 responses per month with all field types, the AI generator, drop-off analysis, and payment collection. Good for a single round of a small program. If you expect more than 100 applicants per month, the Personal plan at $13 per month covers 1,000 responses and removes Formester branding.",{"name":85,"@type":60,"acceptedAnswer":86},"Q: How do I export applicants to my ATS (Greenhouse, Lever, Workable)?",{"text":87,"@type":63},"Two paths. Use Zapier or n8n to map form fields to candidate records in Greenhouse, Lever, or Workable. Or use the REST API v2 (Business plan and up) to push submissions directly with your own integration. Native connectors for those specific ATS tools are not in the Formester catalog as of today.",{"name":89,"@type":60,"acceptedAnswer":90},"Q: Can applicants save and resume the form later?",{"text":91,"@type":63},"Formester captures Partial Submissions, so any applicant who starts but doesn't finish is visible in your dashboard and can be re-engaged. A formal \"save and continue later\" magic link for the applicant is not a standard field today. If you need it, contact support to confirm current scope before launching.","https://schema.org",2400,1350,{"text":96},"12 min read",[98,132,149,199],{"title":99,"description":100,"metaTitle":101,"metaDescription":100,"keywords":102,"author":9,"authorProfile":10,"coverImgAlt":103,"featured":12,"slug":104,"body":105,"createdAt":106,"updatedAt":107,"publishedAt":108,"coverImg":109,"metaImage":110,"schema":111,"id":127,"coverImgWidth":128,"coverImgHeight":129,"readingStats":130},"How to Send Squarespace Forms to Google Sheets: 5 Methods That Actually Work in 2026","Five proven ways to send Squarespace form responses to Google Sheets in 2026: native Drive sync, Zapier, Make, Sheet Monkey, and a no-Zapier Formester embed. Se","Send Squarespace Forms to Google Sheets: 5 Methods","how to link squarespace forms to google sheets,\nsquarespace forms,\ngoogle sheets,\n","an illustration of how to link squarespace forms to google sheets","how-to-link-squarespace-forms-to-google-sheets","\u003Cstyle>\n/* batch-1 blog normalisation */\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/style>\n\n\u003Cstyle id=\"fmstr-blog-mobile-fullwidth-v3\">\n/* Mobile full-width — Batch 3, applied at \u003C=540px only.\n   Desktop / tablet layout (>=541px) is untouched and matches the RTL blog. */\n@media (max-width: 760px) {\n  .art-section { padding-left: 12px !important; padding-right: 12px !important; }\n}\n@media (max-width: 540px) {\n  /* 1. Trim the host blog template wrapper */\n  .art-section { padding-left: 6px !important; padding-right: 6px !important; padding-top: 24px !important; }\n\n  /* 2. Zero horizontal padding on every component root */\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\n  /* 3. Container fills the section */\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\n  /* 4. Tighten every inner card / step / panel / row / fix-callout horizontal padding */\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\n  /* 5. Tighten typography so long words wrap cleanly */\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\n  /* 6. Tables become horizontal-scroll */\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\n  /* 7. Code / pre wrap */\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\n  /* 8. Lead block keeps its 16-px-ish padding via .art-section wrapper, font slightly smaller */\n  .fmstr-blog-lead { font-size: 16.5px !important; }\n}\n\u003C/style>\n\n\u003Cp class=\"fmstr-blog-lead\">Squarespace form submissions land in two places out of the box: the email inbox you nominated, and the Form & Pop-Up Storage panel inside Squarespace itself. Neither is a database.\u003C/p>\n\n\u003Cp class=\"fmstr-blog-lead\">You cannot filter, cannot pivot, and cannot hand the data to a teammate without exporting a CSV by hand every Monday. Google Sheets fixes that. One row per submission, live, sortable, shareable, ready for Looker Studio or a CRM import.\u003C/p>\n\n\u003Cp class=\"fmstr-blog-lead\">The catch: Squarespace's native Google Drive connection is famously brittle, and \u003Ca href=\"https://support.squarespace.com/hc/en-us/articles/28568908060301-Reconnecting-forms-to-Google-Drive\">Squarespace itself maintains a help article on reconnecting a form when the sync silently stops\u003C/a>. If you have ever opened a Sheet to find it three weeks behind, you have met the problem.\u003C/p>\n\n\u003Cp class=\"fmstr-blog-lead\">This guide covers five working methods, from Squarespace's native Drive sync to a Zapier automation to a Formester embed that skips Squarespace forms entirely. Each method shows the setup, the free-tier limit, what breaks, and who it suits.\u003C/p>\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;\n}\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\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\u003C/style>\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\">\u003Cp class=\"fmstr-cmp-tmpl-tldr__label\" id=\"fmstr-cmp-tmpl-tldr-label\">Quick answer\u003C/p>\n\u003Cp class=\"fmstr-cmp-tmpl-tldr__body\">Five ways to send Squarespace form responses to Google Sheets: \u003Cstrong>Squarespace's native Google Drive sync\u003C/strong> (free, 5 min, breaks often), \u003Cstrong>Zapier\u003C/strong> (100 tasks/mo free, 10 min, $19.99/mo paid), \u003Cstrong>Make\u003C/strong> (1,000 ops/mo free, 15 min, cheaper at volume), \u003Cstrong>Sheet Monkey or LeadToSheet\u003C/strong> webhook (10 min, no automation platform), or \u003Cstrong>embed a Formester form\u003C/strong> in a Squarespace Code Block and use Formester's native Sheets integration (12 min, real-time, survives Squarespace's reconnect bug).\u003C/p>\u003C/div>\n\u003C/div>\n\u003C/section>\n\n\n\u003Cstyle>\n/* host-link-override */\n.fmstr-cmp-sqsg-cmp a { text-decoration: none !important; }\n.fmstr-cmp-sqsg-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);\ntext-align: left !important;\n}\n.fmstr-cmp-sqsg-cmp *, .fmstr-cmp-sqsg-cmp *::before, .fmstr-cmp-sqsg-cmp *::after { box-sizing: border-box; }\n.fmstr-cmp-sqsg-cmp__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-sqsg-cmp__eyebrow {\ndisplay: inline-block; padding: 5px 12px; border-radius: 9999px;\nbackground: var(--c-bg-tint); color: var(--c-violet-600) !important;\nfont-size: 12px !important; font-weight: 600 !important; letter-spacing: .04em !important;\ntext-transform: uppercase; border: 1px solid var(--c-bg-edge); margin: 0 0 14px !important;\n}\n.fmstr-cmp-sqsg-cmp__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-sqsg-cmp__intro { color: var(--c-fg-3); font-size: 17px !important; line-height: 1.6 !important; max-width: 820px; margin: 14px 0 28px !important; text-align: left; }\n.fmstr-cmp-sqsg-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-sqsg-cmp__scroll { overflow-x: auto; }\n.fmstr-cmp-sqsg-cmp__table { width: 100%; border-collapse: collapse; font-size: 14.5px; min-width: 760px; }\n.fmstr-cmp-sqsg-cmp__table th, .fmstr-cmp-sqsg-cmp__table td { padding: 14px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--c-border); }\n.fmstr-cmp-sqsg-cmp__table thead th { background: var(--c-bg-tint); color: var(--c-violet-600); font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; }\n.fmstr-cmp-sqsg-cmp__table tbody th { font-weight: 600; color: var(--c-fg-1); background: var(--c-bg-row); width: 22%; }\n.fmstr-cmp-sqsg-cmp__table tbody td { color: var(--c-fg-2); }\n.fmstr-cmp-sqsg-cmp__table tbody tr:last-child th, .fmstr-cmp-sqsg-cmp__table tbody tr:last-child td { border-bottom: 0; }\n.fmstr-cmp-sqsg-cmp__table a { color: var(--c-violet-600) !important; text-decoration: none !important; }\n.fmstr-cmp-sqsg-cmp__table a:hover { text-decoration: underline !important; }\n.fmstr-cmp-sqsg-cmp__close { margin: 20px auto 0; font-size: 15px !important; color: var(--c-fg-3); line-height: 1.6 !important; max-width: 880px; text-align: left; }\n.fmstr-cmp-sqsg-cmp__close a { color: var(--c-violet-600) !important; text-decoration: none !important; font-weight: 500; }\n.fmstr-cmp-sqsg-cmp__close a:hover { text-decoration: underline !important; }\n\n@media (max-width: 760px) {\n.fmstr-cmp-sqsg-cmp { padding: 40px 16px; }\n.fmstr-cmp-sqsg-cmp__intro { font-size: 15.5px !important; }\n.fmstr-cmp-sqsg-cmp__close { font-size: 14.5px !important; }\n.fmstr-cmp-sqsg-cmp__card { background: transparent; border: 0; box-shadow: none; border-radius: 0; padding: 0; }\n.fmstr-cmp-sqsg-cmp__scroll { overflow: visible; }\n.fmstr-cmp-sqsg-cmp__table { display: block; min-width: 0; width: 100%; }\n.fmstr-cmp-sqsg-cmp__table thead { display: none; }\n.fmstr-cmp-sqsg-cmp__table tbody { display: block; }\n.fmstr-cmp-sqsg-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-sqsg-cmp__table tbody tr:last-child { margin-bottom: 0; }\n.fmstr-cmp-sqsg-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-sqsg-cmp__table tbody th a { color: #6941c6 !important; }\n.fmstr-cmp-sqsg-cmp__table tbody td { display: block; padding: 10px 16px; border: 0; font-size: 14.5px; line-height: 1.5; color: #475467; }\n.fmstr-cmp-sqsg-cmp__table tbody td::before { content: attr(data-h) \": \"; font-weight: 600; color: #101828; }\n.fmstr-cmp-sqsg-cmp__table tbody tr.is-pick { box-shadow: 0 4px 14px rgba(127,86,217,.12); border-color: #e4d7ff; }\n.fmstr-cmp-sqsg-cmp__table tbody tr.is-pick th { background: linear-gradient(135deg, #7f56d9, #6941c6); color: #ffffff !important; border-bottom-color: transparent; }\n.fmstr-cmp-sqsg-cmp__table tbody tr.is-pick th a { color: #ffffff !important; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-sqsg-cmp\" aria-labelledby=\"fmstr-cmp-sqsg-cmp-h2\">\n\u003Cdiv class=\"fmstr-cmp-sqsg-cmp__container\">\n\u003Cspan class=\"fmstr-cmp-sqsg-cmp__eyebrow\">5 methods compared\u003C/span>\n\u003Ch2 class=\"fmstr-cmp-sqsg-cmp__h2\" id=\"fmstr-cmp-sqsg-cmp-h2\">Compare the 5 methods at a glance\u003C/h2>\n\u003Cp class=\"fmstr-cmp-sqsg-cmp__intro\">Real-time means a row in Sheets within seconds of submit. Two-way sync means a change to the Sheet flows back to the source record. Only Formester's native \u003Ca href=\"https://formester.com/integrations/google-sheets/\">Google Sheets integration\u003C/a> ships both.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-sqsg-cmp__card\">\n\u003Cdiv class=\"fmstr-cmp-sqsg-cmp__scroll\">\n\u003Ctable class=\"fmstr-cmp-sqsg-cmp__table\">\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Method\u003C/th>\n\u003Cth>Free tier\u003C/th>\n\u003Cth>Real-time\u003C/th>\n\u003Cth>Two-way sync\u003C/th>\n\u003Cth>Setup time\u003C/th>\n\u003Cth>Best for\u003C/th>\n\u003C/tr>\n\u003C/thead>\n\u003Ctbody>\n\u003Ctr>\u003Cth>Squarespace native Drive sync\u003C/th>\u003Ctd data-h=\"Free tier\">Free, included on paid plans\u003C/td>\u003Ctd data-h=\"Real-time\">Near real-time\u003C/td>\u003Ctd data-h=\"Two-way sync\">No\u003C/td>\u003Ctd data-h=\"Setup time\">5 min\u003C/td>\u003Ctd data-h=\"Best for\">Single contact form, low volume\u003C/td>\u003C/tr>\n\u003Ctr>\u003Cth>\u003Ca href=\"https://zapier.com/pricing\">Zapier\u003C/a>\u003C/th>\u003Ctd data-h=\"Free tier\">100 tasks/mo\u003C/td>\u003Ctd data-h=\"Real-time\">1 to 2 min delay on free\u003C/td>\u003Ctd data-h=\"Two-way sync\">No\u003C/td>\u003Ctd data-h=\"Setup time\">10 min\u003C/td>\u003Ctd data-h=\"Best for\">Multi-step automations beyond Sheets\u003C/td>\u003C/tr>\n\u003Ctr>\u003Cth>\u003Ca href=\"https://www.make.com/en/pricing\">Make\u003C/a>\u003C/th>\u003Ctd data-h=\"Free tier\">1,000 ops/mo\u003C/td>\u003Ctd data-h=\"Real-time\">15 min polling on free\u003C/td>\u003Ctd data-h=\"Two-way sync\">No\u003C/td>\u003Ctd data-h=\"Setup time\">15 min\u003C/td>\u003Ctd data-h=\"Best for\">Cheaper Zapier alternative at volume\u003C/td>\u003C/tr>\n\u003Ctr>\u003Cth>\u003Ca href=\"https://sheetmonkey.io/pricing\">Sheet Monkey\u003C/a> or \u003Ca href=\"https://www.leadtosheet.com/\">LeadToSheet\u003C/a>\u003C/th>\u003Ctd data-h=\"Free tier\">Free with caps\u003C/td>\u003Ctd data-h=\"Real-time\">Real-time\u003C/td>\u003Ctd data-h=\"Two-way sync\">No\u003C/td>\u003Ctd data-h=\"Setup time\">10 min\u003C/td>\u003Ctd data-h=\"Best for\">Direct webhook, no Zap chain\u003C/td>\u003C/tr>\n\u003Ctr class=\"is-pick\">\u003Cth>Formester embed + native Sheets\u003C/th>\u003Ctd data-h=\"Free tier\">Free, 100 responses/mo\u003C/td>\u003Ctd data-h=\"Real-time\">Real-time\u003C/td>\u003Ctd data-h=\"Two-way sync\">Yes\u003C/td>\u003Ctd data-h=\"Setup time\">12 min\u003C/td>\u003Ctd data-h=\"Best for\">Anyone burned by the reconnect bug\u003C/td>\u003C/tr>\n\u003C/tbody>\n\u003C/table>\n\u003C/div>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-sqsg-cmp__close\">If you are choosing a form builder around Sheets, see \u003Ca href=\"https://formester.com/blog/best-form-builders-compatible-with-google-sheets/\">best form builders compatible with Google Sheets\u003C/a>.\u003C/p>\n\u003C/div>\n\u003C/section>\n\n\n\u003Cstyle>\n.fmstr-cmp-tmpl-steps a { text-decoration: none !important; color: #6941c6 !important; }\n.fmstr-cmp-tmpl-steps a:hover { text-decoration: underline !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__head { margin: 0 0 28px !important; }\n.fmstr-cmp-tmpl-steps__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-steps__intro { color: var(--c-fg-3); font-size: 17px !important; line-height: 1.6 !important; margin: 14px 0 0 !important; }\n.fmstr-cmp-tmpl-steps__method {\nmargin: 36px 0 0 !important;\npadding: 24px 26px;\nbackground: var(--c-tint);\nborder: 1px solid var(--c-edge);\nborder-left: 4px solid var(--c-violet-500);\nborder-radius: 14px;\n}\n.fmstr-cmp-tmpl-steps__method-head {\ndisplay: flex; align-items: center; gap: 12px; margin: 0 0 10px !important;\n}\n.fmstr-cmp-tmpl-steps__chip {\ndisplay: inline-block; padding: 4px 10px; border-radius: 9999px;\nbackground: #ffffff; border: 1px solid var(--c-edge);\ncolor: var(--c-violet-700) !important;\nfont-size: 11.5px !important; font-weight: 700 !important; letter-spacing: .04em !important; text-transform: uppercase;\nwhite-space: nowrap; flex-shrink: 0;\n}\n.fmstr-cmp-tmpl-steps__h3 {\nfont-size: clamp(20px, 2.2vw, 24px) !important; font-weight: 700 !important; line-height: 1.2 !important;\nletter-spacing: -.01em !important; margin: 0 !important; color: var(--c-fg-1);\n}\n.fmstr-cmp-tmpl-steps__lede {\nfont-size: 15.5px !important; line-height: 1.6 !important; color: var(--c-fg-2); margin: 0 0 14px !important;\n}\n.fmstr-cmp-tmpl-steps__meta {\ndisplay: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 18px !important;\nfont-size: 14px; color: var(--c-fg-2);\n}\n.fmstr-cmp-tmpl-steps__meta strong { color: var(--c-fg-1); font-weight: 600; }\n.fmstr-cmp-tmpl-steps__list {\ndisplay: flex; flex-direction: column; gap: 12px;\nmargin: 0; padding: 0; list-style: none;\n}\n.fmstr-cmp-tmpl-steps__item {\nbackground: var(--c-card);\nborder: 1px solid var(--c-border);\nborder-radius: 12px;\npadding: 18px 20px;\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: 32px; height: 32px; border-radius: 8px;\nbackground: var(--c-tint);\nborder: 1px solid var(--c-edge);\ncolor: var(--c-violet-700) !important;\nfont-weight: 800; font-size: 14.5px;\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__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 strong { color: var(--c-fg-1); font-weight: 600; }\n.fmstr-cmp-tmpl-steps__note {\nmargin: 14px 0 0 !important;\nfont-size: 14px !important; line-height: 1.55 !important; color: var(--c-fg-2);\npadding: 10px 14px;\nbackground: #ffffff;\nborder-left: 3px solid var(--c-violet-500);\nborder-radius: 6px;\n}\n.fmstr-cmp-tmpl-steps__note 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__method { padding: 20px 18px; }\n.fmstr-cmp-tmpl-steps__item { padding: 14px 16px; gap: 12px; }\n.fmstr-cmp-tmpl-steps__num { width: 28px; height: 28px; font-size: 13px; }\n.fmstr-cmp-tmpl-steps__body { font-size: 14.5px !important; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-tmpl-steps\" aria-labelledby=\"fmstr-cmp-tmpl-steps-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__head\">\n\u003Ch2 class=\"fmstr-cmp-tmpl-steps__h2\" id=\"fmstr-cmp-tmpl-steps-h2\">Step-by-step setup for each method\u003C/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__intro\">Pick the method that fits your volume and budget. Each walkthrough lists the setup, pricing, and what tends to break.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__method\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__method-head\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__chip\">Method 1\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__h3\">Squarespace's native Google Drive sync\u003C/h3>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__lede\">Squarespace ships a built-in Google Drive connection that creates a Sheet per form and writes one row per submission. Fastest path, costs nothing, and breaks more often than any other method on this list.\u003C/p>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__meta\">\u003Cspan>\u003Cstrong>Plan requirement:\u003C/strong> \u003Ca href=\"https://support.squarespace.com/hc/en-us/articles/205814638-Managing-form-and-newsletter-storage\">available on every paid Squarespace plan\u003C/a>. Trial does not include form storage to Drive.\u003C/span>\u003C/p>\n\u003Col class=\"fmstr-cmp-tmpl-steps__list\">\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">1\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Open the page that holds your form. Hover the form block and click the pencil icon.\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">2\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Click \u003Cstrong>Storage\u003C/strong> in the form editor.\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">3\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Click \u003Cstrong>Add Storage\u003C/strong>, then \u003Cstrong>Google Drive\u003C/strong>.\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">4\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Sign in to the Google account that should own the Sheet. Approve the Drive permission.\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">5\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Name the spreadsheet. Squarespace creates a new file in the connected Drive root folder, one Sheet per form.\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">6\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Save the form. Submit a test entry. A row should appear in the Sheet within 30 to 60 seconds.\u003C/p>\u003C/div>\u003C/li>\n\u003C/ol>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__note\">\u003Cstrong>What breaks:\u003C/strong> token refreshes drop and forms quietly stop writing without raising an error. Squarespace maintains a \u003Ca href=\"https://support.squarespace.com/hc/en-us/articles/28568908060301-Reconnecting-forms-to-Google-Drive\">reconnect help article\u003C/a> for exactly this. Check the Sheet weekly. If a workflow depends on this sync, pick a different method.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__method\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__method-head\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__chip\">Method 2\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__h3\">Zapier (Squarespace Forms to Google Sheets)\u003C/h3>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__lede\">Zapier owns the integration directory entry for \u003Ca href=\"https://zapier.com/apps/google-sheets/integrations/squarespace-forms\">Squarespace Forms and Google Sheets\u003C/a> and it is the path most Squarespace docs default to once the native Drive sync fails.\u003C/p>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__meta\">\u003Cspan>\u003Cstrong>Pricing:\u003C/strong> \u003Ca href=\"https://zapier.com/pricing\">free for 100 tasks per month\u003C/a>. One submission to Sheets is one task. Paid plans start at $19.99 per month for 750 tasks.\u003C/span>\u003C/p>\n\u003Col class=\"fmstr-cmp-tmpl-steps__list\">\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">1\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">In Zapier, click \u003Cstrong>Create Zap\u003C/strong>.\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">2\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">\u003Cstrong>Trigger:\u003C/strong> search Squarespace, pick \u003Cstrong>New Form Submission\u003C/strong>. Connect your Squarespace account, select the site and the specific form.\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">3\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Click \u003Cstrong>Test trigger\u003C/strong>. Submit a test entry in Squarespace if Zapier needs one to pull a sample.\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">4\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">\u003Cstrong>Action:\u003C/strong> search Google Sheets, pick \u003Cstrong>Create Spreadsheet Row\u003C/strong>.\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">5\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Connect the Google account, pick the Spreadsheet and Worksheet. Map each Squarespace field to the matching column header.\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">6\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">\u003Cstrong>Test action.\u003C/strong> Confirm a row appears in the Sheet, then turn the Zap on.\u003C/p>\u003C/div>\u003C/li>\n\u003C/ol>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__note\">\u003Cstrong>What breaks:\u003C/strong> the free 100-task ceiling is the most common pain. A site doing 5 form fills a day hits it on day 20. Field mapping also resets if you rename a Squarespace form field, so re-check the Zap after any form edit.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__method\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__method-head\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__chip\">Method 3\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__h3\">Make (cheaper than Zapier at volume)\u003C/h3>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__lede\">\u003Ca href=\"https://www.make.com/en/integrations/squarespace/google-sheets\">Make\u003C/a> is the Zapier alternative most Squarespace power users land on once monthly task counts climb. The free tier is 10x larger and the per-op cost is meaningfully lower at scale.\u003C/p>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__meta\">\u003Cspan>\u003Cstrong>Pricing:\u003C/strong> \u003Ca href=\"https://www.make.com/en/pricing\">1,000 operations per month free\u003C/a>. One submission written to Sheets is roughly two ops (trigger plus action). Paid starts at $10.59 per month for 10,000 ops.\u003C/span>\u003C/p>\n\u003Col class=\"fmstr-cmp-tmpl-steps__list\">\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">1\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">In Make, click \u003Cstrong>Create a new scenario\u003C/strong>.\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">2\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Add a \u003Cstrong>Squarespace, Watch Form Responses\u003C/strong> module. Authorize Squarespace, pick the form.\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">3\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Set the polling interval. The free tier polls every 15 minutes, paid plans drop to 1 minute.\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">4\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Add a \u003Cstrong>Google Sheets, Add a Row\u003C/strong> module. Authorize Google, pick the Sheet and worksheet.\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">5\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Map each Squarespace field to the right column. Make's mapping panel is more granular than Zapier's, useful when one form field needs to land in two columns.\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">6\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Run once with a test submission. Save and switch the scenario on.\u003C/p>\u003C/div>\u003C/li>\n\u003C/ol>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__note\">\u003Cstrong>What breaks:\u003C/strong> free tier polls every 15 minutes, fine for daily lead capture but useless for real-time alerts. Upgrade or use a webhook-based method if speed matters.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__method\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__method-head\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__chip\">Method 4\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__h3\">Sheet Monkey or LeadToSheet (direct webhook)\u003C/h3>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__lede\">\u003Ca href=\"https://sheetmonkey.io/integrations/how-to-submit-squarespace-forms-to-google-sheets\">Sheet Monkey\u003C/a> and \u003Ca href=\"https://www.leadtosheet.com/integrations/squarespace\">LeadToSheet\u003C/a> pipe form data straight into Sheets without an automation platform sitting in the middle. Cheaper, faster, fewer moving parts.\u003C/p>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__meta\">\u003Cspan>\u003Cstrong>Pricing:\u003C/strong> Sheet Monkey is free up to 100 submissions per month, $9 per month after. LeadToSheet has a free tier with a 50-submission cap.\u003C/span>\u003C/p>\n\u003Col class=\"fmstr-cmp-tmpl-steps__list\">\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">1\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Create an account on Sheet Monkey or LeadToSheet. Connect Google and pick the destination Sheet.\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">2\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">The tool generates a unique webhook URL.\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">3\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Squarespace cannot natively post to a custom webhook from a default Form Block. Two workarounds: use Squarespace's \u003Cstrong>Code Block\u003C/strong> to inject a custom HTML form that posts to the webhook, or use \u003Cstrong>Zapier Webhooks\u003C/strong> as a relay (defeats the point unless you are already on Zapier).\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">4\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Submit a test. Confirm the row.\u003C/p>\u003C/div>\u003C/li>\n\u003C/ol>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__note\">\u003Cstrong>What breaks:\u003C/strong> the Squarespace Form Block does not expose a custom action URL, so you are forced into a Code Block or a Zapier relay. That removes a chunk of the value. Worth it only if you cannot stomach Zapier's task pricing and you are comfortable pasting an HTML form into a code block.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__method\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__method-head\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__chip\">Method 5\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__h3\">Skip Squarespace Forms, embed a Formester form\u003C/h3>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__lede\">Every method above starts from the same broken assumption: that Squarespace's form block is the right collection layer. Cleaner pattern: embed a \u003Ca href=\"https://formester.com/\">Formester\u003C/a> form inside a Squarespace Code Block and use Formester's native Google Sheets integration. The form still lives on your Squarespace page. The submission flow no longer touches Squarespace's storage layer.\u003C/p>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__meta\">\u003Cspan>\u003Cstrong>Free tier:\u003C/strong> \u003Ca href=\"https://formester.com/pricing/\">10 forms, 100 responses per month\u003C/a>, Sheets integration included on every plan. Paid starts at $13 per month.\u003C/span>\u003C/p>\n\u003Col class=\"fmstr-cmp-tmpl-steps__list\">\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">1\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Build the form in Formester. Pick the Google Sheets integration in the \u003Cstrong>Automate\u003C/strong> tab, connect the Google account, pick the Sheet.\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">2\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">In Formester, open \u003Cstrong>Share, Embed\u003C/strong>. Copy the embed code (toggle auto-height off if you want a fixed frame).\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">3\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">In Squarespace, open the page. Click \u003Cstrong>Add Section\u003C/strong>, choose a blank section, click \u003Cstrong>Add Block\u003C/strong>, pick \u003Cstrong>Code\u003C/strong>.\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">4\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Paste the Formester embed code into the Code Block. Save.\u003C/p>\u003C/div>\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">5\u003C/span>\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Submit a test. The row appears in Sheets within seconds. See the cousin guide on \u003Ca href=\"https://formester.com/blog/how-to-send-contact-form-data-to-google-sheets-free/\">how to send contact form data to Google Sheets free\u003C/a> for the inverse setup.\u003C/p>\u003C/div>\u003C/li>\n\u003C/ol>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__note\">\u003Cstrong>What breaks:\u003C/strong> nothing on Squarespace's side, since the form runs on Formester's infrastructure. Trade-off is the Code Block: Squarespace restricts Code Blocks on the Personal plan, so you may need the Business plan or above on Squarespace's side.\u003C/p>\n\u003C/div>\n\n\u003C/div>\n\u003C/section>\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/style>\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\">Skip Squarespace Forms\u003C/span>\n\u003Ch2 class=\"fmstr-cmp-tmpl-midcta__h2\" id=\"fmstr-cmp-tmpl-midcta-h2\">Embed a form on Squarespace and sync to Sheets, without Apps Script\u003C/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-midcta__body\">Five-minute setup. No Zapier task budget. Native Google Sheets integration.\u003C/p>\n\u003Ca class=\"fmstr-cmp-tmpl-midcta__cta\" href=\"https://app.formester.com/users/sign_up\" style=\"background: #7f56d9 !important; color: #ffffff !important; border-color: #7f56d9 !important; text-decoration: none !important;\">Start free on Formester\u003C/a>\n\u003Cp class=\"fmstr-cmp-tmpl-midcta__strip\">Free forever plan\u003Cspan>•\u003C/span>No credit card\u003Cspan>•\u003C/span>Setup in 2 minutes\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\n\u003Cstyle>\n/* host-link-override */\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;\n}\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/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' 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'/%3E%3C/svg%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\u003C/style>\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\u003C/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-faq__intro\">Common questions about sending Squarespace form responses to Google Sheets.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__list\">\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Does Squarespace have a native Google Sheets integration?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Sort of. Squarespace writes form submissions to a Google Drive folder, which it creates as a Google Sheet. It is not a true integration in the Zapier sense, it is a one-way export to Drive. \u003Ca href=\"https://support.squarespace.com/hc/en-us/articles/205814638-Managing-form-and-newsletter-storage\">Squarespace documents the setup and the reconnect process\u003C/a> on its help center.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Why are my Squarespace form responses not showing up in Google Sheets?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">The most common cause is a dropped OAuth token between Squarespace and Google. Squarespace has a \u003Ca href=\"https://support.squarespace.com/hc/en-us/articles/28568908060301-Reconnecting-forms-to-Google-Drive\">dedicated reconnect article\u003C/a> for this. Open the form block, go to Storage, disconnect Google Drive, and reconnect. New submissions should resume writing to the Sheet. Past submissions during the outage are lost unless they were also emailed.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can I use Zapier free for Squarespace to Google Sheets?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Yes, up to \u003Ca href=\"https://zapier.com/pricing\">100 tasks per month\u003C/a>. One submission written to Sheets equals one task. Past 100 in a month, Zapier pauses the Zap until the cycle resets or you upgrade.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Does Make or Zapier support two-way sync?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">No. Both push form submissions one way, Squarespace to Sheets. A change made in the Sheet does not flow back to Squarespace. Two-way sync is only available with a form layer that ships its own Sheets integration, which is the Formester path in Method 5.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can I send Squarespace form responses to more than one Google Sheet?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Not natively. The Drive sync writes to one Sheet per form. Use Zapier or Make to fan out a single submission into two Sheets (add a second Google Sheets action in the same Zap or scenario). On the Formester path, duplicate the integration with a second Google Sheet target.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>What happens when I add or rename a field on the form?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">On Squarespace's native Drive sync, the Sheet gains a column for the new field but old data stays in the original layout. On Zapier and Make, you need to re-open the Zap or scenario and remap the renamed field. On Formester, field changes propagate to the connected Sheet automatically as long as column headers exist.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Is there a way to do this without Zapier?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Yes. Use Squarespace's native Drive sync (Method 1), Make (Method 3), a direct webhook tool like Sheet Monkey (Method 4), or skip Squarespace forms and use Formester's native Sheets integration (Method 5). None of those four require a Zapier account. Embedding a Google Form in Squarespace instead? See \u003Ca href=\"https://formester.com/blog/how-to-embed-a-google-form/\">how to embed a Google Form\u003C/a>.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Which method is fastest to set up?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Squarespace's native Drive sync, about 5 minutes if your Google account is already signed in. The Formester embed is the fastest method that survives Squarespace's reconnect bug, around 12 minutes end to end.\u003C/div>\n\u003C/details>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\n\n\u003Cstyle>\n/* host-link-override */\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; text-align: left; }\n.fmstr-cmp-tmpl-rel__h2 { font-size: clamp(26px, 3vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -.02em; margin: 0; color: var(--c-fg-1); text-align: left; }\n.fmstr-cmp-tmpl-rel__intro { color: var(--c-fg-3); font-size: 17px; line-height: 1.6; margin: 14px 0 0; text-align: left; }\n\n.fmstr-cmp-tmpl-rel__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }\n.fmstr-cmp-tmpl-rel__card {\nbackground: var(--c-card); border: 1px solid var(--c-border);\nborder-radius: 14px; padding: 22px 24px; 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; 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: 17px; font-weight: 700; color: var(--c-fg-1); margin: 0; line-height: 1.3; text-align: left; }\n.fmstr-cmp-tmpl-rel__body { font-size: 14.5px; line-height: 1.55; color: var(--c-fg-2); margin: 0; }\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: 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: 20px 22px; }\n}\n\n\n/* mobile-safety-v2 */\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/style>\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/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__intro\">The native Sheets integration, the embed alternative, and a free form builder if you want to skip Squarespace forms entirely.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-tmpl-rel__grid\">\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https://formester.com/integrations/google-sheets/\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Feature\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Google Sheets integration\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Real-time, two-way sync from form submissions straight to a Sheet.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https://formester.com/blog/how-to-embed-a-google-form/\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Guide\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">How to embed a Google Form\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Embedding a Google Form in Squarespace instead? The setup walkthrough.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https://formester.com/features/drag-and-drop-form-builder/\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Formester\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Free online form builder\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Build a form, paste the embed into a Squarespace Code Block, done.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C/span>\n\u003C/a>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\n","2025-02-16T18:01:40.437Z","2026-06-15T04:53:02.849Z","2026-06-15T04:53:02.841Z","https://formester-strapi.s3.ap-south-1.amazonaws.com/an_illustration_of_how_to_link_squarespace_forms_to_google_sheets_dbfb0c19c3.png",[],[112],{"id":113,"type":114},202,{"@type":115,"image":116,"author":117,"@context":92,"headline":99,"publisher":120,"description":123,"dateModified":124,"datePublished":125,"mainEntityOfPage":126},"Article","https://formester.com/blog/how-to-link-squarespace-forms-to-google-sheets/preview.png",{"url":118,"name":119,"@type":29},"https://www.linkedin.com/in/harish-kumar2424/","Harish Kumar",{"logo":121,"name":35,"@type":36},{"url":122,"@type":34},"https://formester.com/logo.svg","Five proven ways to send Squarespace form responses to Google Sheets in 2026: native Drive sync, Zapier, Make, Sheet Monkey, and a no-Zapier Formester embed.","2026-06-10","2025-02-16","https://formester.com/blog/how-to-link-squarespace-forms-to-google-sheets/",1058,1214,630,{"text":131},"10 min read",{"title":133,"description":134,"metaTitle":133,"metaDescription":135,"keywords":136,"author":119,"authorProfile":118,"coverImgAlt":137,"featured":12,"slug":138,"body":139,"createdAt":140,"updatedAt":141,"publishedAt":142,"coverImg":143,"metaImage":144,"schema":145,"id":146,"coverImgWidth":128,"coverImgHeight":129,"readingStats":147},"How to Create an MBTI 16 Personalities Test for Your Website (2026)","Step by step guide to create the MBTI 16 personality test on your website. Use Formester’s AI quiz maker to set up, customize, and capture leads.","Build a working 16-type personality test in 5 steps. Question bank, scoring logic, result archetypes, and lead capture. With ready-to-use Formester template.","mbti test,\nMBTI 16 personalities test,\n16 personalities test,\nhow to create a personality quiz,\nhow to create a personality test,","a blog post cover about how to create an mbti 16 personality test in formester","how-to-create-mbti-16-personality-test","\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;\n}\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\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\u003C/style>\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/p>\n\u003Cp class=\"fmstr-cmp-tmpl-tldr__body\">To create an MBTI 16 personalities test for your website, define your 4 trait dimensions (Extraversion vs Introversion, Sensing vs Intuition, Thinking vs Feeling, Judging vs Perceiving), write 8-10 questions per dimension that score on a Likert scale, set up scoring logic that combines the 4 dimensions into a 16-archetype result, design the 16 result pages with archetype descriptions, and embed the test on your site. The 5 steps below walk through the question bank, scoring formula, result-page design, lead capture, and embedding.\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\n\n\u003Cstyle>\n/* host-link-override */\n.fmstr-cmp-mbt-body a { text-decoration: none !important; }\n.fmstr-cmp-mbt-body {\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-600: #6941c6;\nbackground: transparent; padding: 24px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-mbt-body *, .fmstr-cmp-mbt-body *::before, .fmstr-cmp-mbt-body *::after { box-sizing: border-box; }\n.fmstr-cmp-mbt-body__container { max-width: 820px; margin: 0 auto; }\n.fmstr-cmp-mbt-body__sub { font-size: 17px !important; line-height: 1.6 !important; color: var(--c-fg-3); font-style: italic; margin: 0 0 24px !important; }\n.fmstr-cmp-mbt-body__intro p { font-size: 17px !important; line-height: 1.7 !important; color: var(--c-fg-2); margin: 0 0 16px !important; }\n.fmstr-cmp-mbt-body__intro a { color: var(--c-violet-600) !important; text-decoration: none !important; font-weight: 500; }\n.fmstr-cmp-mbt-body__intro a:hover { text-decoration: underline !important; }\n@media (max-width: 600px) {\n.fmstr-cmp-mbt-body { padding: 16px; }\n.fmstr-cmp-mbt-body__sub { font-size: 16px !important; }\n.fmstr-cmp-mbt-body__intro p { font-size: 16px !important; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-mbt-body\">\n\u003Cdiv class=\"fmstr-cmp-mbt-body__container\">\n\n\u003Cp class=\"fmstr-cmp-mbt-body__sub\">Build a working personality test with question bank, scoring logic, 16 result archetypes, and lead capture in under 60 minutes.\u003C/p>\n\n\u003Cdiv class=\"fmstr-cmp-mbt-body__intro\">\n\nTo create an MBTI 16 personalities test for your website, define your 4 trait dimensions (Extraversion vs Introversion, Sensing vs Intuition, Thinking vs Feeling, Judging vs Perceiving), write 8-10 questions per dimension that score on a Likert scale, set up scoring logic that combines the 4 dimensions into a 16-archetype result, design the 16 result pages with archetype descriptions, and embed the test on your site. The 5 steps below walk through the question bank, scoring formula, result-page design, lead capture, and embedding.\n\n\u003C/div>\n\n\u003C/div>\n\u003C/section>\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__head { margin: 0 0 28px !important; }\n.fmstr-cmp-tmpl-steps__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-steps__intro { color: var(--c-fg-3); font-size: 17px !important; line-height: 1.6 !important; margin: 14px 0 0 !important; }\n.fmstr-cmp-tmpl-steps__list {\ndisplay: flex; flex-direction: column; gap: 14px;\ncounter-reset: step-counter;\nmargin: 0; padding: 0; list-style: none;\n}\n.fmstr-cmp-tmpl-steps__item {\nbackground: var(--c-card);\nborder: 1px solid var(--c-border);\nborder-radius: 14px;\npadding: 22px 24px;\nbox-shadow: var(--c-shadow);\ndisplay: flex; gap: 18px;\nalign-items: flex-start;\nmin-width: 0;\n}\n.fmstr-cmp-tmpl-steps__num {\nflex-shrink: 0;\nwidth: 38px; height: 38px; border-radius: 10px;\nbackground: var(--c-tint);\nborder: 1px solid var(--c-edge);\ncolor: var(--c-violet-700) !important;\nfont-weight: 800; font-size: 16px;\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: 17px !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\n@media (max-width: 540px) {\n.fmstr-cmp-tmpl-steps { padding: 36px 0; }\n.fmstr-cmp-tmpl-steps__item { padding: 18px 20px; gap: 14px; }\n.fmstr-cmp-tmpl-steps__num { width: 34px; height: 34px; font-size: 15px; }\n.fmstr-cmp-tmpl-steps__title { font-size: 16px !important; }\n.fmstr-cmp-tmpl-steps__body { font-size: 14.5px !important; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-tmpl-steps\" aria-labelledby=\"fmstr-cmp-tmpl-steps-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__head\">\n\u003Ch2 class=\"fmstr-cmp-tmpl-steps__h2\" id=\"fmstr-cmp-tmpl-steps-h2\">The 5-step setup\u003C/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__intro\">Define dimensions, write questions, set up scoring, design results, and publish.\u003C/p>\n\u003C/div>\n\u003Col class=\"fmstr-cmp-tmpl-steps__list\">\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">1\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">Define the 4 trait dimensions\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">MBTI uses Extraversion/Introversion (E/I), Sensing/Intuition (S/N), Thinking/Feeling (T/F), and Judging/Perceiving (J/P). Each respondent gets a 4-letter result combining the four.\u003C/p>\n\u003C/div>\n\u003C/li>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">2\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">Write 8-10 questions per dimension\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">32-40 questions total. Each question should clearly score toward one side of one dimension. Example: 'You feel energized by being around lots of people' scores toward E; disagreement scores toward I.\u003C/p>\n\u003C/div>\n\u003C/li>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">3\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">Set up scoring logic\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">For each question, tag the answer choices with the dimension and direction (+E or -E). At the end, sum the scores per dimension. The sign of each sum picks the letter.\u003C/p>\n\u003C/div>\n\u003C/li>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">4\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">Design 16 result pages\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Write a 100-200 word description for each of the 16 archetypes (INTJ, INTP, etc.). Include strengths, weaknesses, career fit, and famous people with that type.\u003C/p>\n\u003C/div>\n\u003C/li>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">5\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">Add lead capture and publish\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Add an email-gate before showing the result, or after. Visitors take the test, give their email to see their archetype. You build a segmented email list tagged with personality type.\u003C/p>\n\u003C/div>\n\u003C/li>\n\n\u003C/ol>\n\u003C/div>\n\u003C/section>\n\n\n\u003Ciframe width=\"100%\" height=\"315\" src=\"https://www.youtube.com/embed/w623zEVyCXU?si=3efAQyX0Xw5hMikf\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen>\u003C/iframe>\n\nThe \u003Cstrong>\u003Ca href=\"https://www.16personalities.com/free-personality-test\">MBTI 16 personalities test\u003C/a>\u003C/strong> is one of the most popular personality quizzes in the world. It helps people understand how they think, make decisions, and interact with others. Coaches, bloggers, and educators often use it to engage their audience, capture leads, and add value to their websites.\n\nThe good news is, you don’t need coding skills to create your own MBTI test. With Formester’s no-code quiz builder, you can set up a complete \u003Cstrong>16 personalities test in minutes\u003C/strong> using AI, scoring, and \u003Cstrong>\u003Ca href=\"/features/conditional-logic/\">logic branching\u003C/a>\u003C/strong>.\n\nIn this guide, I’ll show you step by step how to build and publish the MBTI test directly on your site.\n\n## What is the MBTI Test?\n\nThe Myers-Briggs Type Indicator (MBTI) groups people into 16 personality types. It uses four key dichotomies to determine personality traits:\n\n- Extraversion (E) vs Introversion (I)\n\n- Sensing (S) vs Intuition (N)\n\n- Thinking (T) vs Feeling (F)\n\n- Judging (J) vs Perceiving (P)\n\nEach test taker ends up with a four-letter code such as ISTJ or ENFP. These results provide insights into strengths, weaknesses, and communication styles.\n\nThat’s why MBTI quizzes are widely used by coaches, HR teams, and online creators to engage audiences.\n\n### Step 1: Generate the Quiz with AI\n\nStart by logging into your Formester dashboard.\n\nClick Create New Form.\n\nChoose Start with AI.\n\nSelect Score Quiz as the form type.\n\n\u003Cstrong>Enter the following prompt to the AI quiz maker:\u003C/strong>\n\n>“Create an MBTI 16 personalities quiz with 4 pages, one for each dichotomy (E/I, S/N, T/F, J/P). Each page should include 5 single-choice questions with two options. Each option must clearly map to one side of the dichotomy. At the end, create 16 thank you pages, one for each personality type, with a short description of that type.”\n\nThe AI will generate the full quiz structure for you, including questions and thank-you pages.\n\n### Step 2: Add Variables for Scoring\n\nNow, set up \u003Cstrong>\u003Ca href=\"/blog/how-to-create-a-scored-quiz/\">scoring\u003C/a>\u003C/strong> so the quiz can assign results correctly.\n\n- Go to the Advanced Tab > Variables.\n\n- Create two numeric variables for each dichotomy. For example, one for E and one for I.\n\n- Create one text variable to store the final outcome for each pair. Example: “EI = E or I.”\n\nThis setup ensures the quiz knows whether the user leans more toward extroversion or introversion, and so on for all four dichotomies.\n\n### Step 3: Assign Scores to Options\n\n- Open Score Quiz and turn on Allow Multiple Variables.\n\n- For each question, assign one point to the relevant variable.\n\n\u003Cstrong>Example:\u003C/strong> If the user chooses option A, add one point to E.\n\n- If they choose option B, add one point to I.\n\n- Repeat this process for all four dichotomies.\n\nBy the end, the system can calculate which side of each scale the user aligns with.\n\n### Step 4: Connect to Personality Outcomes\n\nThis step ties all the results together.\n\n- Go to Rules in the Advanced tab.\n\n- Create conditions based on the variables. For example:\n\n>If E ≥ 3, set EI = E.\n\n>If I ≥ 3, set EI = I.\n\n- Combine all four dichotomy results to map to one of 16 personality types.\n\n\u003Cstrong>Example:\u003C/strong> If EI = E, SN = S, TF = T, JP = P → outcome = ESTP.\n\n- Link each condition to the thank-you page for that personality type.\n\nDo this for all 16 combinations. Once complete, every respondent will be redirected to their unique personality result page.\n\n### Step 5: Customize and Publish\n\n- Add an email or phone field before the thank-you page to capture leads.\n\n- Go to the Embed Tab, copy the code, and paste it into your website.\n\n- Use the Design Tab to match the test to your brand. You can also switch to a card-style layout with \u003Cstrong>\u003Ca href=\"/blog/single-page-vs-multi-page-forms/\">One Field Per Page\u003C/a>\u003C/strong> for a modern look.\n\nNow your MBTI test is live and ready to engage your visitors.\n\n### Why Use Formester for MBTI Quizzes?\n\n- \u003Cstrong>AI-powered creation:\u003C/strong> Generate a complete test in minutes using the \u003Cstrong>\u003Ca href=\"/test-creator/\">AI test maker\u003C/a>\u003C/strong>.\n\n- \u003Cstrong>Scoring and logic branching:\u003C/strong> Set up outcomes with ease.\n\n- \u003Cstrong>Lead capture:\u003C/strong> Collect email addresses for follow-up.\n\n- \u003Cstrong>Seamless embedding:\u003C/strong> Add the test directly to your website.\n\n- \u003Cstrong>Customization:\u003C/strong> Match the quiz design to your brand style.\n\n### Final Thoughts\n\n\u003Cstrong>Creating an MBTI 16 personalities test\u003C/strong> doesn’t have to be complicated. With \u003Cstrong>\u003Ca href=\"/\">Formester\u003C/a>\u003C/strong>, you can build it in minutes, customize it for your brand, and publish it directly on your website.\n\nWhether you’re a coach, educator, or content creator, this test helps you engage visitors and capture leads while offering real value.\n\n\u003Cstyle>\n/* host-link-override */\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;\n}\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/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' 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'/%3E%3C/svg%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\u003C/style>\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\u003C/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-faq__intro\">Common questions about building a 16-type personality test for your website.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__list\">\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can I create my own MBTI 16 personalities test?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Yes. You can build your own 16-type personality test using any form builder that supports conditional logic and scoring. The official MBTI is trademarked, but a 4-dimension, 16-type personality framework is not.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>What are the 4 MBTI dimensions?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Extraversion (E) vs Introversion (I), Sensing (S) vs Intuition (N), Thinking (T) vs Feeling (F), and Judging (J) vs Perceiving (P). Each respondent scores on each dimension, and the four letters combine into one of 16 archetypes (INTJ, ENFP, etc.).\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>How many questions does an MBTI test need?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">At least 32 questions (8 per dimension) for reasonable accuracy. Full official MBTI uses 93 questions. For a website quiz, 32-40 questions hit the sweet spot between accuracy and completion rate.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>How do I score an MBTI personality test?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">For each question, score the answer toward one side of the dimension (e.g., +1 for E, -1 for I). Sum the scores per dimension. The sign of the sum determines the letter (positive = E, negative = I). Combine the 4 letters into the archetype.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>What are the 16 MBTI personality types?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">INTJ, INTP, ENTJ, ENTP (Analysts); INFJ, INFP, ENFJ, ENFP (Diplomats); ISTJ, ISFJ, ESTJ, ESFJ (Sentinels); ISTP, ISFP, ESTP, ESFP (Explorers).\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can I capture leads with a personality test?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Yes. Add an email-gate before the result page, or after the result. Visitors take the test, give their email to see their archetype, and you build a segmented email list with their personality type attached.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>How long should an online personality test be?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">5-10 minutes feels right for visitors. 32-40 questions, 1-2 lines each. Past 10 minutes, completion rate drops below 60%.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Is the MBTI test scientifically valid?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Academic psychology generally considers MBTI low in reliability and validity compared to Big Five. But for marketing engagement, lead capture, and audience segmentation, the 16-type framework works well.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can I embed an MBTI test on a Wix, Squarespace, or WordPress site?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Yes. Build the test in Formester (or any quiz builder), copy the embed code, and paste it into your CMS. The quiz renders inline on your page.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>What's the best tool to build an MBTI test?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">You need conditional logic, multi-dimension scoring, and 16+ result pages. Formester's AI Quiz Maker generates the question bank in under 5 minutes; you set up the scoring formula and result pages. Tryinteract and Outgrow are alternatives with higher complexity and price.\u003C/div>\n\u003C/details>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\n\n\u003Cstyle>\n/* host-link-override */\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;\n}\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\u003C/style>\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/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__intro\">Use the AI Quiz Maker to spin up the question bank in seconds, or start from a personality quiz template.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-tmpl-rel__grid\">\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https://formester.com/ai-quiz-maker/\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Formester\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">AI Quiz Maker\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Continue the workflow on Formester.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https://formester.com/templates/categories/quizzes/\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Formester\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Quiz templates\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Continue the workflow on Formester.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https://formester.com/templates/personal-attributes-questionnaire-25370/\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Formester\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Personality questionnaire template\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Continue the workflow on Formester.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https://formester.com/blog/best-ai-quiz-generators/\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Formester\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Best AI quiz generators\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Continue the workflow on Formester.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C/span>\n\u003C/a>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\n\n\u003Cscript type=\"application/ld+json\">{\"@context\": \"https://schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"Can I create my own MBTI 16 personalities test?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. You can build your own 16-type personality test using any form builder that supports conditional logic and scoring. The official MBTI is trademarked, but a 4-dimension, 16-type personality framework is not.\"}}, {\"@type\": \"Question\", \"name\": \"What are the 4 MBTI dimensions?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Extraversion (E) vs Introversion (I), Sensing (S) vs Intuition (N), Thinking (T) vs Feeling (F), and Judging (J) vs Perceiving (P). Each respondent scores on each dimension, and the four letters combine into one of 16 archetypes (INTJ, ENFP, etc.).\"}}, {\"@type\": \"Question\", \"name\": \"How many questions does an MBTI test need?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"At least 32 questions (8 per dimension) for reasonable accuracy. Full official MBTI uses 93 questions. For a website quiz, 32-40 questions hit the sweet spot between accuracy and completion rate.\"}}, {\"@type\": \"Question\", \"name\": \"How do I score an MBTI personality test?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"For each question, score the answer toward one side of the dimension (e.g., +1 for E, -1 for I). Sum the scores per dimension. The sign of the sum determines the letter (positive = E, negative = I). Combine the 4 letters into the archetype.\"}}, {\"@type\": \"Question\", \"name\": \"What are the 16 MBTI personality types?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"INTJ, INTP, ENTJ, ENTP (Analysts); INFJ, INFP, ENFJ, ENFP (Diplomats); ISTJ, ISFJ, ESTJ, ESFJ (Sentinels); ISTP, ISFP, ESTP, ESFP (Explorers).\"}}, {\"@type\": \"Question\", \"name\": \"Can I capture leads with a personality test?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. Add an email-gate before the result page, or after the result. Visitors take the test, give their email to see their archetype, and you build a segmented email list with their personality type attached.\"}}, {\"@type\": \"Question\", \"name\": \"How long should an online personality test be?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"5-10 minutes feels right for visitors. 32-40 questions, 1-2 lines each. Past 10 minutes, completion rate drops below 60%.\"}}, {\"@type\": \"Question\", \"name\": \"Is the MBTI test scientifically valid?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Academic psychology generally considers MBTI low in reliability and validity compared to Big Five. But for marketing engagement, lead capture, and audience segmentation, the 16-type framework works well.\"}}, {\"@type\": \"Question\", \"name\": \"Can I embed an MBTI test on a Wix, Squarespace, or WordPress site?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes. Build the test in Formester (or any quiz builder), copy the embed code, and paste it into your CMS. The quiz renders inline on your page.\"}}, {\"@type\": \"Question\", \"name\": \"What's the best tool to build an MBTI test?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"You need conditional logic, multi-dimension scoring, and 16+ result pages. Formester's AI Quiz Maker generates the question bank in under 5 minutes; you set up the scoring formula and result pages. Tryinteract and Outgrow are alternatives with higher complexity and price.\"}}]}\u003C/script>\n\u003Cscript type=\"application/ld+json\">{\"@context\": \"https://schema.org\", \"@type\": \"Article\", \"headline\": \"How to Create an MBTI 16 Personalities Test for Your Website (5 Steps)\", \"description\": \"Build a working 16-type personality test in 5 steps. Question bank, scoring logic, result archetypes, and lead capture. With ready-to-use Formester template.\", \"author\": {\"@type\": \"Person\", \"name\": \"Harish Kumar\", \"url\": \"https://www.linkedin.com/in/harish-kumar2424/\"}, \"publisher\": {\"@type\": \"Organization\", \"name\": \"Formester\", \"logo\": {\"@type\": \"ImageObject\", \"url\": \"https://formester.com/logo.svg\"}}, \"dateModified\": \"2026-06-05\"}\u003C/script>\n\u003Cscript type=\"application/ld+json\">{\"@context\": \"https://schema.org\", \"@type\": \"BreadcrumbList\", \"itemListElement\": [{\"@type\": \"ListItem\", \"position\": 1, \"name\": \"Home\", \"item\": \"https://formester.com/\"}, {\"@type\": \"ListItem\", \"position\": 2, \"name\": \"Blog\", \"item\": \"https://formester.com/blog/\"}, {\"@type\": \"ListItem\", \"position\": 3, \"name\": \"How to Create an MBTI 16 Personalities Test for Your Website (5 Steps)\", \"item\": \"https://formester.com/blog/how-to-create-mbti-16-personality-test/\"}]}\u003C/script>\n\u003Cscript type=\"application/ld+json\">{\"@context\": \"https://schema.org\", \"@type\": \"VideoObject\", \"name\": \"How to Create an MBTI 16 Personalities Test for Your Website (5 Steps)\", \"description\": \"Build a working 16-type personality test in 5 steps. Question bank, scoring logic, result archetypes, and lead capture. With ready-to-use Formester template.\", \"thumbnailUrl\": \"https://img.youtube.com/vi/w623zEVyCXU/maxresdefault.jpg\", \"uploadDate\": \"2025-05-15\", \"contentUrl\": \"https://www.youtube.com/watch?v=w623zEVyCXU\", \"embedUrl\": \"https://www.youtube.com/embed/w623zEVyCXU\"}\u003C/script>","2025-09-05T05:25:19.958Z","2026-06-08T11:38:38.943Z","2026-06-05T02:14:37.000Z","https://formester-strapi.s3.ap-south-1.amazonaws.com/126_4872de226f.png",[],[],1619,{"text":148},"9 min read",{"title":150,"description":151,"metaTitle":150,"metaDescription":151,"keywords":152,"author":9,"authorProfile":10,"coverImgAlt":153,"featured":12,"slug":154,"body":155,"createdAt":156,"updatedAt":157,"publishedAt":158,"coverImg":159,"metaImage":160,"schema":161,"id":196,"coverImgWidth":128,"coverImgHeight":129,"readingStats":197},"How to Make a Fillable Form in Microsoft Word?","Learn how to make a fillable form in Word like a pro with this comprehensive guide & start collecting data with your fillable forms.","how to make a fillable pdf form in word,\nhow to create fillable forms in word,\nhow do i create a fillable form in word,\nhow to make a fillable form in word,\n","an illustration on how to make a fillable form in ms word","how-to-make-a-fillable-form-in-word","\u003Cstyle>\n/* batch-1 blog normalisation */\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/style>\n\n\u003Cstyle id=\"fmstr-blog-mobile-fullwidth-v3\">\n/* Mobile full-width — Batch 3, applied at \u003C=540px only.\n   Desktop / tablet layout (>=541px) is untouched and matches the RTL blog. */\n@media (max-width: 760px) {\n  .art-section { padding-left: 12px !important; padding-right: 12px !important; }\n}\n@media (max-width: 540px) {\n  /* 1. Trim the host blog template wrapper */\n  .art-section { padding-left: 6px !important; padding-right: 6px !important; padding-top: 24px !important; }\n\n  /* 2. Zero horizontal padding on every component root */\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\n  /* 3. Container fills the section */\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\n  /* 4. Tighten every inner card / step / panel / row / fix-callout horizontal padding */\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\n  /* 5. Tighten typography so long words wrap cleanly */\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\n  /* 6. Tables become horizontal-scroll */\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\n  /* 7. Code / pre wrap */\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\n  /* 8. Lead block keeps its 16-px-ish padding via .art-section wrapper, font slightly smaller */\n  .fmstr-blog-lead { font-size: 16.5px !important; }\n}\n\u003C/style>\n\n\u003Cp class=\"fmstr-blog-lead\">To make a fillable form in Microsoft Word in four steps:\n\n1. Turn on the Developer tab (File, Options, Customize Ribbon, check Developer). 2. Type your form labels and questions. 3. Insert content controls (text box, checkbox, drop-down, date picker) under the Developer tab. 4.\u003C/p>\n\n\u003Cp class=\"fmstr-blog-lead\">Lock the form with Restrict Editing so people fill it in but cannot change the layout. This guide covers Word for Windows (2016, 2019, 2021, 2024, Microsoft 365), Word for Mac, and what Word for the Web can and cannot do.\u003C/p>\n\n\u003Cp class=\"fmstr-blog-lead\">You will also get a working troubleshooting block for the three errors that derail most people, and a clean comparison with online form builders for anyone who wants something easier to share, track, and embed.\u003C/p>\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;\n}\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\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\u003C/style>\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/p>\n\u003Cp class=\"fmstr-cmp-tmpl-tldr__body\">To make a fillable form in Microsoft Word: \u003Cstrong>turn on the Developer tab\u003C/strong> (File, Options, Customize Ribbon, tick Developer), type your labels, insert \u003Cstrong>content controls\u003C/strong> (text box, checkbox, drop-down, date picker) under the Developer tab, then \u003Cstrong>lock the form with Restrict Editing\u003C/strong> so people fill it in but cannot change the layout. This guide covers Word for Windows, Word for Mac, and what Word for the Web can and cannot do, plus the 3 errors that derail most people.\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003C/section>\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; font-weight: 700; letter-spacing: 0.08em;\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; font-weight: 700; color: var(--c-fg-1);\nmargin: 0; line-height: 1.3;\n}\n.fmstr-cmp-tmpl-cmp__best {\nfont-size: 13.5px; color: var(--c-fg-3); margin: 0;\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; padding: 0; list-style: none;\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; line-height: 1.5; 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\u003C/style>\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\">Word desktop vs Word for the Web vs an online form builder\u003C/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-cmp__intro\">Three ways to ship a fillable form. Pick by where your audience opens it and how you want the answers back.\u003C/p>\n\u003C/div>\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\">Option 1\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-cmp__name\">Word desktop (Windows or Mac)\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-cmp__best\">\u003Cstrong>Best for:\u003C/strong> One-off internal forms printed or emailed back\u003C/p>\n\u003Chr class=\"fmstr-cmp-tmpl-cmp__divider\">\n\u003Cul class=\"fmstr-cmp-tmpl-cmp__list\">\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Free if you have Microsoft 365\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Works offline\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Familiar interface, no training\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Easy to print as a paper backup\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item--con fmstr-cmp-tmpl-cmp__item\">No response collection, copy answers by hand\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item--con fmstr-cmp-tmpl-cmp__item\">No conditional logic or validation\u003C/li>\n\u003C/ul>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-cmp__card\">\n\u003Cspan class=\"fmstr-cmp-tmpl-cmp__chip\">Option 2\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-cmp__name\">Word for the Web (browser)\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-cmp__best\">\u003Cstrong>Best for:\u003C/strong> Viewing only, not building or editing fillable forms\u003C/p>\n\u003Chr class=\"fmstr-cmp-tmpl-cmp__divider\">\n\u003Cul class=\"fmstr-cmp-tmpl-cmp__list\">\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Free with a Microsoft account\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">No install needed\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item--con fmstr-cmp-tmpl-cmp__item\">No Developer tab in the browser\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item--con fmstr-cmp-tmpl-cmp__item\">Content controls show as static text\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item--con fmstr-cmp-tmpl-cmp__item\">Cannot enforce Restrict Editing for forms\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item--con fmstr-cmp-tmpl-cmp__item\">User input does not save in browser\u003C/li>\n\u003C/ul>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-cmp__card fmstr-cmp-tmpl-cmp__card--featured\">\n\u003Cspan class=\"fmstr-cmp-tmpl-cmp__chip\">Option 3\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-cmp__name\">Online form builder (Formester)\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-cmp__best\">\u003Cstrong>Best for:\u003C/strong> Sharing a link, collecting responses, mobile users\u003C/p>\n\u003Chr class=\"fmstr-cmp-tmpl-cmp__divider\">\n\u003Cul class=\"fmstr-cmp-tmpl-cmp__list\">\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Share via public URL or embed\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Responses land in a single dashboard\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Conditional logic and field validation\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Mobile responsive out of the box\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">E-signature built in\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Export to fillable PDF when needed\u003C/li>\n\u003C/ul>\n\u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\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__head { margin: 0 0 28px !important; }\n.fmstr-cmp-tmpl-steps__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-steps__intro { color: var(--c-fg-3); font-size: 17px !important; line-height: 1.6 !important; margin: 14px 0 0 !important; }\n.fmstr-cmp-tmpl-steps__group {\nmargin: 28px 0 0;\n}\n.fmstr-cmp-tmpl-steps__group-label {\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: 6px 12px; border-radius: 9999px;\nmargin: 0 0 14px !important;\n}\n.fmstr-cmp-tmpl-steps__list {\ndisplay: flex; flex-direction: column; gap: 14px;\nmargin: 0; padding: 0; list-style: none;\n}\n.fmstr-cmp-tmpl-steps__item {\nbackground: var(--c-card);\nborder: 1px solid var(--c-border);\nborder-radius: 14px;\npadding: 22px 24px;\nbox-shadow: var(--c-shadow);\ndisplay: flex; gap: 18px;\nalign-items: flex-start;\nmin-width: 0;\n}\n.fmstr-cmp-tmpl-steps__num {\nflex-shrink: 0;\nwidth: 38px; height: 38px; border-radius: 10px;\nbackground: var(--c-tint);\nborder: 1px solid var(--c-edge);\ncolor: var(--c-violet-700) !important;\nfont-weight: 800; font-size: 16px;\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: 17px !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\n@media (max-width: 540px) {\n.fmstr-cmp-tmpl-steps { padding: 36px 0; }\n.fmstr-cmp-tmpl-steps__item { padding: 18px 20px; gap: 14px; }\n.fmstr-cmp-tmpl-steps__num { width: 34px; height: 34px; font-size: 15px; }\n.fmstr-cmp-tmpl-steps__title { font-size: 16px !important; }\n.fmstr-cmp-tmpl-steps__body { font-size: 14.5px !important; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-tmpl-steps\" aria-labelledby=\"fmstr-cmp-tmpl-steps-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__head\">\n\u003Ch2 class=\"fmstr-cmp-tmpl-steps__h2\" id=\"fmstr-cmp-tmpl-steps-h2\">Build a fillable form in Word desktop\u003C/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__intro\">Same 4 steps on both platforms. The menu paths differ slightly on Mac, so each path is called out.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__group\">\n\u003Cp class=\"fmstr-cmp-tmpl-steps__group-label\">Windows path\u003C/p>\n\u003Col class=\"fmstr-cmp-tmpl-steps__list\">\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">1\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">Turn on the Developer tab\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">File, Options, Customize Ribbon. In the right column under Main Tabs, tick the Developer checkbox. Click OK. The Developer tab now appears in your ribbon.\u003C/p>\n\u003C/div>\n\u003C/li>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">2\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">Type your labels and questions\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Lay out the form like a normal document. Write each question or field label first. Leave a blank space after each label, that is where the content control will sit.\u003C/p>\n\u003C/div>\n\u003C/li>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">3\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">Insert content controls under each label\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Click the Developer tab, then Design Mode. Place your cursor after a label and pick a control: Plain Text or Rich Text for text answers, Check Box for yes/no, Combo Box or Drop-Down for choices, Date Picker for dates. Right-click any control and choose Properties to set the field title, default text, or list options.\u003C/p>\n\u003C/div>\n\u003C/li>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">4\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">Lock the form with Restrict Editing\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Developer, Restrict Editing. In the panel, tick \"Allow only this type of editing in the document\" and pick \"Filling in forms\". Click Yes, Start Enforcing Protection. Add a password if you want to stop layout edits. Save as .docx for editable forms, or File, Save As, PDF for a fillable PDF that opens the same in every reader.\u003C/p>\n\u003C/div>\n\u003C/li>\n\n\u003C/ol>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__group\">\n\u003Cp class=\"fmstr-cmp-tmpl-steps__group-label\">Mac path (what changes)\u003C/p>\n\u003Col class=\"fmstr-cmp-tmpl-steps__list\">\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">1\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">Turn on the Developer tab on Mac\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Click Word in the top menu bar (next to the Apple icon), then Preferences. Click Ribbon & Toolbar. In the right column, tick Developer. Click Save.\u003C/p>\n\u003C/div>\n\u003C/li>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">2\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">Insert controls (same as Windows)\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Text boxes, checkboxes, combo boxes, drop-downs, and date pickers all match the Windows controls.\u003C/p>\n\u003C/div>\n\u003C/li>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">3\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">Lock under Review, not Developer\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">On Mac, form locking lives under Review, Protect Document. Tick \"Protect document for: Filling in forms\", add a password if needed, click OK.\u003C/p>\n\u003C/div>\n\u003C/li>\n\n\u003C/ol>\n\u003C/div>\n\n\u003C/div>\n\u003C/section>\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/style>\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\">No more Word\u003C/span>\n\u003Ch2 class=\"fmstr-cmp-tmpl-midcta__h2\" id=\"fmstr-cmp-tmpl-midcta-h2\">Build a fillable form in 2 minutes, without Word\u003C/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-midcta__body\">Drag, drop, share. Respondents fill on any device, you get clean data, no print-and-scan loop.\u003C/p>\n\u003Ca class=\"fmstr-cmp-tmpl-midcta__cta\" href=\"https://app.formester.com/users/sign_up\" style=\"background: #7f56d9 !important; color: #ffffff !important; border-color: #7f56d9 !important; text-decoration: none !important;\">Start free on Formester\u003C/a>\n\u003Cp class=\"fmstr-cmp-tmpl-midcta__strip\">Free forever plan\u003Cspan>•\u003C/span>No credit card\u003Cspan>•\u003C/span>Setup in 2 minutes\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\n\u003Cstyle>\n/* host-link-override */\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;\n}\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/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' 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'/%3E%3C/svg%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\u003C/style>\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\u003C/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-faq__intro\">Common questions about making a fillable form in Microsoft Word on Windows, Mac, and the Web.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__list\">\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>How do I turn a Word document into a fillable form?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Open the document, turn on the Developer tab (File, Options, Customize Ribbon, tick Developer), then insert content controls (text box, checkbox, drop-down, date picker) under each label. Switch on Restrict Editing to lock the layout so people can only fill in the fields. Save as .docx or export to PDF for sharing.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>What is the easiest way to make a fillable form in Word?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Use a Word form template as your starting point (File, New, search \"form\") and replace the placeholder fields with your own labels. You skip the layout work and only have to swap the labels and the answer options inside each control.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>How do I create a fillable form in Word without the Developer tab?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">You cannot. Content controls only appear when the Developer tab is enabled. If you cannot enable it (locked-down corporate device, school account, Word for the Web), use a browser-based form builder instead. \u003Ca href=\"https://formester.com/form-builder/\">Formester\u003C/a> does not require Word, Office, or any install.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>How do I add a blank fillable line in Word?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">For an underline-style field, type underscores or use a borderless table with a bottom border. For a proper interactive field that captures input, use a Plain Text Content Control from the Developer tab instead. Underscores look like a form but cannot capture data.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>How do I make a fillable form in Word for Mac?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Click Word in the top menu, click Preferences, click Ribbon & Toolbar, tick Developer, click Save. The Developer tab now appears in your ribbon with the same controls as Windows. Form locking lives under Review, Protect Document on Mac, not under the Developer tab.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Why can't I edit my fillable form?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Either the document is in Protected View (click \"Enable Editing\" at the top) or someone has enforced Restrict Editing on it. To unlock: Developer, Restrict Editing, Stop Protection. You may need the original password to remove the lock.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can I make a fillable PDF from a Word form?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Yes. Build the form in Word with content controls, then go to File, Save As, and pick PDF as the format. The content controls export as interactive PDF fields that work in any PDF reader. If you want a fillable PDF without the Word step, Formester \u003Ca href=\"https://formester.com/blog/how-to-convert-pdf-to-fillable-form/\">exports forms directly to fillable PDF\u003C/a>.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>How do I collect responses from a Word fillable form?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Word does not collect responses for you. Recipients fill in the file, save it, and email it back. You then have to open each one and transfer answers manually. For automatic response collection (a single dashboard with every submission, export to Excel, email alerts), use an online form tool instead of Word.\u003C/div>\n\u003C/details>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\n\n\u003Cstyle>\n/* host-link-override */\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; text-align: left; }\n.fmstr-cmp-tmpl-rel__h2 { font-size: clamp(26px, 3vw, 36px); font-weight: 700; line-height: 1.15; letter-spacing: -.02em; margin: 0; color: var(--c-fg-1); text-align: left; }\n.fmstr-cmp-tmpl-rel__intro { color: var(--c-fg-3); font-size: 17px; line-height: 1.6; margin: 14px 0 0; text-align: left; }\n\n.fmstr-cmp-tmpl-rel__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }\n.fmstr-cmp-tmpl-rel__card {\nbackground: var(--c-card); border: 1px solid var(--c-border);\nborder-radius: 14px; padding: 22px 24px; 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; 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: 17px; font-weight: 700; color: var(--c-fg-1); margin: 0; line-height: 1.3; text-align: left; }\n.fmstr-cmp-tmpl-rel__body { font-size: 14.5px; line-height: 1.55; color: var(--c-fg-2); margin: 0; }\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: 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: 20px 22px; }\n}\n\n\n/* mobile-safety-v2 */\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/style>\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\">Skip Word, build it online\u003C/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__intro\">Drag-and-drop builder, AI form generator, and related how-to guides if you want a sharable link with response collection.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-tmpl-rel__grid\">\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https://formester.com/features/drag-and-drop-form-builder/\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Formester\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Drag-and-drop form builder\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Build a fillable form in the browser, share via link or embed, collect responses to a dashboard.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https://formester.com/ai-form-generator/\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Formester\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">AI form generator\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Describe the form in one line, get a working form back with the right field types.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https://formester.com/features/electronic-signature/\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Formester\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Electronic signature\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Add a signature field to any form. Signed PDFs auto-attach to the response record.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https://formester.com/blog/how-to-convert-pdf-to-fillable-form/\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Guide\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">How to convert a PDF to a fillable form\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Skip Word entirely and convert any flat PDF to an online fillable form.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Read\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https://formester.com/blog/how-to-add-fillable-fields-in-pdf/\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Guide\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">How to add fillable fields in a PDF\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Add text inputs, checkboxes, drop-downs, and signature fields to an existing PDF.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Read\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https://formester.com/blog/how-to-make-canva-pdf-fillable/\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Guide\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">How to make a Canva PDF fillable\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Three ways to turn a Canva-exported PDF into a fillable form with response collection.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Read\u003C/span>\n\u003C/a>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\n","2024-06-06T19:00:50.775Z","2026-06-15T04:47:45.137Z","2026-06-15T04:47:45.131Z","https://formester-strapi.s3.ap-south-1.amazonaws.com/an_illustration_of_how_to_create_a_fillable_form_in_ms_word_f0dbae3900.png",[],[162],{"id":163,"type":164},193,{"name":165,"step":166,"tool":185,"@type":189,"supply":190,"@context":92,"totalTime":194,"description":195},"How to Make a Fillable Form in Word",[167,172,176,180],{"url":168,"name":169,"text":170,"@type":171,"position":47},"https://formester.com/blog/how-to-make-a-fillable-form-in-word/#step-1-turn-on-the-developer-tab-in-word","Turn on the Developer tab","Open Word, click File, click Options, click Customize Ribbon, tick the Developer checkbox in the right column, click OK. On Mac: click Word, Preferences, Ribbon & Toolbar, tick Developer, Save.","HowToStep",{"url":173,"name":174,"text":175,"@type":171,"position":51},"https://formester.com/blog/how-to-make-a-fillable-form-in-word/#step-2-plan-the-form-before-you-open-the-developer-tab","Plan the form content","Define the form objective, the audience, the question types, and the question order before opening the Developer tab.",{"url":177,"name":178,"text":179,"@type":171,"position":53},"https://formester.com/blog/how-to-make-a-fillable-form-in-word/#step-3-insert-and-customize-fillable-fields","Insert and customize fillable fields","Click Design Mode under the Developer tab. Insert content controls under each question: Plain Text or Rich Text for text answers, Check Box for yes/no, Combo Box or Drop-Down for choices, Date Picker for dates.",{"url":181,"name":182,"text":183,"@type":171,"position":184},"https://formester.com/blog/how-to-make-a-fillable-form-in-word/#step-4-lock-the-form-with-restrict-editing-then-test-and-share","Lock the form with Restrict Editing, then test and share","On Windows: Developer, Restrict Editing, pick 'Filling in forms,' click Yes, Start Enforcing Protection. On Mac: Review, Protect Document, tick 'Protect document for: Filling in forms.' Test every field with Design Mode off. Save as .docx or export to PDF.",4,[186],{"name":187,"@type":188},"Developer tab in Word","HowToTool","HowTo",[191],{"name":192,"@type":193},"Microsoft Word (2016, 2019, 2021, 2024, or Microsoft 365)","HowToSupply","PT15M","Step-by-step guide to creating a fillable form in Microsoft Word on Windows, Mac, and the Web, including enabling the Developer tab, inserting content controls, and locking the form for filling.",298,{"text":198},"7 min read",{"title":200,"description":201,"metaTitle":200,"metaDescription":202,"keywords":203,"author":119,"authorProfile":118,"coverImgAlt":204,"featured":12,"slug":205,"body":206,"createdAt":207,"updatedAt":208,"publishedAt":142,"coverImg":209,"metaImage":210,"schema":211,"id":212,"coverImgWidth":128,"coverImgHeight":129,"readingStats":213},"How to Add Payment to a Google Form (3 Methods That Work in 2026)","Add payments to Google Forms using links, messages, or add-ons. Or try Formester for built-in payment fields, auto invoices, and better tracking.","Add Stripe or PayPal payment to a Google Form using Payable Forms, link to an external checkout, or switch to a form builder with native payments. Step-by-step.","how to add payment in google forms,\npayment forms,\ngoogle form payment,\n","a blog post cover about how to add payment options in google forms","how-to-add-payment-option-in-google-forms","\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;\n}\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\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\u003C/style>\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/p>\n\u003Cp class=\"fmstr-cmp-tmpl-tldr__body\">To add a payment option to a Google Form, install the Payable Forms add-on from the Google Workspace Marketplace and connect your Stripe or PayPal account, OR add a payment link after the form submission that redirects to an external checkout, OR switch to a form builder like Formester that has Stripe and PayPal built in. The 3 methods below cover every option with pros, cons, and step-by-step setup.\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\n\n\u003Cstyle>\n/* host-link-override */\n.fmstr-cmp-fmp-body a { text-decoration: none !important; }\n.fmstr-cmp-fmp-body {\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-600: #6941c6;\nbackground: transparent; padding: 24px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-fmp-body *, .fmstr-cmp-fmp-body *::before, .fmstr-cmp-fmp-body *::after { box-sizing: border-box; }\n.fmstr-cmp-fmp-body__container { max-width: 820px; margin: 0 auto; }\n.fmstr-cmp-fmp-body__sub { font-size: 17px !important; line-height: 1.6 !important; color: var(--c-fg-3); font-style: italic; margin: 0 0 24px !important; }\n.fmstr-cmp-fmp-body__intro p { font-size: 17px !important; line-height: 1.7 !important; color: var(--c-fg-2); margin: 0 0 16px !important; }\n.fmstr-cmp-fmp-body__intro a { color: var(--c-violet-600) !important; text-decoration: none !important; font-weight: 500; }\n.fmstr-cmp-fmp-body__intro a:hover { text-decoration: underline !important; }\n@media (max-width: 600px) {\n.fmstr-cmp-fmp-body { padding: 16px; }\n.fmstr-cmp-fmp-body__sub { font-size: 16px !important; }\n.fmstr-cmp-fmp-body__intro p { font-size: 16px !important; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-fmp-body\">\n\u003Cdiv class=\"fmstr-cmp-fmp-body__container\">\n\n\u003Cp class=\"fmstr-cmp-fmp-body__sub\">Google Forms doesn't accept payments natively. Use a Payable Forms add-on, redirect to an external checkout, or switch to a form builder with Stripe and PayPal built in.\u003C/p>\n\n\u003Cdiv class=\"fmstr-cmp-fmp-body__intro\">\n\nTo add a payment option to a Google Form, install the Payable Forms add-on from the Google Workspace Marketplace and connect your Stripe or PayPal account, OR add a payment link after the form submission that redirects to an external checkout, OR switch to a form builder like Formester that has Stripe and PayPal built in. The 3 methods below cover every option with pros, cons, and step-by-step setup.\n\n\u003C/div>\n\n\u003C/div>\n\u003C/section>\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__head { margin: 0 0 28px !important; }\n.fmstr-cmp-tmpl-steps__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-steps__intro { color: var(--c-fg-3); font-size: 17px !important; line-height: 1.6 !important; margin: 14px 0 0 !important; }\n.fmstr-cmp-tmpl-steps__list {\ndisplay: flex; flex-direction: column; gap: 14px;\ncounter-reset: step-counter;\nmargin: 0; padding: 0; list-style: none;\n}\n.fmstr-cmp-tmpl-steps__item {\nbackground: var(--c-card);\nborder: 1px solid var(--c-border);\nborder-radius: 14px;\npadding: 22px 24px;\nbox-shadow: var(--c-shadow);\ndisplay: flex; gap: 18px;\nalign-items: flex-start;\nmin-width: 0;\n}\n.fmstr-cmp-tmpl-steps__num {\nflex-shrink: 0;\nwidth: 38px; height: 38px; border-radius: 10px;\nbackground: var(--c-tint);\nborder: 1px solid var(--c-edge);\ncolor: var(--c-violet-700) !important;\nfont-weight: 800; font-size: 16px;\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: 17px !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\n@media (max-width: 540px) {\n.fmstr-cmp-tmpl-steps { padding: 36px 0; }\n.fmstr-cmp-tmpl-steps__item { padding: 18px 20px; gap: 14px; }\n.fmstr-cmp-tmpl-steps__num { width: 34px; height: 34px; font-size: 15px; }\n.fmstr-cmp-tmpl-steps__title { font-size: 16px !important; }\n.fmstr-cmp-tmpl-steps__body { font-size: 14.5px !important; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-tmpl-steps\" aria-labelledby=\"fmstr-cmp-tmpl-steps-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__head\">\n\u003Ch2 class=\"fmstr-cmp-tmpl-steps__h2\" id=\"fmstr-cmp-tmpl-steps-h2\">Pick a method and follow the steps\u003C/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__intro\">Three methods. Each has different costs, complexity, and limits.\u003C/p>\n\u003C/div>\n\u003Col class=\"fmstr-cmp-tmpl-steps__list\">\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">1\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">Method 1: Install the Payable Forms add-on\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">From Google Workspace Marketplace, install Payable Forms. Click Configure, connect Stripe or PayPal, set the form fields that determine the amount. Respondents pay after submitting.\u003C/p>\n\u003C/div>\n\u003C/li>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">2\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">Method 2: Redirect to an external checkout\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Set the form's confirmation message to include a link to a Stripe Payment Link or PayPal payment URL. After submission, respondents click the link and pay externally.\u003C/p>\n\u003C/div>\n\u003C/li>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">3\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">Method 3: Switch to a form builder with native payments\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Build the form in Formester or another form builder that has Stripe and PayPal built in. The payment happens inside the form; no add-on, no external redirect, no per-transaction add-on fee.\u003C/p>\n\u003C/div>\n\u003C/li>\n\n\u003C/ol>\n\u003C/div>\n\u003C/section>\n\n\n\u003Ciframe width=\"100%\" height=\"315\" src=\"https://www.youtube.com/embed/ZS1wpAhjaYI?si=zLNrgaR3ByTfSZRc\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen>\u003C/iframe>\n\nIf you're using \u003Cstrong>\u003Ca href=\"https://docs.google.com/forms/\">Google Forms\u003C/a>\u003C/strong> and wondering how to collect payments through it, you're in the right place. \n\nWhile Google Forms doesn’t have a built-in payment feature, you can still use a few easy tricks to collect money safely and quickly.\n\nIn this blog post, I’ll show you \u003Cstrong>three simple methods\u003C/strong> to add a payment option to your Google Form. You’ll also learn the pros and cons of each method, so you can pick the one that works best for you.\n\n## 1. Add a Payment Link Into Your Form\n\nThis is the most direct method. All you need to do is include a payment link inside your form. For example, if you're using PayPal, your link might look like this:\n\nhttps://www.paypal.com/paypalme/yourusername/25\n\n\u003Cstrong>You can paste this link\u003C/strong> inside a question, description, or a paragraph field. Tell users to click the link, make the payment, and then return to the form to submit their answers.\n\n### Pros:\n\n- Very easy to set up\n\n- No extra tools or apps needed\n\n- Works with PayPal, Stripe, Razorpay, or any payment service that gives you a link\n\n### Cons:\n\n- Users have to leave the form to complete the payment\n\n- There’s no way to check if someone actually paid unless you check manually\n\n- Not great for automating or tracking payments\n\n## 2. Redirect Users to Payment in the Confirmation Message\n\nOnce someone fills out your form and hits \"Submit\", they see a confirmation message. You can customize that message and add your payment link there. For example:\n\nThanks for submitting. Please complete your payment here: [PayPal Link]\n\nThis method feels smoother than the first one because people don’t see the payment link until after they fill out the form.\n\n### Pros:\n\n- Looks more professional\n\n- Keeps users focused on filling out the form first\n\n- Simple to set up with no add-ons or tools\n\n### Cons:\n\n- Still no way to confirm if payment was made\n\n- You have to check payment records manually\n\n- Users might skip payment after submitting the form\n\n## 3. Use Add-ons That Support Payments\n\nSome Google Forms add-ons allow you to collect payments directly from your form. Add-ons like \u003Cstrong>Payable Forms\u003C/strong> or \u003Cstrong>Formfacade\u003C/strong> + Stripe let you connect a payment service and collect money as part of the form process.\n\nYou’ll find these add-ons in the Google Workspace Marketplace.\n\n### Pros:\n\n- More professional and streamlined\n\n- Users can pay directly while filling out the form\n\n- Helps reduce fraud and missed payments\n\n- Some add-ons support automatic receipts and reports\n\n### Cons:\n\n- Setup takes more time\n\n- Some add-ons require a paid plan\n\n- Might feel a bit complex for beginners\n\n## How To Add Payments in Formester\nIf you want an easier and more powerful way to collect payments through your forms, Formester is your best option. \n\nUnlike Google Forms, \u003Cstrong>\u003Ca href=\"/features/online-payments/\">Formester has built-in payment integration\u003C/a>\u003C/strong>, so you don’t need any hacks, third party tools, or extra steps. And yes, this feature is available even on the free plan.\n\nHere’s how you can start collecting payments using Formester in just a few steps:\n\n### Step 1: Use AI Form Generator to Create Your Form\n\nStart by heading to Formester and clicking on “\u003Cstrong>\u003Ca href=\"/ai-form-generator/\">AI Form Generator\u003C/a>\u003C/strong>.” \n\nJust describe the kind of form you want, like “\u003Cstrong>Event registration with payment\u003C/strong>,” and let the AI build your form for you. This saves a lot of time, especially if you’re not sure how to structure your form.\n\n### Step 2: Click on “Add Elements”\n\nOnce your form is created, you can customize it by clicking on the “\u003Cstrong>Add Elements\u003C/strong>” button. This is where you add fields like name, email, product selection, or anything else you need.\n\n### Step 3: Add a Stripe or PayPal Payment Field\n\nFrom the element list, \u003Cstrong>drag and drop\u003C/strong> the Stripe or PayPal payment field into your form. You can set the amount to be fixed, let users choose from multiple options, or even enter a custom amount.\n\n### Step 4: Connect Your Payment Platform\n\nNext, \u003Cstrong>integrate your payment account with Formester\u003C/strong>. Go to Payment Integrations, and connect your Stripe or PayPal account. \n\nThis only takes a minute, and once it's done, payments go directly to your account.\n\n### Step 5: Share or Embed Your Form\n\nWhen your form is ready, hit “\u003Cstrong>Publish\u003C/strong>.” You can \u003Cstrong>share the link or embed the form\u003C/strong> directly on your website. It works smoothly on mobile, tablet, and desktop.\n\n## Why Formester Is Better for Payments\n\n- \u003Cstrong>No Addons Needed:\u003C/strong> Everything works out of the box. Just drag, drop, and connect.\n\n- \u003Cstrong>Free Plan Includes Payment Integration:\u003C/strong> You don’t have to upgrade just to collect money.\n\n- \u003Cstrong>Smarter Dashboard:\u003C/strong> Unlike Google Forms, Formester gives you a detailed dashboard where you can track responses and payments in one place.\n\n- \u003Cstrong>Automated Invoices:\u003C/strong> You can automatically generate and send invoices using the Custom PDF Editor which is perfect for small businesses, freelancers, and event organizers.\n\nIf you’re serious about collecting \u003Cstrong>\u003Ca href=\"/templates/categories/payment-forms/\">payments through forms\u003C/a>\u003C/strong>, skip the workarounds and start with a tool built for the job. \n\n## Final Thoughts\n\nIf you want a quick and easy fix, go with the payment link inside the form or confirmation message. But if you need a reliable way to track payments and reduce fraud, using an add-on is your best bet.\n\nChoose what works best for your needs. Just remember to make your instructions clear so people know exactly when and how to pay.\n\nAnd if you’re tired of workarounds and want a form builder with built-in payment options, \u003Cstrong>\u003Ca href=\"https://app.formester.com/users/sign_up\">check out Formester\u003C/a>\u003C/strong>. It lets you collect payments, create beautiful forms, and automate everything, all in one place. No add-ons needed.\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; font-weight: 700; letter-spacing: 0.08em;\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; font-weight: 700; color: var(--c-fg-1);\nmargin: 0; line-height: 1.3;\n}\n.fmstr-cmp-tmpl-cmp__best {\nfont-size: 13.5px; color: var(--c-fg-3); margin: 0;\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; padding: 0; list-style: none;\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; line-height: 1.5; color: var(--c-fg-2);\n}\n.fmstr-cmp-tmpl-cmp__item::before {\ncontent: \"✓\"; flex-shrink: 0;\ncolor: var(--c-good); font-weight: 700; line-height: 1.45;\n}\n.fmstr-cmp-tmpl-cmp__item--con::before { content: \"✗\"; 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\u003C/style>\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\">The 3 methods compared\u003C/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-cmp__intro\">Pick by transaction volume, customization needs, and total cost.\u003C/p>\n\u003C/div>\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/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-cmp__name\">Payable Forms add-on\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-cmp__best\">\u003Cstrong>Best for:\u003C/strong> Light volume on top of Google Forms\u003C/p>\n\u003Chr class=\"fmstr-cmp-tmpl-cmp__divider\">\n\u003Cul class=\"fmstr-cmp-tmpl-cmp__list\">\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Works inside Google Forms\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Stripe + PayPal supported\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Setup under 10 minutes\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item fmstr-cmp-tmpl-cmp__item--con\">Free tier capped at 10 transactions/mo\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item fmstr-cmp-tmpl-cmp__item--con\">$9/mo for unlimited\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item fmstr-cmp-tmpl-cmp__item--con\">Limited price-calculation logic\u003C/li>\n\u003C/ul>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-cmp__card\">\n\u003Cspan class=\"fmstr-cmp-tmpl-cmp__chip\">Method 2\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-cmp__name\">Redirect to external checkout\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-cmp__best\">\u003Cstrong>Best for:\u003C/strong> Tiny volume or one-off use\u003C/p>\n\u003Chr class=\"fmstr-cmp-tmpl-cmp__divider\">\n\u003Cul class=\"fmstr-cmp-tmpl-cmp__list\">\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">No add-on or extra fee\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Works with any payment provider\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item fmstr-cmp-tmpl-cmp__item--con\">Breaks the submit-pay flow into two steps\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item fmstr-cmp-tmpl-cmp__item--con\">Drop-off between submit and pay\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item fmstr-cmp-tmpl-cmp__item--con\">No payment status in form responses\u003C/li>\n\u003C/ul>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-cmp__card fmstr-cmp-tmpl-cmp__card--featured\">\n\u003Cspan class=\"fmstr-cmp-tmpl-cmp__chip\">Method 3\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-cmp__name\">Formester native payments\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-cmp__best\">\u003Cstrong>Best for:\u003C/strong> Real product orders, recurring events, calculated pricing\u003C/p>\n\u003Chr class=\"fmstr-cmp-tmpl-cmp__divider\">\n\u003Cul class=\"fmstr-cmp-tmpl-cmp__list\">\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Stripe + PayPal built in (no add-on)\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Calculated and tiered pricing\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">Automated receipts\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item\">One-click refunds from the dashboard\u003C/li>\n\u003Cli class=\"fmstr-cmp-tmpl-cmp__item fmstr-cmp-tmpl-cmp__item--con\">Requires switching from Google Forms\u003C/li>\n\u003C/ul>\n\u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\n\n\u003Cstyle>\n/* host-link-override */\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;\n}\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/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' 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'/%3E%3C/svg%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\u003C/style>\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\u003C/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-faq__intro\">Common questions about collecting payments through a Google Form.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__list\">\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can Google Forms accept payments?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Not natively. Google Forms doesn't include payment processing. To accept payments, install the Payable Forms add-on, redirect to an external Stripe or PayPal checkout, or use a form builder with native payments like Formester.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>How do I add Stripe to a Google Form?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Install the Payable Forms add-on from the Google Workspace Marketplace, click Configure, connect your Stripe account, set the form fields that determine the amount, and publish. Respondents are taken to Stripe checkout after submitting.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>How do I add PayPal to a Google Form?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">The Payable Forms add-on supports PayPal alongside Stripe. Connect your PayPal account in the add-on settings. Alternatively, redirect respondents to a PayPal payment link after they submit the form.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>How much does it cost to add payments to Google Forms?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Payable Forms is free for up to 10 transactions/month, then $9/mo for unlimited. Stripe charges 2.9% + 30 cents per transaction. PayPal charges 3.5% + 49 cents per transaction. Formester's payment feature is free on Personal tier ($13/mo) with no per-transaction add-on fees.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can Google Forms calculate a dynamic price based on answers?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Not natively. The Payable Forms add-on supports basic calculated pricing (sum of selected fields). For complex pricing logic (tiered, conditional, multi-line discounts), use Formester's calculation fields.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can I issue a receipt automatically after a Google Forms payment?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">With Payable Forms, you can configure an automated receipt email. Or set up a Google Apps Script to send a receipt after each submission. Formester's autoresponder includes receipt-style email templates out of the box.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Is it secure to take payments through Google Forms?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Yes, when using a payment add-on or external checkout, the actual card data is processed by Stripe or PayPal, not stored in Google Forms. Never ask for credit card numbers in a plain Google Form field.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can I track who paid in Google Forms?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Each submission with the Payable Forms add-on includes the payment status. Filter responses by status in the linked Google Sheet, or check the add-on's payment dashboard.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>What's the best alternative to Google Forms for payments?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Formester includes Stripe and PayPal built in (no add-on, no extra fee), supports calculated and tiered pricing, sends receipts automatically, and offers full refund handling from the dashboard.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can I refund a Google Forms payment?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Refunds happen in Stripe or PayPal directly, not in Google Forms. Open the payment in Stripe/PayPal and click Refund. With Formester, refunds are handled from the response dashboard with one click.\u003C/div>\n\u003C/details>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\n\n\u003Cstyle>\n/* host-link-override */\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;\n}\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\u003C/style>\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/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__intro\">See built-in payments on Formester plus payment-form templates.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-tmpl-rel__grid\">\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https://formester.com/features/online-payments/\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Formester\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Online payments feature\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Continue the workflow on Formester.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https://formester.com/templates/categories/payment-forms/\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Formester\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Payment form templates\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Continue the workflow on Formester.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https://formester.com/templates/categories/order-forms/\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Formester\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Order form templates\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Continue the workflow on Formester.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https://formester.com/blog/best-payment-gateways-ecommerce/\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Formester\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Best payment gateways\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Continue the workflow on Formester.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C/span>\n\u003C/a>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\n\n\u003Cscript type=\"application/ld+json\">{\"@context\": \"https://schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"Can Google Forms accept payments?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Not natively. Google Forms doesn't include payment processing. To accept payments, install the Payable Forms add-on, redirect to an external Stripe or PayPal checkout, or use a form builder with native payments like Formester.\"}}, {\"@type\": \"Question\", \"name\": \"How do I add Stripe to a Google Form?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Install the Payable Forms add-on from the Google Workspace Marketplace, click Configure, connect your Stripe account, set the form fields that determine the amount, and publish. Respondents are taken to Stripe checkout after submitting.\"}}, {\"@type\": \"Question\", \"name\": \"How do I add PayPal to a Google Form?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"The Payable Forms add-on supports PayPal alongside Stripe. Connect your PayPal account in the add-on settings. Alternatively, redirect respondents to a PayPal payment link after they submit the form.\"}}, {\"@type\": \"Question\", \"name\": \"How much does it cost to add payments to Google Forms?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Payable Forms is free for up to 10 transactions/month, then 13/mo) with no per-transaction add-on fees.\"}}, {\"@type\": \"Question\", \"name\": \"Can Google Forms calculate a dynamic price based on answers?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Not natively. The Payable Forms add-on supports basic calculated pricing (sum of selected fields). For complex pricing logic (tiered, conditional, multi-line discounts), use Formester's calculation fields.\"}}, {\"@type\": \"Question\", \"name\": \"Can I issue a receipt automatically after a Google Forms payment?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"With Payable Forms, you can configure an automated receipt email. Or set up a Google Apps Script to send a receipt after each submission. Formester's autoresponder includes receipt-style email templates out of the box.\"}}, {\"@type\": \"Question\", \"name\": \"Is it secure to take payments through Google Forms?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes, when using a payment add-on or external checkout — the actual card data is processed by Stripe or PayPal, not stored in Google Forms. Never ask for credit card numbers in a plain Google Form field.\"}}, {\"@type\": \"Question\", \"name\": \"Can I track who paid in Google Forms?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Each submission with the Payable Forms add-on includes the payment status. Filter responses by status in the linked Google Sheet, or check the add-on's payment dashboard.\"}}, {\"@type\": \"Question\", \"name\": \"What's the best alternative to Google Forms for payments?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Formester includes Stripe and PayPal built in (no add-on, no extra fee), supports calculated and tiered pricing, sends receipts automatically, and offers full refund handling from the dashboard.\"}}, {\"@type\": \"Question\", \"name\": \"Can I refund a Google Forms payment?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Refunds happen in Stripe or PayPal directly, not in Google Forms. Open the payment in Stripe/PayPal and click Refund. With Formester, refunds are handled from the response dashboard with one click.\"}}]}\u003C/script>\n\u003Cscript type=\"application/ld+json\">{\"@context\": \"https://schema.org\", \"@type\": \"Article\", \"headline\": \"How to Add Payment to a Google Form (3 Methods)\", \"description\": \"Add Stripe or PayPal payment to a Google Form using Payable Forms, link to an external checkout, or switch to a form builder with native payments. Step-by-step.\", \"author\": {\"@type\": \"Person\", \"name\": \"Harish Kumar\", \"url\": \"https://www.linkedin.com/in/harish-kumar2424/\"}, \"publisher\": {\"@type\": \"Organization\", \"name\": \"Formester\", \"logo\": {\"@type\": \"ImageObject\", \"url\": \"https://formester.com/logo.svg\"}}, \"dateModified\": \"2026-06-05\"}\u003C/script>\n\u003Cscript type=\"application/ld+json\">{\"@context\": \"https://schema.org\", \"@type\": \"BreadcrumbList\", \"itemListElement\": [{\"@type\": \"ListItem\", \"position\": 1, \"name\": \"Home\", \"item\": \"https://formester.com/\"}, {\"@type\": \"ListItem\", \"position\": 2, \"name\": \"Blog\", \"item\": \"https://formester.com/blog/\"}, {\"@type\": \"ListItem\", \"position\": 3, \"name\": \"How to Add Payment to a Google Form (3 Methods)\", \"item\": \"https://formester.com/blog/how-to-add-payment-option-in-google-forms/\"}]}\u003C/script>\n\u003Cscript type=\"application/ld+json\">{\"@context\": \"https://schema.org\", \"@type\": \"VideoObject\", \"name\": \"How to Add Payment to a Google Form (3 Methods)\", \"description\": \"Add Stripe or PayPal payment to a Google Form using Payable Forms, link to an external checkout, or switch to a form builder with native payments. Step-by-step.\", \"thumbnailUrl\": \"https://img.youtube.com/vi/ZS1wpAhjaYI/maxresdefault.jpg\", \"uploadDate\": \"2025-05-15\", \"contentUrl\": \"https://www.youtube.com/watch?v=ZS1wpAhjaYI\", \"embedUrl\": \"https://www.youtube.com/embed/ZS1wpAhjaYI\"}\u003C/script>","2025-05-19T03:24:54.590Z","2026-06-08T11:38:33.669Z","https://formester-strapi.s3.ap-south-1.amazonaws.com/45_8e6bf5f28c.png",[],[],1431,{"text":131},1781512974803]