[{"data":1,"prerenderedAt":289},["ShallowReactive",2],{"blog-wpforms-review":3},{"blogData":4,"relatedArticles":134},{"id":5,"title":6,"description":7,"metaTitle":8,"metaDescription":9,"keywords":10,"author":11,"authorProfile":12,"coverImgAlt":13,"featured":14,"slug":15,"body":16,"createdAt":17,"updatedAt":18,"publishedAt":19,"coverImg":20,"metaImage":21,"schema":22,"coverImgWidth":130,"coverImgHeight":131,"readingStats":132},1842,"WPForms Review 2026: The Honest Take After 30 Days","Hands-on WPForms review in 2026. Full breakdown of 4-tier annual pricing ($49/$99/$199/$299/year), editor UX, 30+ first-party add-ons, WordPress-only reality, real-world use cases, honest weaknesses, and when Formester is the better pick.","WPForms Review 2026: Honest Take + Screenshots | Formester","Honest WPForms review after 30 days: pricing tiers, editor UX, add-ons, WordPress lock-in, pros / cons, and when Formester wins instead.","wpforms review, wpforms pricing, is wpforms good, wpforms vs gravity forms, wpforms alternative","Harish Kumar","https://www.linkedin.com/in/harish-kumar2424/","WPForms 2026 review with pros, cons, pricing, and alternatives",false,"wpforms-review","![WPForms 2026 review with pros, cons, pricing, and alternatives](https://formester-strapi.s3.ap-south-1.amazonaws.com/wpforms_review_a45edf6ebd.png)\n\n\u003Ch2>The 60-second verdict\u003C/h2>\n\n\u003Cp style=\"font-size: inherit;\">\u003Cstrong>What WPForms is:\u003C/strong> A premium WordPress form plugin from Awesome Motive (the company behind OptinMonster, WPBeginner, MonsterInsights). $49 to $299 per year, plus a limited free version called WPForms Lite. The most popular WordPress form plugin by install count (6 million+ active installs per the WordPress plugin repo).\u003C/p>\n\n\u003Cp>\u003Cstrong>What it gets right:\u003C/strong> Best onboarding UX among WordPress form plugins, extensive template library, native Stripe payments on Pro, and the deepest first-party marketing-tool integrations (MailChimp, ActiveCampaign, Salesforce, HubSpot, ConvertKit).\u003C/p>\n\n\u003Cp>\u003Cstrong>What it gets wrong:\u003C/strong> Aggressive upsells inside the plugin admin (constant nag notices for higher tiers and sister products), pricing has crept up meaningfully in the last three years ($199 → $299 for Elite), and Salesforce / HubSpot / Zapier integrations are all Pro-tier or above ($199+/year).\u003C/p>\n\n\u003Cp>\u003Cstrong>Bottom line:\u003C/strong> If your site is WordPress and you value onboarding polish over raw power, WPForms is a strong choice at the Pro tier ($199/year). If you want maximum feature depth on WordPress, Gravity Forms Elite ($259/year for unlimited sites) is the better technical pick. If you're not on WordPress or want a hosted SaaS with unlimited responses on free, use \u003Ca href=\"https://formester.com/\">Formester\u003C/a>.\u003C/p>\n\n\u003Cp>\u003Cstrong>G2 rating:\u003C/strong> \u003Ca href=\"https://www.g2.com/products/wpforms/reviews\">4.7/5 (971 reviews)\u003C/a>\u003C/p>\n\n\n\u003Ch2>What WPForms is (and isn't)\u003C/h2>\n\n\u003Cp>WPForms is a \u003Cstrong>WordPress plugin\u003C/strong>. Not a SaaS, not a cloud service. You install it on your WordPress site, it lives in your WP admin, and every form submission lands in your WordPress database.\u003C/p>\n\n\u003Cp>Distinctions:\u003C/p>\n\n\u003Cul>\n\u003Cli>\u003Cstrong>Not applicable if you're on Webflow, Framer, Squarespace, Shopify, or any non-WordPress CMS.\u003C/strong> WPForms will not install on those platforms.\u003C/li>\n\u003Cli>\u003Cstrong>Not a headless form service.\u003C/strong> There's no API-first mode; the plugin assumes WordPress rendering.\u003C/li>\n\u003Cli>\u003Cstrong>Not free-forever in any meaningful sense.\u003C/strong> WPForms Lite (free) has significant limits; the value tier is Pro ($199/year).\u003C/li>\n\u003C/ul>\n\n\u003Cp>If your site is WordPress, keep reading. If not, use Formester, Fillout, or a native form for your CMS.\u003C/p>\n\n\n\u003Ch2>Pricing: 4 tiers, all annual (with renewal-discount catches)\u003C/h2>\n\n\u003Cp>WPForms is priced per year. Renewals typically get a smaller discount than the first-year promotional price.\u003C/p>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\u003Cth>Plan\u003C/th>\u003Cth>First year\u003C/th>\u003Cth>Renewal\u003C/th>\u003Cth>Sites\u003C/th>\u003Cth>Highlights\u003C/th>\u003C/tr>\n\u003C/thead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>\u003Cstrong>Basic\u003C/strong>\u003C/td>\u003Ctd>$49/year\u003C/td>\u003Ctd>~$79/year\u003C/td>\u003Ctd>1 site\u003C/td>\u003Ctd>Basic form types, no payments, no CRM integrations\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>\u003Cstrong>Plus\u003C/strong>\u003C/td>\u003Ctd>$99/year\u003C/td>\u003Ctd>~$199/year\u003C/td>\u003Ctd>3 sites\u003C/td>\u003Ctd>MailChimp + AWeber + GetResponse integrations\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>\u003Cstrong>Pro\u003C/strong>\u003C/td>\u003Ctd>$199/year\u003C/td>\u003Ctd>~$399/year\u003C/td>\u003Ctd>5 sites\u003C/td>\u003Ctd>Payments (Stripe, Square, PayPal), most add-ons\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>\u003Cstrong>Elite\u003C/strong>\u003C/td>\u003Ctd>$299/year\u003C/td>\u003Ctd>~$599/year\u003C/td>\u003Ctd>Unlimited sites\u003C/td>\u003Ctd>Salesforce, HubSpot, ActiveCampaign, all add-ons, priority support\u003C/td>\u003C/tr>\n\u003C/tbody>\n\u003C/table>\n\u003C/div>\n\n\u003Cp>\u003Cstrong>Watch the renewal pricing.\u003C/strong> First-year discounts are 50%+ off, so year 2 costs double what year 1 did. Budget accordingly.\u003C/p>\n\n\u003Cp>\u003Cstrong>The Pro tier is the real value pick\u003C/strong> for a single-site or small-agency workflow. Payments + most add-ons at $199/year (first year) is cheaper than a $34/month Jotform Bronze plan when annualized ($408/year).\u003C/p>\n\n\u003Cp>\u003Cstrong>Elite is the tier you want\u003C/strong> if you run 5+ WordPress sites or need Salesforce / HubSpot integration.\u003C/p>\n\n\n\u003Ch2>Editor and builder experience\u003C/h2>\n\n\u003Cp>The WPForms form builder is a three-panel layout: field library on the left, form canvas in the middle, field settings on the right. Drag-and-drop between panels.\u003C/p>\n\n\u003Cp>\u003Cstrong>What it does well:\u003C/strong>\u003C/p>\n\n\u003Cul>\n\u003Cli>Onboarding is genuinely nice for a WordPress plugin: setup wizard, templated forms, sensible defaults\u003C/li>\n\u003Cli>500+ pre-built templates spanning contact, feedback, surveys, registrations, applications\u003C/li>\n\u003Cli>Native Stripe integration on Pro (add-on for payments, no third-party plugin needed)\u003C/li>\n\u003Cli>Multi-page forms with progress bar\u003C/li>\n\u003Cli>Anti-spam built in (honeypot, Google reCAPTCHA v2/v3, hCaptcha, Cloudflare Turnstile)\u003C/li>\n\u003C/ul>\n\n\u003Cp>\u003Cstrong>What feels aggressive:\u003C/strong>\u003C/p>\n\n\u003Cul>\n\u003Cli>Constant upsell notices inside the plugin admin: \"Upgrade to Pro for X\", \"Try MonsterInsights\", \"Try OptinMonster\"\u003C/li>\n\u003Cli>Templates library filters templates you can't use on lower tiers, showing them as blurred-out cards\u003C/li>\n\u003Cli>Onboarding wizard nudges you toward Pro upgrade at every step\u003C/li>\n\u003Cli>Renewal reminders start 60 days out with dark-pattern language about \"urgent\" upgrades\u003C/li>\n\u003C/ul>\n\n\u003Cp>\u003Cstrong>What feels dated:\u003C/strong>\u003C/p>\n\n\u003Cul>\n\u003Cli>UI polish is good for a WordPress plugin, but the interaction model still feels 2019\u003C/li>\n\u003Cli>Mobile preview is inside a modal, not live side-by-side\u003C/li>\n\u003Cli>Real-time form preview requires a manual \"Preview\" click\u003C/li>\n\u003C/ul>\n\n\n\u003Ch2>Add-ons: 30+ first-party integrations\u003C/h2>\n\n\u003Cp>WPForms' add-ons library is deep, but most useful add-ons require Pro or Elite tier.\u003C/p>\n\n\u003Cp>\u003Cstrong>Payment gateways (Pro):\u003C/strong>\u003C/p>\n\n\u003Cul>\n\u003Cli>Stripe (subscriptions + one-time)\u003C/li>\n\u003Cli>Square\u003C/li>\n\u003Cli>PayPal Commerce\u003C/li>\n\u003Cli>Authorize.Net (Elite)\u003C/li>\n\u003C/ul>\n\n\u003Cp>\u003Cstrong>Marketing + CRM (Plus + Pro + Elite):\u003C/strong>\u003C/p>\n\n\u003Cul>\n\u003Cli>MailChimp (Plus)\u003C/li>\n\u003Cli>AWeber (Plus)\u003C/li>\n\u003Cli>GetResponse (Plus)\u003C/li>\n\u003Cli>Constant Contact (Pro)\u003C/li>\n\u003Cli>ActiveCampaign (Elite)\u003C/li>\n\u003Cli>Salesforce (Elite)\u003C/li>\n\u003Cli>HubSpot (Elite)\u003C/li>\n\u003Cli>ConvertKit (Elite)\u003C/li>\n\u003C/ul>\n\n\u003Cp>\u003Cstrong>Utility (mostly Pro + Elite):\u003C/strong>\u003C/p>\n\n\u003Cul>\n\u003Cli>User Registration (Pro): create a WP user from a form submission\u003C/li>\n\u003Cli>Post Submissions (Pro): create WP posts / CPTs from form submissions\u003C/li>\n\u003Cli>Webhooks (Elite): send POST payloads to any URL\u003C/li>\n\u003Cli>Zapier (Pro): connect to 5,000+ non-native tools\u003C/li>\n\u003Cli>Custom Captcha (Plus): math or question captcha\u003C/li>\n\u003Cli>Signature (Pro): draw-to-sign field\u003C/li>\n\u003Cli>File Upload (Basic + up): standard file uploads\u003C/li>\n\u003Cli>Surveys and Polls (Pro): NPS + Likert + rating scales\u003C/li>\n\u003C/ul>\n\n\u003Cp>\u003Cstrong>The catch:\u003C/strong> most useful add-ons (Zapier, Webhooks, Salesforce, HubSpot, ActiveCampaign) require Pro at minimum, and Salesforce / HubSpot require Elite.\u003C/p>\n\n\n\u003Cdiv style=\"background: #F5F3FF; border: 1px solid #E9D5FF; border-radius: 24px; padding: clamp(28px, 5vw, 56px) clamp(20px, 4vw, 48px); margin: 40px 0; text-align: center; font-family: inherit;\">\n\u003Cdiv style=\"display: inline-block; background: #FFFFFF; border: 1px solid #E9D5FF; border-radius: 9999px; padding: 6px 16px; font-size: 12px; font-weight: 700; color: #6941C6; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 22px;\">Formester\u003C/div>\n\u003Ch3 style=\"color: #0F172A !important; font-size: clamp(24px, 3.4vw, 36px); line-height: 1.2; font-weight: 700; margin: 0 auto 14px; max-width: 720px; font-family: inherit;\">Skip the WordPress plugin treadmill\u003C/h3>\n\u003Cp style=\"color: #475467; font-size: clamp(15px, 1.5vw, 17px); line-height: 1.55; margin: 0 auto 28px; max-width: 600px; font-family: inherit;\">Formester is hosted SaaS with unlimited responses on free. No plugin updates, no PHP compatibility, no security patch races. Embeds on any CMS, WordPress or not.\u003C/p>\n\u003Cp style=\"margin: 0;\">\u003Ca href=\"https://app.formester.com/users/sign_up\" style=\"display: inline-block; background: #7f56d9 !important; color: #ffffff !important; text-decoration: none !important; padding: 14px 28px; border-radius: 9999px; font-weight: 600; font-size: 16px; font-family: inherit;\">Try Formester free \u003Cspan aria-hidden=\"true\" style=\"margin-left: 4px;\">→\u003C/span>\u003C/a>\u003C/p>\n\u003Cp style=\"margin: 22px 0 0; font-size: 13px; color: #697586; font-family: inherit;\">Free forever plan \u003Cspan style=\"color: #C4B5FD;\">•\u003C/span> No credit card \u003Cspan style=\"color: #C4B5FD;\">•\u003C/span> Setup in 2 minutes\u003C/p>\n\u003C/div>\n\n\u003Ch2>Real-world use cases where WPForms wins\u003C/h2>\n\n\u003Cp>\u003Cstrong>1. WordPress-based contact and lead-capture forms.\u003C/strong> Onboarding is the friendliest of any WordPress form plugin. Non-technical WP admins can ship a working contact form in 15 minutes.\u003C/p>\n\n\u003Cp>\u003Cstrong>2. WordPress user registration + Stripe subscription.\u003C/strong> User Registration add-on + Stripe subscription (Pro plan) is a clean self-hosted membership site foundation.\u003C/p>\n\n\u003Cp>\u003Cstrong>3. WPForms + MailChimp / ConvertKit / ActiveCampaign lead capture.\u003C/strong> First-party integrations mean the field mapping is tighter than Zapier-based alternatives on Gravity Forms Basic.\u003C/p>\n\n\u003Cp>\u003Cstrong>4. Multi-page application or feedback forms.\u003C/strong> Progress bar, conditional logic, save-and-continue-later add-on for a serious intake form.\u003C/p>\n\n\u003Cp>\u003Cstrong>5. Small e-commerce order flows.\u003C/strong> Product picker + Stripe / PayPal + confirmation email is faster to configure than WooCommerce for simple one-off product sales.\u003C/p>\n\n\n\u003Ch2>Where WPForms falls short\u003C/h2>\n\n\u003Cp>\u003Cstrong>1. WordPress-only.\u003C/strong> Doesn't install anywhere else.\u003C/p>\n\n\u003Cp>\u003Cstrong>2. Aggressive upsells inside the plugin.\u003C/strong> Every admin page has nag notices. Fine for hobby sites, distracting on production sites.\u003C/p>\n\n\u003Cp>\u003Cstrong>3. Renewal pricing catches.\u003C/strong> First-year discount is 50%+ off. Year 2 costs 2x what year 1 did.\u003C/p>\n\n\u003Cp>\u003Cstrong>4. Salesforce + HubSpot require Elite.\u003C/strong> For teams on Pro tier who use enterprise CRMs, this is a workflow break.\u003C/p>\n\n\u003Cp>\u003Cstrong>5. AI form generation is not shipped as of 2026.\u003C/strong> Formester, Jotform, Typeform, and Fillout all have AI generation; WPForms does not.\u003C/p>\n\n\u003Cp>\u003Cstrong>6. Response management is basic.\u003C/strong> Entries dashboard is a WordPress admin table. No card view, no drag-to-status Kanban.\u003C/p>\n\n\u003Cp>\u003Cstrong>7. No hosted / cloud version.\u003C/strong> Every submission lives in your WordPress database. If your WP site goes down, form submissions stop.\u003C/p>\n\n\n\u003Ch2>Pros and cons summary\u003C/h2>\n\n\u003Cp>\u003Cstrong>Pros\u003C/strong>\u003C/p>\n\n\u003Cul>\n\u003Cli>Best onboarding UX among WordPress form plugins\u003C/li>\n\u003Cli>500+ templates\u003C/li>\n\u003Cli>Native Stripe payments on Pro\u003C/li>\n\u003Cli>Deep marketing-tool integrations (MailChimp, ActiveCampaign, ConvertKit)\u003C/li>\n\u003Cli>4.7/5 on G2 with 971 reviews (strong sentiment)\u003C/li>\n\u003Cli>6M+ active installs (most popular WP form plugin)\u003C/li>\n\u003Cli>Free WPForms Lite plugin for basic forms\u003C/li>\n\u003Cli>Anti-spam built in (honeypot, reCAPTCHA, hCaptcha, Turnstile)\u003C/li>\n\u003C/ul>\n\n\u003Cp>\u003Cstrong>Cons\u003C/strong>\u003C/p>\n\n\u003Cul>\n\u003Cli>WordPress-only\u003C/li>\n\u003Cli>Aggressive upsells inside the plugin admin\u003C/li>\n\u003Cli>Renewal pricing 2x first-year cost\u003C/li>\n\u003Cli>Most useful add-ons (Zapier, Webhooks, Salesforce, HubSpot) require Pro or Elite\u003C/li>\n\u003Cli>AI form generation not shipped as of 2026\u003C/li>\n\u003Cli>Response analytics are basic\u003C/li>\n\u003Cli>No cloud / hosted version\u003C/li>\n\u003C/ul>\n\n\n\u003Ch2>When Formester is the better pick\u003C/h2>\n\n\u003Cp>\u003Cstrong>If your site isn't WordPress.\u003C/strong> Formester ships forms that embed on any CMS with a one-line snippet. WPForms cannot install anywhere except WordPress.\u003C/p>\n\n\u003Cp>\u003Cstrong>If you want unlimited responses on a free plan.\u003C/strong> Formester's free plan is unlimited forms + unlimited responses + AI generation. WPForms Lite is significantly restricted (basic field types only, no payments, no CRM).\u003C/p>\n\n\u003Cp>\u003Cstrong>If you want AI form generation.\u003C/strong> Formester ships AI generation from prompt / PDF / question list. WPForms has no AI generation as of 2026.\u003C/p>\n\n\u003Cp>\u003Cstrong>If you don't want to maintain a WordPress plugin.\u003C/strong> Formester is a hosted SaaS. No plugin updates, no PHP compatibility, no security patch races.\u003C/p>\n\n\u003Cp>\u003Cstrong>If you want offline mode.\u003C/strong> Formester ships native offline mode across every plan. WPForms requires the site to be online.\u003C/p>\n\n\u003Cp>Full switching guide: \u003Ca href=\"https://formester.com/wp-forms-alternative/\">Formester vs WPForms\u003C/a>.\u003C/p>\n\n\n\u003Ch2>When WPForms is the better pick\u003C/h2>\n\n\u003Cp>\u003Cstrong>Your site is WordPress and staying WordPress.\u003C/strong> WPForms is well-supported, actively maintained, and the onboarding is the friendliest in the WP form plugin space.\u003C/p>\n\n\u003Cp>\u003Cstrong>You're an agency running multiple WordPress client sites.\u003C/strong> Elite tier at $299/year (first year) for unlimited sites is genuinely cheap for a shop running 20+ WP sites. Renewal at ~$599/year is still competitive.\u003C/p>\n\n\u003Cp>\u003Cstrong>Non-technical admins are managing the forms.\u003C/strong> WPForms' onboarding is meaningfully better than Gravity Forms for non-developer admins.\u003C/p>\n\n\u003Cp>\u003Cstrong>Your marketing stack is MailChimp / ConvertKit / ActiveCampaign.\u003C/strong> First-party integrations are cleaner than Gravity Forms' Zapier-only path for some of these tools.\u003C/p>\n\n\n\u003Csection class=\"faq\">\n\u003Ch2>FAQs\u003C/h2>\n\u003Cdetails>\u003Csummary>Is WPForms worth the money?\u003C/summary>\u003Cdiv>For a WordPress-only site where onboarding polish matters, yes at the Pro tier ($199/year first year). For sites needing maximum feature depth, Gravity Forms Elite ($259/year, unlimited sites) is a better technical pick. For non-WordPress sites, use Formester.\u003C/div>\u003C/details>\n\u003Cdetails>\u003Csummary>Is WPForms free?\u003C/summary>\u003Cdiv>WPForms Lite is free but heavily restricted (basic form types, no payments, no CRM integrations, WPForms branding on every form). The paid tiers ($49 to $299 first year) unlock the real product.\u003C/div>\u003C/details>\n\u003Cdetails>\u003Csummary>How does WPForms compare to Gravity Forms?\u003C/summary>\u003Cdiv>WPForms wins on onboarding polish and marketing-tool integration depth. Gravity Forms wins on raw feature power (deeper conditional logic, deeper calculations, more first-party add-ons per dollar). WPForms is friendlier for non-technical admins; Gravity Forms is more powerful for developers and agencies.\u003C/div>\u003C/details>\n\u003Cdetails>\u003Csummary>Can I use WPForms without WordPress?\u003C/summary>\u003Cdiv>No. WPForms is a WordPress plugin. Use Formester, Formspree, or a native form for non-WordPress sites.\u003C/div>\u003C/details>\n\u003Cdetails>\u003Csummary>Does WPForms have HIPAA compliance?\u003C/summary>\u003Cdiv>Not officially. WPForms doesn't offer a signed BAA. For HIPAA workflows on WordPress, look at HIPAA-compliant hosting + a HIPAA-signed form solution (Jotform Silver + BAA is often used for this).\u003C/div>\u003C/details>\n\u003Cdetails>\u003Csummary>How aggressive are the upsell notices?\u003C/summary>\u003Cdiv>Very aggressive. Every admin page has nag notices for higher tiers and sister products (OptinMonster, MonsterInsights). Some can be dismissed permanently; others reappear.\u003C/div>\u003C/details>\n\u003Cdetails>\u003Csummary>Is WPForms secure?\u003C/summary>\u003Cdiv>Yes for a self-hosted WordPress plugin. Regular security updates, responsible disclosure program, anti-spam built in. Security ultimately depends on keeping WordPress core + WPForms itself patched.\u003C/div>\u003C/details>\n\u003Cdetails>\u003Csummary>Can I collect payments with WPForms?\u003C/summary>\u003Cdiv>Yes on Pro plan and above. Stripe, Square, PayPal Commerce, Authorize.Net (Elite). Subscriptions supported on Stripe.\u003C/div>\u003C/details>\n\u003Cdetails>\u003Csummary>Does WPForms have AI form generation?\u003C/summary>\u003Cdiv>Not shipped as of 2026. Formester, Jotform, Typeform, Fillout all have AI generation; WPForms does not.\u003C/div>\u003C/details>\n\u003Cdetails>\u003Csummary>What's the renewal pricing catch?\u003C/summary>\u003Cdiv>First-year prices are 50%+ off. Year 2 pricing jumps to the full retail rate. Pro plan: $199 year 1, ~$399 year 2. Elite plan: $299 year 1, ~$599 year 2. Budget accordingly. --- ## Verdict \u003Cstrong>Rating: 4.6/5\u003C/strong> (slightly below G2's 4.7 to account for renewal pricing and upsell aggression) WPForms is the most popular WordPress form plugin by install count for good reason: the onboarding is friendly, the template library is extensive, and the marketing-tool integrations are deep at Pro tier and above. If your site is WordPress and staying WordPress, and you value onboarding polish over raw feature power, buy Pro. It's a solid pick. If you want maximum feature depth on WordPress, Gravity Forms Elite is the technical upgrade. If you're not on WordPress or want a hosted SaaS with unlimited responses on free, use \u003Ca href=\"https://formester.com/\">Formester\u003C/a>. ---\u003C/div>\u003C/details>\n\u003C/section>","2026-07-15T02:32:07.003Z","2026-07-15T02:32:10.273Z","2026-07-15T02:32:07.000Z","https://formester-strapi.s3.ap-south-1.amazonaws.com/wpforms_review_a45edf6ebd.png",[],[23,33,44,59,68,116],{"id":24,"type":25},356,{"@id":26,"url":27,"logo":28,"name":31,"@type":32},"https://formester.com/#organization","https://formester.com/",{"url":29,"@type":30},"https://formester.com/logo.png","ImageObject","Formester","Organization",{"id":34,"type":35},357,{"@id":36,"url":37,"name":6,"@type":38,"headline":6,"isPartOf":39,"breadcrumb":40,"inLanguage":42,"dateModified":43,"datePublished":43},"https://formester.com/blog/wpforms-review/#webpage","https://formester.com/blog/wpforms-review/","WebPage",{"@id":26},{"@id":41},"https://formester.com/blog/wpforms-review/#breadcrumb","en-US","2026-07-15",{"id":45,"type":46},359,{"@id":41,"@type":47,"itemListElement":48},"BreadcrumbList",[49,53,57],{"item":27,"name":50,"@type":51,"position":52},"Home","ListItem",1,{"item":54,"name":55,"@type":51,"position":56},"https://formester.com/blog/","Blog",2,{"item":37,"name":6,"@type":51,"position":58},3,{"id":60,"type":61},358,{"@id":62,"@type":63,"image":20,"author":64,"headline":6,"publisher":66,"description":9,"dateModified":43,"datePublished":43,"mainEntityOfPage":67},"https://formester.com/blog/wpforms-review/#article","Article",{"url":12,"name":11,"@type":65},"Person",{"@id":26},{"@id":36},{"id":69,"type":70},360,{"@id":71,"@type":72,"mainEntity":73},"https://formester.com/blog/wpforms-review/#faq","FAQPage",[74,80,84,88,92,96,100,104,108,112],{"name":75,"@type":76,"acceptedAnswer":77},"Is WPForms worth the money?","Question",{"text":78,"@type":79},"For a WordPress-only site where onboarding polish matters, yes at the Pro tier ($199/year first year). For sites needing maximum feature depth, Gravity Forms Elite ($259/year, unlimited sites) is a better technical pick. For non-WordPress sites, use Formester.","Answer",{"name":81,"@type":76,"acceptedAnswer":82},"Is WPForms free?",{"text":83,"@type":79},"WPForms Lite is free but heavily restricted (basic form types, no payments, no CRM integrations, WPForms branding on every form). The paid tiers ($49 to $299 first year) unlock the real product.",{"name":85,"@type":76,"acceptedAnswer":86},"How does WPForms compare to Gravity Forms?",{"text":87,"@type":79},"WPForms wins on onboarding polish and marketing-tool integration depth. Gravity Forms wins on raw feature power (deeper conditional logic, deeper calculations, more first-party add-ons per dollar). WPForms is friendlier for non-technical admins; Gravity Forms is more powerful for developers and agencies.",{"name":89,"@type":76,"acceptedAnswer":90},"Can I use WPForms without WordPress?",{"text":91,"@type":79},"No. WPForms is a WordPress plugin. Use Formester, Formspree, or a native form for non-WordPress sites.",{"name":93,"@type":76,"acceptedAnswer":94},"Does WPForms have HIPAA compliance?",{"text":95,"@type":79},"Not officially. WPForms doesn't offer a signed BAA. For HIPAA workflows on WordPress, look at HIPAA-compliant hosting + a HIPAA-signed form solution (Jotform Silver + BAA is often used for this).",{"name":97,"@type":76,"acceptedAnswer":98},"How aggressive are the upsell notices?",{"text":99,"@type":79},"Very aggressive. Every admin page has nag notices for higher tiers and sister products (OptinMonster, MonsterInsights). Some can be dismissed permanently; others reappear.",{"name":101,"@type":76,"acceptedAnswer":102},"Is WPForms secure?",{"text":103,"@type":79},"Yes for a self-hosted WordPress plugin. Regular security updates, responsible disclosure program, anti-spam built in. Security ultimately depends on keeping WordPress core + WPForms itself patched.",{"name":105,"@type":76,"acceptedAnswer":106},"Can I collect payments with WPForms?",{"text":107,"@type":79},"Yes on Pro plan and above. Stripe, Square, PayPal Commerce, Authorize.Net (Elite). Subscriptions supported on Stripe.",{"name":109,"@type":76,"acceptedAnswer":110},"Does WPForms have AI form generation?",{"text":111,"@type":79},"Not shipped as of 2026. Formester, Jotform, Typeform, Fillout all have AI generation; WPForms does not.",{"name":113,"@type":76,"acceptedAnswer":114},"What's the renewal pricing catch?",{"text":115,"@type":79},"First-year prices are 50%+ off. Year 2 pricing jumps to the full retail rate. Pro plan: $199 year 1, ~$399 year 2. Elite plan: $299 year 1, ~$599 year 2. Budget accordingly. --- ## Verdict \u003Cstrong>Rating: 4.6/5\u003C/strong> (slightly below G2's 4.7 to account for renewal pricing and upsell aggression) WPForms is the most popular WordPress form plugin by install count for good reason: the onboarding is friendly, the template library is extensive, and the marketing-tool integrations are deep at Pro tier and above. If your site is WordPress and staying WordPress, and you value onboarding polish over raw feature power, buy Pro. It's a solid pick. If you want maximum feature depth on WordPress, Gravity Forms Elite is the technical upgrade. If you're not on WordPress or want a hosted SaaS with unlimited responses on free, use \u003Ca href=\"https://formester.com/\">Formester\u003C/a>. ---",{"id":117,"type":118},361,{"@id":119,"url":27,"name":31,"@type":120,"publisher":121,"aggregateRating":122,"operatingSystem":128,"applicationCategory":129},"https://formester.com/#software","SoftwareApplication",{"@id":26},{"@type":123,"bestRating":124,"ratingCount":125,"ratingValue":126,"worstRating":127},"AggregateRating","5","11","4.7","1","Web","BusinessApplication",2400,1350,{"text":133},"10 min read",[135,157,175,193],{"title":136,"description":137,"metaTitle":138,"metaDescription":139,"keywords":140,"author":141,"authorProfile":142,"coverImgAlt":143,"featured":14,"slug":144,"body":145,"createdAt":146,"updatedAt":147,"publishedAt":148,"coverImg":149,"metaImage":150,"schema":151,"id":152,"coverImgWidth":153,"coverImgHeight":154,"readingStats":155},"How to Pre-Fill Forms with External Data Using APIs","Easily pre-populate form fields with external data using API. Speed up form submission, avoid manual typing, and deliver a smooth user experience.","How to Pre-Fill Forms with External Data Using APIs | Formester","Pre-fill your online forms using API. Auto-fill form data from tools like CRM or Excel to save time, reduce errors, and boost form submission rates.","pre populate form,\nauto fill form data,\npre fill forms,\npre fill forms using api,\npre fill forms with external data,","Harsh Shah","https://linkedin.com/in/harshshahseo","a blog post cover about how to pre fill forms with external data using apis","how-to-pre-fill-forms-with-external-data-using-api","\u003Cp style=\"font-size: inherit;\">Pre-filling a form means the form loads with fields already completed using data you already have, so the user only reviews and submits. No retyping their name, email, or phone number.\u003C/p>\n\n\u003Cp>There are two ways to do it: pass the values in the form URL as parameters, or connect a live source like a CRM or spreadsheet through an API. This guide covers both, with a copy-ready example, and how to set them up in Formester even if you do not write code.\u003C/p>\n\n\u003Cp>Formester does this through its \u003Ca href=\"https://formester.com/features/auto-fill-forms-with-external-data/\">auto-fill from external data feature\u003C/a>, pulling from tools you already use like HubSpot, Google Sheets, Excel, Airtable, or Notion.\u003C/p>\n\n\u003Ch2>What Does It Mean to Pre-Fill a Form?\u003C/h2>\n\n\u003Cp>When a form is pre-filled, it pulls data your system already holds, like a customer's email or phone number, and drops it into the matching fields before the user ever sees the form.\u003C/p>\n\n\u003Cp>The user opens the link, glances at what is already there, fills any gaps, and submits. Less typing, fewer typos, and a form that feels built for them.\u003C/p>\n\n\u003Ch2>Two Ways to Pre-Fill a Form: URL Parameters vs API\u003C/h2>\n\n\u003Cp>There are two methods, and they suit different jobs.\u003C/p>\n\n\u003Ch3>URL-parameter prefill\u003C/h3>\n\n\u003Cp>You pass the values straight in the form link as query strings. It looks like this:\u003C/p>\n\n\u003Cul>\n\u003Cli>https://yourform.com/contact\u003Cwbr>?name=Jane\u003Cwbr>&email=jane@acme.com\u003Cwbr>&company=Acme\u003C/li>\n\u003C/ul>\n\n\u003Cp>When someone opens that link, the name, email, and company fields are already filled. It is the fastest method when you build the links yourself, for example in an email campaign or a CRM workflow, and you only need a handful of fields.\u003C/p>\n\n\u003Ch3>API-based prefill\u003C/h3>\n\n\u003Cp>Instead of stuffing values into the link, you connect a live data source and let Formester pull the values when the form loads. Use this when the data lives in another system (a CRM, a spreadsheet, a database), when it changes often, or when you do not want IDs and emails sitting in a visible URL.\u003C/p>\n\n\u003Cp>Rule of thumb: a few known values in a link you already send, use URL parameters. Data that lives in another tool and updates, use the API. The rest of this guide walks the API method, since that is the one most people set up wrong.\u003C/p>\n\n\u003Ch2>Why Pre-Filling Forms Is Worth the Setup\u003C/h2>\n\n\u003Cp>The payoff is simple: every field you remove is a field someone does not abandon the form over. Completion rate falls as forms get longer, from around 28% on a 1 to 2 field form down to roughly 11% once you hit 10 or more fields (\u003Ca href=\"https://owlclaw.com/benchmarks/form-fill-rate-benchmarks/\">form fill-rate benchmarks\u003C/a>). Pre-filling lets you keep the fields you need while cutting the typing your user actually feels.\u003C/p>\n\n\u003Cul>\n\u003Cli>Fewer drop-offs, because the form looks shorter and easier the moment it opens.\u003C/li>\n\u003Cli>Fewer errors, because the data comes from your records, not a tired thumb on a phone.\u003C/li>\n\u003Cli>Faster turnaround on lead capture, hiring, onboarding, and repeat orders.\u003C/li>\n\u003Cli>A more professional impression, since the form already knows who the person is.\u003C/li>\n\u003C/ul>\n\n\u003Ch2>How to Pre-Fill a Form With an API in Formester\u003C/h2>\n\n\u003Cp>Four steps, no code. The two-minute walkthrough above shows it end to end if you would rather watch than read.\u003C/p>\n\n\u003Ch3>Step 1: Open Your Form and Go to the Share Tab\u003C/h3>\n\n\u003Cul>\n\u003Cli>Log in to Formester and open the form you want to pre-fill.\u003C/li>\n\u003Cli>Click the Share tab.\u003C/li>\n\u003Cli>Choose Pre-Fill.\u003C/li>\n\u003C/ul>\n\n\u003Ch3>Step 2: Select API Based Pre-Fill\u003C/h3>\n\n\u003Cp>Under the Pre-Fill options, pick API Based Pre-Fill. Formester hands you a ready-made API link.\u003C/p>\n\n\u003Cp>Point it at the source your data already lives in: a CRM like \u003Ca href=\"https://formester.com/integrations/hubspot/\">HubSpot\u003C/a>, \u003Ca href=\"https://formester.com/integrations/google-sheets/\">Google Sheets\u003C/a>, Excel, Airtable, \u003Ca href=\"https://formester.com/integrations/notion/\">Notion\u003C/a>, or even another Formester form.\u003C/p>\n\n\u003Ch3>Step 3: Map Your Form Fields to Your Data\u003C/h3>\n\n\u003Cp>Now tell Formester which field pulls which value. Link the email field to the email column, the phone field to the phone column, and so on.\u003C/p>\n\n\u003Cp>Map only the fields you actually have clean data for. A wrong value pre-filled is worse than a blank one, because people trust what is already on the screen.\u003C/p>\n\n\u003Ch3>Step 4: Share the Form URL\u003C/h3>\n\n\u003Cp>Share the form link. When your user opens it, their details are already in place.\u003C/p>\n\n\u003Cp>They review, fill any gaps, and submit. That is the whole experience: less work for them, cleaner data for you.\u003C/p>\n\n\u003Ch2>Where Pre-Filled Forms Earn Their Keep\u003C/h2>\n\n\u003Cp>Pre-fill is not a gimmick. It quietly removes friction in the moments that decide whether a form gets finished.\u003C/p>\n\n\u003Ch3>Lead Capture and Quote Requests\u003C/h3>\n\n\u003Cp>A prospect's details are already sitting in your CRM. Instead of making them retype it, send a quote or inquiry form with the email, phone, and company already filled. They review and submit in seconds, and you look like you were expecting them.\u003C/p>\n\n\u003Ch3>Job Applications and Recruitment\u003C/h3>\n\n\u003Cp>If a candidate applied before or already sent a resume, pull what you have from a spreadsheet or an earlier form and pre-fill the application. The candidate skips the repeat data entry, and your pipeline stays tidy. The same trick works on any \u003Ca href=\"https://formester.com/blog/how-to-create-smart-job-application-forms/\">job application form\u003C/a>.\u003C/p>\n\n\u003Ch3>Client Onboarding\u003C/h3>\n\n\u003Cp>First impressions stick. Send a new client an onboarding form with their basic details already pulled from your records. They fill the rest, and the handoff feels organized instead of bureaucratic.\u003C/p>\n\n\u003Ch3>Repeat Orders for Existing Customers\u003C/h3>\n\n\u003Cp>Repeat customers should never retype their shipping address. Send a reorder form with contact and delivery details already in place. Fewer mistakes, faster processing, and one less reason to abandon the cart.\u003C/p>\n\n\u003Ch3>Internal Team Workflows\u003C/h3>\n\n\u003Cp>Employee onboarding, IT requests, record updates: internal forms ask for the same details over and over. Pre-fill the known parts (employee ID, department, manager) and your team spends its time on the work, not the paperwork.\u003C/p>\n\n\u003Ch2>Build Your First Pre-Filled Form\u003C/h2>\n\n\u003Cp>Forms are part of doing business, but they should not feel like a chore for the person filling them. Pick the method that fits: URL parameters for a few known values, the API when the data lives in another tool.\u003C/p>\n\n\u003Cp>Pre-fill works with the tools you already run, from your CRM and Google Sheets to Airtable and Notion, and you stay in control of the data. Need a starting point? Grab a \u003Ca href=\"https://formester.com/templates/categories/registration-forms/\">registration form template\u003C/a> and wire up pre-fill on it. \u003Ca href=\"https://app.formester.com/users/sign_up/\">Sign up for Formester free\u003C/a> and set up your first pre-filled form in minutes.\u003C/p>\n\n\u003Csection class=\"faq\">\n\u003Ch2>Pre-Fill Forms FAQ\u003C/h2>\n\u003Cdetails>\u003Csummary>What does it mean to pre-fill a form?\u003C/summary>\u003Cdiv>The form loads with some fields already completed from data you already have, so the user only reviews and submits instead of typing everything again.\u003C/div>\u003C/details>\n\u003Cdetails>\u003Csummary>How do you pre-fill a form using an API?\u003C/summary>\u003Cdiv>In Formester, open the form, go to the Share tab, choose Pre-Fill, and select API Based Pre-Fill. Map each field to a source like a CRM, Google Sheets, Airtable, or Notion, then share the form URL. The form opens already filled in.\u003C/div>\u003C/details>\n\u003Cdetails>\u003Csummary>What is the difference between URL-parameter prefill and API-based prefill?\u003C/summary>\u003Cdiv>URL-parameter prefill passes values in the form link as query strings, which is quick for a few known fields. API-based prefill pulls the values live from a connected source, which is better when the data lives in another system and changes often.\u003C/div>\u003C/details>\n\u003Cdetails>\u003Csummary>Which data sources can Formester pull from?\u003C/summary>\u003Cdiv>A CRM like HubSpot, Google Sheets, Excel, Airtable, Notion, or another Formester form, mapped field by field.\u003C/div>\u003C/details>\n\u003Cdetails>\u003Csummary>Does pre-filling a form improve completion rates?\u003C/summary>\u003Cdiv>It helps, because shorter and easier forms convert better. Completion rate drops as fields add up, so removing the fields a user would otherwise retype cuts effort and drop-off.\u003C/div>\u003C/details>\n\u003C/section>\n","2025-06-27T04:12:08.334Z","2026-06-22T05:06:34.017Z","2026-06-22T05:06:22.803Z","https://formester-strapi.s3.ap-south-1.amazonaws.com/How_to_Make_User_Research_Survey_12_dbbb32dc2c.png",[],[],1555,1214,630,{"text":156},"7 min read",{"title":158,"description":159,"metaTitle":160,"metaDescription":161,"keywords":162,"author":11,"authorProfile":12,"coverImgAlt":163,"featured":14,"slug":164,"body":165,"createdAt":166,"updatedAt":167,"publishedAt":168,"coverImg":169,"metaImage":170,"schema":171,"id":172,"coverImgWidth":153,"coverImgHeight":154,"readingStats":173},"5 Steps to Pitching a Write For Us Form For Guest Blogging (and Getting a \"Yes!\")","Want to get your guest blog published? This step-by-step guide shows you how to pitch a \"Write for Us\" form and increase your chances of getting a \"yes\" every time.","5 Steps to Pitching a Write For Us Form For Guest Blogging","Learn how to pitch a \"Write for Us\" form the right way. Follow these 5 steps to get your guest post accepted and build high-quality backlinks.","write for us,\nguest posting,\nguest blogging,\nwrite for us form,\n","a blog post cover about steps to pitch a write for us form for guest blogging","steps-to-pitch-a-write-for-us-form-for-guest-blogging","![a blog post cover about steps to pitch a write for us form for guest blogging](https://formester-strapi.s3.ap-south-1.amazonaws.com/How_to_Make_User_Research_Survey_14_92a4f012dc.png)\n\nGot ideas but no platform to share them? **Guest blogging** may be what you’re looking for. It’s not only the way to get published. It will connect you with new readers, help you build trust, and expand your professional network. \n\nThere are over **[600 million blogs online](https://webtribunal.net/blog/how-many-blogs)**, and more than half of them publish guest posts regularly.\n\nTechnically, it’s more than easy to become a guest writer, as many blogs have a **“Write for Us” form**. However, dozens of writers are usually competing for the same spot. \n\nSo, if you want editors to say yes, you need to show up prepared. Here is a simple guide to your **\u003Ca href = \"https://www.outranking.io/how-to-write-blog/\">writing\u003C/a>** success.\n\n## Do your homework first\nBefore you start writing your pitch, do some research. Many pitches get rejected simply because the writer didn’t follow the blog’s rules or understand their content.\n\n- **Select the right blogs.** Not every blog is worth your time. Choose blogs that match your expertise and the subjects you genuinely want to write about. Also, use **Moz’s Domain Authority (DA) checker** to assess a blog’s credibility before pitching.\n\n- **Read their content carefully.** Read a few blog spots to understand their tone and structure posts. Check if they use images, video or infographics.\n\n- **Check the guidelines.** Every blog has its own rules, for example, on word count, links, or how to submit. If you ignore even one detail, it can cost you the opportunity.\n\n### Create a great pitch\nNext, it’s time to put together a clear, compelling pitch. Remember about the power of the first impression.\n\n- **Pick the right idea.** Your topic must be memorable. This could be a common challenge with a helpful solution, a fresh perspective on something familiar, or a story based on your own experience.\n\n- **Write a strong headline.** It should quickly tell the editors what the article is about and why it matters to their readers. Use simple, direct language and highlight a clear benefit or result.\n\n- **Add a simple outline.** List 3–5 main points or sections you’ll cover. This shows that your article is organized and offers real value.\n\n- **Prove you're the right person.** Include a short, relevant bio and 1–2 writing samples. Editors want to see that you can write well and know the subject.  \n\n### Ask for help from the pros\nFor content creators and guest bloggers, managing the guest posting process—scheduling posts, **[tracking submissions](/features/form-analytics/)**, and analyzing performance—can sometimes feel like a full-time job. \n\nWhile this guide outlines steps to pitch \"Write for Us\" forms yourself, not everyone has the time or resources to handle it all. \n\n**\u003Ca href=\"https://whenipost.com/\">WhenIPost\u003C/a>** manages guest posting workflows from submission to performance tracking, offering an alternative for those with limited bandwidth. \n\nThey also provide reports on post performance, such as traffic and search ranking updates, for those who want to track results without the hands-on effort.\n\n### Fill out the form carefully\nA “Write for Us” form is your first test. Editors use it to judge your attention to detail and professionalism.\n\n- **Answer every question.** Don’t ignore optional fields, as they can add value. If they ask why your topic fits their audience, show you’ve done your research.\n\n- **Make it personal.** Avoid copy-paste responses. Mention a specific article you liked or refer to their audience directly. This shows you’re genuinely interested.\n\n- **Use their style.** Check the style of the site and try to mirror it. It will make your pitch a natural fit.\n\n- **Be clear and concise.** Get to the point: your idea, why it matters, and why you’re the one to write it. Stick to the word limit if it’s given.\n\n- **Proofread everything.** Typos and grammar mistakes can ruin your pitch. Use tools like Grammarly to polish it.\n\n### After you submit\nOnce you’ve sent your pitch, the next step is simple: wait, but do it professionally.\n\n- **Be patient.** Most blogs specify how long it takes to respond. Don’t follow up before that time passes. Reaching out too soon can hurt your chances.\n\n- **Follow up if needed.** If you haven’t heard back after the expected time, it’s okay to send one short, polite message. But don’t demand a reply – just express your interest again, and ask if they need anything else.\n\n- **If you get no replies.** Unfortunately, rejection happens, but don’t take it personally. Maybe your topic didn’t fit, or they just published something similar. Use it as a chance to improve your next pitch.\n\n- **If you’re accepted, celebrate.** In this case, reply quickly to confirm and thank them. Meet your deadline and follow all their writing guidelines. Remember to promote the article on your social media, website, or newsletter. It builds a long-term relationship with the blog.\n\n### Wrapping up\nGuest blogging is not pure luck. It’s preparation, clarity, and consistency. When you take the time to research the right blogs, pitch a relevant and valuable idea, and follow each blog’s guidelines carefully, you grow your chances of getting accepted. Editors can spot a thoughtful pitch from a mile away, and they appreciate contributors who respect their process.\n\nStart with smaller blogs to build your confidence and portfolio. Each published guest post will boost your visibility but also strengthen your authority in your niche. \n\nOver time, those early wins can lead to even bigger opportunities. So take the first step. One strong, well-crafted pitch can be the start of something bigger. **[Create your write for us form using Formester](https://app.formester.com/users/sign_up)**!\n","2025-06-19T18:07:50.438Z","2025-09-24T05:17:49.879Z","2025-06-19T18:16:26.189Z","https://formester-strapi.s3.ap-south-1.amazonaws.com/How_to_Make_User_Research_Survey_14_92a4f012dc.png",[],[],1526,{"text":174},"5 min read",{"title":176,"description":177,"metaTitle":178,"metaDescription":179,"keywords":180,"author":11,"authorProfile":12,"coverImgAlt":181,"featured":14,"slug":182,"body":183,"createdAt":184,"updatedAt":185,"publishedAt":186,"coverImg":187,"metaImage":188,"schema":189,"id":190,"coverImgWidth":153,"coverImgHeight":154,"readingStats":191},"How to Create Sections in Google Forms (5 Steps + Conditional Redirect)","Easily add sections and set up answer-based redirects in Google Forms. Guide users through custom paths for better form engagement and clarity.\n\n\n\n\n\n\n\n\n","How to Create Sections in Google Forms + Conditional Redirect (2026)","Add sections in Google Forms in 5 steps, then route respondents to different sections based on their answers. Screenshots + 60-second video. Free.","how to create form sections in google forms,\nhow to add sections in google forms,\nhow to use conditional logic in google forms,\nhow to redirect users in google forms,","a blog post cover about how to create form sections in google forms","how-create-form-sections-in-google-forms","\u003Ciframe width=\"100%\" height=\"315\" src=\"https://www.youtube.com/embed/puP1xvmSDBM?si=L-A2phe7CriAnpUw\" 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\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 create sections in Google Forms, open your form, click the Add section button on the right toolbar, drag questions into the new section, name and describe each section, then add Go to section based on answer logic if you want conditional routing. The 5 steps below cover every option with screenshots and a 60-second video.\u003C/p>\n\u003C/div>\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 with conditional routing\u003C/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__intro\">Splits a long form into pages and routes respondents to the right page based on their answers.\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\">Add a new section\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">In the form editor, click the rightmost icon in the right-side toolbar (looks like two stacked rectangles). A new section appears below the current one.\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\">Name and describe each section\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Click the section title field, give it a descriptive name (e.g., 'For new customers'). Add a one-line description explaining what to expect in this section.\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\">Drag or add questions to the new section\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Click + to add new questions, or drag existing questions into the new section. Each question stays within its section in the live form.\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\">Add Go to section based on answer (conditional routing)\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">On a multiple-choice question, click the three-dot menu and choose 'Go to section based on answer'. Map each answer to the section it should route to.\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\">Test and share\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Click the preview eye icon, walk through every branch, then click Send to share the link or embed code.\u003C/p>\n\u003C/div>\n\u003C/li>\n\n\u003C/ol>\n\u003C/div>\n\u003C/section>\n\n\n\n\n\n\n\n\u003Cstyle>\n/* host-link-override */\n.fmstr-cmp-gfs-body a { text-decoration: none !important; }\n.fmstr-cmp-gfs-body {\n--c-bg-card: #ffffff;\n--c-bg-soft: #f9fafb;\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; --c-border: #eaecf0;\n\nbackground: transparent; padding: 24px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-gfs-body *, .fmstr-cmp-gfs-body *::before, .fmstr-cmp-gfs-body *::after { box-sizing: border-box; }\n.fmstr-cmp-gfs-body__container { max-width: 820px; margin: 0 auto; }\n\n.fmstr-cmp-gfs-body__sub { font-size: 17px; line-height: 1.6; color: var(--c-fg-3); font-style: italic; margin: 0 0 24px; }\n\n.fmstr-cmp-gfs-body__intro p { font-size: 17px; line-height: 1.7; color: var(--c-fg-2); margin: 0 0 16px; }\n.fmstr-cmp-gfs-body__intro a { color: var(--c-violet-600) !important; text-decoration: none !important; font-weight: 500; }\n.fmstr-cmp-gfs-body__intro a:hover { text-decoration: underline !important; }\n\n.fmstr-cmp-gfs-body__h2 {\nfont-size: 28px; font-weight: 700; line-height: 1.25; letter-spacing: -.02em;\nmargin: 40px 0 16px; color: var(--c-fg-1);\n}\n.fmstr-cmp-gfs-body p { font-size: 16px; line-height: 1.7; color: var(--c-fg-2); margin: 0 0 14px; }\n.fmstr-cmp-gfs-body p strong { color: var(--c-fg-1); }\n.fmstr-cmp-gfs-body a { color: var(--c-violet-600) !important; text-decoration: none !important; font-weight: 500; }\n.fmstr-cmp-gfs-body a:hover { text-decoration: underline !important; }\n.fmstr-cmp-gfs-body ul, .fmstr-cmp-gfs-body ol { margin: 0 0 16px; padding-left: 22px; }\n.fmstr-cmp-gfs-body li { font-size: 16px; line-height: 1.7; color: var(--c-fg-2); margin: 6px 0; }\n.fmstr-cmp-gfs-body li strong { color: var(--c-fg-1); }\n.fmstr-cmp-gfs-body code { background: var(--c-tint); color: var(--c-violet-600); padding: 2px 6px; border-radius: 4px; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 14.5px; border: 1px solid var(--c-edge); }\n\n.fmstr-cmp-gfs-body__callout {\nbackground: var(--c-bg-soft); border: 1px solid var(--c-border); border-left: 3px solid var(--c-violet-500);\nborder-radius: 8px; padding: 16px 20px; margin: 0 0 20px;\n}\n.fmstr-cmp-gfs-body__callout p { margin: 0; }\n.fmstr-cmp-gfs-body__callout p + p { margin-top: 8px; }\n\n.fmstr-cmp-gfs-body__decide-grid {\ndisplay: grid; grid-template-columns: 1fr 1fr; gap: 12px;\nmargin: 0 0 20px;\n}\n.fmstr-cmp-gfs-body__decide-card {\nbackground: var(--c-bg-card); border: 1px solid var(--c-border);\nborder-radius: 12px; padding: 18px 20px;\n}\n.fmstr-cmp-gfs-body__decide-card h4 {\nfont-size: 15px; font-weight: 700; margin: 0 0 10px; color: var(--c-fg-1);\ndisplay: flex; align-items: center; gap: 8px;\n}\n.fmstr-cmp-gfs-body__decide-card ul { margin: 0; padding-left: 18px; }\n.fmstr-cmp-gfs-body__decide-card li { font-size: 14.5px; line-height: 1.55; margin: 4px 0; }\n.fmstr-cmp-gfs-body__decide-card--use h4 { color: var(--c-violet-600); }\n.fmstr-cmp-gfs-body__decide-card--skip h4 { color: var(--c-fg-2); }\n\n@media (max-width: 600px) {\n.fmstr-cmp-gfs-body { padding: 16px; }\n.fmstr-cmp-gfs-body__h2 { font-size: 22px; margin: 32px 0 14px; }\n.fmstr-cmp-gfs-body__intro p { font-size: 16px; }\n.fmstr-cmp-gfs-body p { font-size: 15.5px; }\n.fmstr-cmp-gfs-body__decide-grid { grid-template-columns: 1fr; gap: 10px; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-gfs-body\" aria-label=\"How to create sections in Google Forms with conditional redirect\">\n\u003Cdiv class=\"fmstr-cmp-gfs-body__container\">\n\n\u003Cp class=\"fmstr-cmp-gfs-body__sub\">Split a long form into sections, then send respondents to the right section based on their answers. Takes 3 minutes.\u003C/p>\n\n\u003Cdiv class=\"fmstr-cmp-gfs-body__intro\">\n\u003Cp>To create sections in Google Forms, open your form, click the \u003Cstrong>Add section\u003C/strong> button on the right toolbar, drag questions into the new section, name and describe each section, then add \u003Cstrong>Go to section based on answer\u003C/strong> logic if you want conditional routing. The 5 steps below cover every option with screenshots and a 60-second video.\u003C/p>\n\u003Cp>Sections turn a single long form into a multi-page experience: cleaner UX for the respondent, more control for you. Add conditional routing on top and you can branch respondents down different paths based on their answers, the same way a quiz or a screening form does.\u003C/p>\n\u003C/div>\n\n\u003Ch2 class=\"fmstr-cmp-gfs-body__h2\">When to use sections (and when to skip them)\u003C/h2>\n\u003Cp>Sections add overhead. Use them when the payoff is real.\u003C/p>\n\n\u003Cdiv class=\"fmstr-cmp-gfs-body__decide-grid\">\n\u003Cdiv class=\"fmstr-cmp-gfs-body__decide-card fmstr-cmp-gfs-body__decide-card--use\">\n\u003Ch4>Use sections when\u003C/h4>\n\u003Cul>\n\u003Cli>The form is longer than 8-10 questions\u003C/li>\n\u003Cli>You want to branch respondents based on an early answer\u003C/li>\n\u003Cli>You're collecting different data from different roles (e.g., employer vs candidate)\u003C/li>\n\u003Cli>You want a clear progress indicator across logical groups\u003C/li>\n\u003Cli>The form has distinct phases (about you / your needs / next steps)\u003C/li>\n\u003C/ul>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfs-body__decide-card fmstr-cmp-gfs-body__decide-card--skip\">\n\u003Ch4>Skip sections when\u003C/h4>\n\u003Cul>\n\u003Cli>The form is under 5 questions\u003C/li>\n\u003Cli>Every respondent answers every question identically\u003C/li>\n\u003Cli>You want maximum completion rate (each section adds a click)\u003C/li>\n\u003Cli>You only need simple yes/no branching (a single conditional question can handle this without a new section)\u003C/li>\n\u003C/ul>\n\u003C/div>\n\u003C/div>\n\n\u003Ch2 class=\"fmstr-cmp-gfs-body__h2\">Step 1: Open or create your form\u003C/h2>\n\u003Cp>Go to \u003Ca href=\"https://forms.google.com\">forms.google.com\u003C/a> and either open an existing form or click \u003Cstrong>Blank\u003C/strong> to start a new one.\u003C/p>\n\u003Cp>If you're building from scratch, add the first question or two to the default section before splitting. It's easier to drag questions into a new section than to invent a section's first question on the fly.\u003C/p>\n\n\u003Ch2 class=\"fmstr-cmp-gfs-body__h2\">Step 2: Add a section\u003C/h2>\n\u003Cp>On the floating right toolbar, click the \u003Cstrong>Add section\u003C/strong> button (the rightmost icon, two stacked rectangles). A new section appears below your current question.\u003C/p>\n\u003Cp>Give the section a title that names the phase of the form (for example, \"About your team\", \"Project details\", \"Next steps\"). Add a one-line description if the section opens with context the respondent needs before answering.\u003C/p>\n\u003Cp>Repeat to add as many sections as the form needs. Performance stays smooth up to roughly 20 sections; past that, consider a dedicated form builder.\u003C/p>\n\n\u003Ch2 class=\"fmstr-cmp-gfs-body__h2\">Step 3: Add a multiple-choice question for routing\u003C/h2>\n\u003Cp>Conditional routing in Google Forms only works on \u003Cstrong>multiple-choice\u003C/strong> or \u003Cstrong>dropdown\u003C/strong> questions, not on short-answer or paragraph fields. Add the routing question early in the form, since it controls everything that follows.\u003C/p>\n\u003Cp>Example: a single-question section titled \"Which best describes you?\" with the options:\u003C/p>\n\u003Cul>\n\u003Cli>I'm a customer\u003C/li>\n\u003Cli>I'm an investor\u003C/li>\n\u003Cli>I'm a job applicant\u003C/li>\n\u003C/ul>\n\u003Cp>Each option will route the respondent to a different section in the next step.\u003C/p>\n\n\u003Ch2 class=\"fmstr-cmp-gfs-body__h2\">Step 4: Set up the redirect logic\u003C/h2>\n\u003Cp>Click the three-dot menu at the bottom-right of the multiple-choice question and choose \u003Cstrong>Go to section based on answer\u003C/strong>. A small dropdown appears next to each answer option.\u003C/p>\n\u003Cp>For each option, pick the section the respondent should jump to. Options that go to \"Continue to next section\" follow the normal section order; options that go to a specific section skip everything in between.\u003C/p>\n\u003Cp>Map each option deliberately:\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cstrong>I'm a customer\u003C/strong> → Continue to next section (customer questions)\u003C/li>\n\u003Cli>\u003Cstrong>I'm an investor\u003C/strong> → Investor section\u003C/li>\n\u003Cli>\u003Cstrong>I'm a job applicant\u003C/strong> → Job application section\u003C/li>\n\u003C/ul>\n\u003Cp>For more advanced per-question logic that hides individual fields based on previous answers, Google Forms can't help, use Formester's \u003Ca href=\"/features/conditional-logic/\">conditional logic feature\u003C/a> instead.\u003C/p>\n\n\u003Ch2 class=\"fmstr-cmp-gfs-body__h2\">Step 5: Add an ending section and test\u003C/h2>\n\u003Cp>At the bottom of each conditional path, add a final section that ends the form. Use the same final section for every path if you want all respondents to see the same thank-you message, or use unique final sections for path-specific next steps.\u003C/p>\n\u003Cp>Click the \u003Cstrong>preview\u003C/strong> button (the eye icon top-right). Walk through each path to verify every option routes where you expect. Branching mistakes are easy to miss without a manual test pass.\u003C/p>\n\n\u003Ch2 class=\"fmstr-cmp-gfs-body__h2\">Want a smarter alternative? Use Formester\u003C/h2>\n\u003Cp>If your form needs more than what Google Forms' section routing can handle, \u003Ca href=\"/\">Formester\u003C/a> ships:\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cstrong>Unlimited sections\u003C/strong> with no performance hit\u003C/li>\n\u003Cli>\u003Cstrong>Per-question conditional logic\u003C/strong>, hide or show individual fields, not just whole sections\u003C/li>\n\u003Cli>\u003Cstrong>Multi-step UX\u003C/strong> with a built-in progress bar\u003C/li>\n\u003Cli>\u003Cstrong>Branded styling\u003C/strong>, your colors, logo, and fonts\u003C/li>\n\u003Cli>\u003Cstrong>AI-assisted form building\u003C/strong>, describe your form, get a complete draft in seconds via the \u003Ca href=\"/ai-form-generator/\">AI form generator\u003C/a>\u003C/li>\n\u003C/ul>\n\u003Cp>The same multi-section survey takes 60 seconds to set up in Formester versus 10 minutes in Google Forms.\u003C/p>\n\n\u003Ch2 class=\"fmstr-cmp-gfs-body__h2\">Final thoughts\u003C/h2>\n\u003Cp>Sections turn a long Google Form into a structured experience, and conditional routing branches respondents down the right path based on their answers. The setup takes 3-5 minutes once you know where the buttons are.\u003C/p>\n\u003Cp>For longer or more dynamic forms, switch to Formester, same setup time, more flexibility, and no 20-section performance cliff. \u003Ca href=\"https://app.formester.com/users/sign_up\">Try it free\u003C/a>.\u003C/p>\n\n\u003C/div>\n\u003C/section>\n\n\u003Cstyle>\n/* host-link-override */\n.fmstr-cmp-gfs-faq a { text-decoration: none !important; }\n.fmstr-cmp-gfs-faq {\n--c-card: #ffffff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-600: #6941c6;\n--c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-border: #eaecf0;\n--c-shadow: 0 1px 3px rgba(16,24,40,.05);\n\nbackground: transparent; padding: 56px 24px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important;\n}\n.fmstr-cmp-gfs-faq *, .fmstr-cmp-gfs-faq *::before, .fmstr-cmp-gfs-faq *::after { box-sizing: border-box; }\n.fmstr-cmp-gfs-faq__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-gfs-faq__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-gfs-faq__intro { color: var(--c-fg-3); font-size: 17px; line-height: 1.6; margin: 14px 0 28px; text-align: left; }\n.fmstr-cmp-gfs-faq__list { display: flex; flex-direction: column; gap: 12px; }\n.fmstr-cmp-gfs-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-gfs-faq__item summary {\nlist-style: none; cursor: pointer;\npadding: 18px 22px; font-size: 16.5px; font-weight: 600; color: var(--c-fg-1);\ndisplay: flex; align-items: center; justify-content: space-between; gap: 14px;\n}\n.fmstr-cmp-gfs-faq__item summary::-webkit-details-marker { display: none; }\n.fmstr-cmp-gfs-faq__item summary::after {\ncontent: \"+\"; flex-shrink: 0;\nwidth: 24px; height: 24px; border-radius: 6px;\ndisplay: grid; place-items: center;\nbackground: var(--c-tint); color: var(--c-violet-600);\nfont-size: 16px; font-weight: 700; transition: transform .2s ease;\n}\n.fmstr-cmp-gfs-faq__item[open] summary::after { content: \"−\"; transform: rotate(180deg); }\n.fmstr-cmp-gfs-faq__answer {\npadding: 0 22px 18px;\nfont-size: 15.5px; line-height: 1.65; color: var(--c-fg-2);\n}\n.fmstr-cmp-gfs-faq__answer a { color: var(--c-violet-600) !important; font-weight: 500; }\n.fmstr-cmp-gfs-faq__answer a:hover { text-decoration: underline !important; }\n\n@media (max-width: 600px) {\n.fmstr-cmp-gfs-faq { padding: 40px 16px; }\n.fmstr-cmp-gfs-faq__item summary { padding: 16px 18px; font-size: 15.5px; }\n.fmstr-cmp-gfs-faq__answer { padding: 0 18px 16px; font-size: 15px; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-gfs-faq\" aria-labelledby=\"fmstr-cmp-gfs-faq-h2\">\n\u003Cdiv class=\"fmstr-cmp-gfs-faq__container\">\n\u003Ch2 class=\"fmstr-cmp-gfs-faq__h2\" id=\"fmstr-cmp-gfs-faq-h2\">Google Forms sections FAQ\u003C/h2>\n\u003Cp class=\"fmstr-cmp-gfs-faq__intro\">Answers that mirror the FAQPage JSON-LD on the live page.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-gfs-faq__list\">\n\n\u003Cdetails class=\"fmstr-cmp-gfs-faq__item\">\n\u003Csummary>How do I add sections in Google Forms?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-gfs-faq__answer\">Open your form, click the Add section button (rightmost icon in the right-side toolbar), drag questions into the new section, name the section, and add a description. Repeat for each section.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-gfs-faq__item\">\n\u003Csummary>Can Google Forms route users to different sections based on answers?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-gfs-faq__answer\">Yes. In a multiple-choice question, click the three-dot menu, choose Go to section based on answer, and map each answer to a section. Different answers route the respondent to different parts of the form.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-gfs-faq__item\">\n\u003Csummary>How many sections can a Google Form have?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-gfs-faq__answer\">There's no official limit but performance degrades past about 20 sections. For long branching forms with more than 15-20 sections, consider a dedicated form builder.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-gfs-faq__item\">\n\u003Csummary>Can I reorder sections in Google Forms?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-gfs-faq__answer\">Yes. Click the three-dot menu on the section header and choose Move section. Drag to the new position. All questions in that section move with it.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-gfs-faq__item\">\n\u003Csummary>How do I delete a section in Google Forms?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-gfs-faq__answer\">Click the three-dot menu on the section header and choose Delete section. You can either delete the section and all its questions, or merge the questions into the previous section.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-gfs-faq__item\">\n\u003Csummary>Can sections be conditional in Google Forms?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-gfs-faq__answer\">Sections themselves are not conditional, but you can route to or skip past sections using Go to section based on answer logic on multiple-choice or dropdown questions.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-gfs-faq__item\">\n\u003Csummary>What's the difference between sections and pages in Google Forms?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-gfs-faq__answer\">In Google Forms, sections are pages, each section becomes a separate page in the live form. Respondents click Next to move between sections.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-gfs-faq__item\">\n\u003Csummary>Can I hide questions in Google Forms based on a section answer?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-gfs-faq__answer\">Google Forms can route to a different section based on an answer, but cannot conditionally hide individual questions within a section. For per-question conditional logic, use \u003Ca href=\"https://formester.com/features/conditional-logic/\">Formester\u003C/a>.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-gfs-faq__item\">\n\u003Csummary>How do I share a Google Form with sections?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-gfs-faq__answer\">Click Send in the top right, copy the link, and share. Sections are preserved automatically; respondents see each section in turn as they click Next.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-gfs-faq__item\">\n\u003Csummary>Is there a better alternative for forms with many sections?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-gfs-faq__answer\">\u003Ca href=\"https://formester.com/\">Formester\u003C/a> supports unlimited sections, per-question conditional logic, multi-step UX, and branded styling. Worth considering when Google Forms hits its routing limits.\u003C/div>\n\u003C/details>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\n\u003Cstyle>\n/* host-link-override */\n.fmstr-cmp-gfs-rel a { text-decoration: none !important; }\n.fmstr-cmp-gfs-rel {\n--c-bg: transparent;\n--c-card: #ffffff;\n--c-fg-1: #101828;\n--c-fg-2: #475467;\n--c-fg-3: #697586;\n--c-violet-500: #7f56d9;\n--c-violet-600: #6941c6;\n--c-violet-700: #5b34b1;\n--c-tint: #f7f3ff;\n--c-edge: #e4d7ff;\n--c-border: #eaecf0;\n\nbackground: var(--c-bg);\npadding: 8px 0 0;\nfont-family: inherit;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-gfs-rel *, .fmstr-cmp-gfs-rel *::before, .fmstr-cmp-gfs-rel *::after { box-sizing: border-box; }\n.fmstr-cmp-gfs-rel__container { max-width: 1180px; margin: 0 auto; padding: 0 16px; }\n\n.fmstr-cmp-gfs-rel__head { margin: 0 0 28px; max-width: 760px; }\n.fmstr-cmp-gfs-rel__eyebrow {\ndisplay: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;\ncolor: var(--c-violet-600); background: #f4ebff;\npadding: 4px 10px; border-radius: 9999px; margin: 0 0 12px;\n}\n.fmstr-cmp-gfs-rel__h2 {\nfont-size: clamp(22px, 2.4vw, 28px) !important;\nfont-weight: 700 !important;\nline-height: 1.2 !important;\nletter-spacing: -.02em !important;\nmargin: 0 !important;\nmargin-top: 0 !important;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-gfs-rel__intro {\ncolor: var(--c-fg-3);\nfont-size: 15px !important;\nline-height: 1.5 !important;\nmargin: 8px 0 0 !important;\nmargin-bottom: 0 !important;\n}\n\n.fmstr-cmp-gfs-rel__grid {\ndisplay: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;\nalign-items: start;\nmargin: 0;\n}\n\n.fmstr-cmp-gfs-rel__card {\ndisplay: flex; align-items: center; gap: 12px;\nbackground: var(--c-card);\nborder: 1px solid var(--c-border);\nborder-radius: 12px;\npadding: 12px 14px;\ncolor: inherit !important; text-decoration: none !important;\ntransition: border-color .15s ease, box-shadow .15s ease, transform .15s ease, background .15s ease;\nmin-width: 0;\nposition: relative;\n}\n.fmstr-cmp-gfs-rel__card:hover {\nborder-color: #d6c5fa;\nbackground: #fbfaff;\nbox-shadow: 0 4px 16px rgba(105, 65, 198, 0.08);\ntransform: translateY(-1px);\n}\n\n.fmstr-cmp-gfs-rel__icon {\nflex-shrink: 0;\nwidth: 36px; height: 36px;\ndisplay: grid; place-items: center;\nbackground: linear-gradient(135deg, var(--c-tint) 0%, #efe4ff 100%);\nborder: 1px solid var(--c-edge);\nborder-radius: 8px;\ncolor: var(--c-violet-600);\n}\n.fmstr-cmp-gfs-rel__icon svg { width: 18px; height: 18px; }\n\n.fmstr-cmp-gfs-rel__text { flex: 1; min-width: 0; }\n.fmstr-cmp-gfs-rel__title {\nfont-size: 14.5px !important;\nfont-weight: 600 !important;\ncolor: var(--c-fg-1);\nline-height: 1.3 !important;\nmargin: 0 0 2px !important;\nmargin-top: 0 !important;\nletter-spacing: -.005em;\ndisplay: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;\noverflow: hidden;\n}\n.fmstr-cmp-gfs-rel__sub {\nfont-size: 12.5px !important;\nline-height: 1.4 !important;\ncolor: var(--c-fg-3);\nmargin: 0 !important;\nmargin-bottom: 0 !important;\ndisplay: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;\noverflow: hidden;\n}\n\n.fmstr-cmp-gfs-rel__arrow {\nflex-shrink: 0;\nwidth: 22px; height: 22px;\ndisplay: grid; place-items: center;\ncolor: var(--c-violet-600);\nfont-size: 14px; font-weight: 700;\ntransition: transform .15s ease;\n}\n.fmstr-cmp-gfs-rel__card:hover .fmstr-cmp-gfs-rel__arrow { transform: translateX(3px); }\n\n@media (max-width: 560px) {\n.fmstr-cmp-gfs-rel { padding: 8px 0 0; }\n.fmstr-cmp-gfs-rel__grid { grid-template-columns: 1fr; gap: 10px; }\n.fmstr-cmp-gfs-rel__card { padding: 12px; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-gfs-rel\" aria-labelledby=\"fmstr-cmp-gfs-rel-h2\">\n\u003Cdiv class=\"fmstr-cmp-gfs-rel__container\">\n\u003Cdiv class=\"fmstr-cmp-gfs-rel__head\">\n\u003Cdiv class=\"fmstr-cmp-gfs-rel__eyebrow\">More on Formester\u003C/div>\n\u003Ch2 class=\"fmstr-cmp-gfs-rel__h2\" id=\"fmstr-cmp-gfs-rel-h2\">Go farther than Google Forms sections\u003C/h2>\n\u003Cp class=\"fmstr-cmp-gfs-rel__intro\">Conditional logic, multi-step UX, and AI-assisted form building, all in one place.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-gfs-rel__grid\">\n\n\u003Ca class=\"fmstr-cmp-gfs-rel__card\" href=\"https://formester.com/features/conditional-logic/\">\n\u003Cspan class=\"fmstr-cmp-gfs-rel__icon\" aria-hidden=\"true\">\n\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"6 3 6 21\"/>\u003Cpolyline points=\"18 3 18 9\"/>\u003Cpath d=\"M6 9c0 6 12 6 12 12\"/>\u003C/svg>\n\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-gfs-rel__text\">\n\u003Ch3 class=\"fmstr-cmp-gfs-rel__title\">Conditional logic\u003C/h3>\n\u003Cp class=\"fmstr-cmp-gfs-rel__sub\">Per-question branching\u003C/p>\n\u003C/div>\n\u003Cspan class=\"fmstr-cmp-gfs-rel__arrow\" aria-hidden=\"true\">→\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-gfs-rel__card\" href=\"https://formester.com/ai-form-generator/\">\n\u003Cspan class=\"fmstr-cmp-gfs-rel__icon\" aria-hidden=\"true\">\n\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72\"/>\u003Cpath d=\"m14 7 3 3\"/>\u003Cpath d=\"M5 6v4\"/>\u003Cpath d=\"M19 14v4\"/>\u003Cpath d=\"M10 2v2\"/>\u003Cpath d=\"M7 8H3\"/>\u003Cpath d=\"M21 16h-4\"/>\u003Cpath d=\"M11 3H9\"/>\u003C/svg>\n\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-gfs-rel__text\">\n\u003Ch3 class=\"fmstr-cmp-gfs-rel__title\">AI Form Generator\u003C/h3>\n\u003Cp class=\"fmstr-cmp-gfs-rel__sub\">Forms from one prompt\u003C/p>\n\u003C/div>\n\u003Cspan class=\"fmstr-cmp-gfs-rel__arrow\" aria-hidden=\"true\">→\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-gfs-rel__card\" href=\"https://formester.com/blog/how-to-add-conditional-questions-in-google-forms/\">\n\u003Cspan class=\"fmstr-cmp-gfs-rel__icon\" aria-hidden=\"true\">\n\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"/>\u003C/svg>\n\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-gfs-rel__text\">\n\u003Ch3 class=\"fmstr-cmp-gfs-rel__title\">Conditional questions\u003C/h3>\n\u003Cp class=\"fmstr-cmp-gfs-rel__sub\">Section branching how-to\u003C/p>\n\u003C/div>\n\u003Cspan class=\"fmstr-cmp-gfs-rel__arrow\" aria-hidden=\"true\">→\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-gfs-rel__card\" href=\"https://formester.com/blog/how-to-make-a-questionnaire-in-google-forms/\">\n\u003Cspan class=\"fmstr-cmp-gfs-rel__icon\" aria-hidden=\"true\">\n\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/>\u003Cpolyline points=\"14 2 14 8 20 8\"/>\u003Cline x1=\"9\" y1=\"13\" x2=\"15\" y2=\"13\"/>\u003Cline x1=\"9\" y1=\"17\" x2=\"15\" y2=\"17\"/>\u003C/svg>\n\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-gfs-rel__text\">\n\u003Ch3 class=\"fmstr-cmp-gfs-rel__title\">Questionnaire guide\u003C/h3>\n\u003Cp class=\"fmstr-cmp-gfs-rel__sub\">Step-by-step build\u003C/p>\n\u003C/div>\n\u003Cspan class=\"fmstr-cmp-gfs-rel__arrow\" aria-hidden=\"true\">→\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-gfs-rel__card\" href=\"https://formester.com/blog/how-to-make-a-survey-in-google-forms-using-chat-gpt/\">\n\u003Cspan class=\"fmstr-cmp-gfs-rel__icon\" aria-hidden=\"true\">\n\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .962 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.962 0z\"/>\u003Cpath d=\"M20 3v4\"/>\u003Cpath d=\"M22 5h-4\"/>\u003C/svg>\n\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-gfs-rel__text\">\n\u003Ch3 class=\"fmstr-cmp-gfs-rel__title\">Survey with ChatGPT\u003C/h3>\n\u003Cp class=\"fmstr-cmp-gfs-rel__sub\">AI-assisted survey build\u003C/p>\n\u003C/div>\n\u003Cspan class=\"fmstr-cmp-gfs-rel__arrow\" aria-hidden=\"true\">→\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-gfs-rel__card\" href=\"https://formester.com/blog/how-to-make-a-poll-on-google-forms/\">\n\u003Cspan class=\"fmstr-cmp-gfs-rel__icon\" aria-hidden=\"true\">\n\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M3 3v18h18\"/>\u003Cpath d=\"M7 17V11\"/>\u003Cpath d=\"M12 17V7\"/>\u003Cpath d=\"M17 17v-4\"/>\u003C/svg>\n\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-gfs-rel__text\">\n\u003Ch3 class=\"fmstr-cmp-gfs-rel__title\">Poll in Google Forms\u003C/h3>\n\u003Cp class=\"fmstr-cmp-gfs-rel__sub\">Quick how-to\u003C/p>\n\u003C/div>\n\u003Cspan class=\"fmstr-cmp-gfs-rel__arrow\" aria-hidden=\"true\">→\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-gfs-rel__card\" href=\"https://formester.com/blog/how-to-create-signup-sheets-in-google-forms/\">\n\u003Cspan class=\"fmstr-cmp-gfs-rel__icon\" aria-hidden=\"true\">\n\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" ry=\"2\"/>\u003Cline x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"/>\u003Cline x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"/>\u003Cline x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"/>\u003C/svg>\n\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-gfs-rel__text\">\n\u003Ch3 class=\"fmstr-cmp-gfs-rel__title\">Signup sheets\u003C/h3>\n\u003Cp class=\"fmstr-cmp-gfs-rel__sub\">Template plus walkthrough\u003C/p>\n\u003C/div>\n\u003Cspan class=\"fmstr-cmp-gfs-rel__arrow\" aria-hidden=\"true\">→\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-gfs-rel__card\" href=\"https://formester.com/blog/5-ways-to-view-responses-in-google-forms/\">\n\u003Cspan class=\"fmstr-cmp-gfs-rel__icon\" aria-hidden=\"true\">\n\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M3 3v16a2 2 0 0 0 2 2h16\"/>\u003Cpath d=\"M7 16V8\"/>\u003Cpath d=\"M12 16V4\"/>\u003Cpath d=\"M17 16v-4\"/>\u003C/svg>\n\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-gfs-rel__text\">\n\u003Ch3 class=\"fmstr-cmp-gfs-rel__title\">5 ways to view responses\u003C/h3>\n\u003Cp class=\"fmstr-cmp-gfs-rel__sub\">Summary, sheet, CSV\u003C/p>\n\u003C/div>\n\u003Cspan class=\"fmstr-cmp-gfs-rel__arrow\" aria-hidden=\"true\">→\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-gfs-rel__card\" href=\"https://formester.com/templates/categories/survey-forms/\">\n\u003Cspan class=\"fmstr-cmp-gfs-rel__icon\" aria-hidden=\"true\">\n\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect width=\"7\" height=\"7\" x=\"3\" y=\"3\" rx=\"1\"/>\u003Crect width=\"7\" height=\"7\" x=\"14\" y=\"3\" rx=\"1\"/>\u003Crect width=\"7\" height=\"7\" x=\"14\" y=\"14\" rx=\"1\"/>\u003Crect width=\"7\" height=\"7\" x=\"3\" y=\"14\" rx=\"1\"/>\u003C/svg>\n\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-gfs-rel__text\">\n\u003Ch3 class=\"fmstr-cmp-gfs-rel__title\">Survey templates\u003C/h3>\n\u003Cp class=\"fmstr-cmp-gfs-rel__sub\">Browse the gallery\u003C/p>\n\u003C/div>\n\u003Cspan class=\"fmstr-cmp-gfs-rel__arrow\" aria-hidden=\"true\">→\u003C/span>\n\u003C/a>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\n\u003C!-- FAQPage -->\n\u003Cscript type=\"application/ld+json\">\n{\n  \"@context\": \"https://schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n        { \"@type\": \"Question\", \"name\": \"How do I add sections in Google Forms?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Open your form, click the Add section button (rightmost icon in the right-side toolbar), drag questions into the new section, name the section, and add a description. Repeat for each section.\" } },\n        { \"@type\": \"Question\", \"name\": \"Can Google Forms route users to different sections based on answers?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Yes. In a multiple-choice question, click the three-dot menu, choose Go to section based on answer, and map each answer to a section. Different answers route the respondent to different parts of the form.\" } },\n        { \"@type\": \"Question\", \"name\": \"How many sections can a Google Form have?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"There's no official limit but performance degrades past about 20 sections. For long branching forms with more than 15-20 sections, consider a dedicated form builder.\" } },\n        { \"@type\": \"Question\", \"name\": \"Can I reorder sections in Google Forms?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Yes. Click the three-dot menu on the section header and choose Move section. Drag to the new position. All questions in that section move with it.\" } },\n        { \"@type\": \"Question\", \"name\": \"How do I delete a section in Google Forms?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Click the three-dot menu on the section header and choose Delete section. You can either delete the section and all its questions, or merge the questions into the previous section.\" } },\n        { \"@type\": \"Question\", \"name\": \"Can sections be conditional in Google Forms?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Sections themselves are not conditional, but you can route to or skip past sections using Go to section based on answer logic on multiple-choice or dropdown questions.\" } },\n        { \"@type\": \"Question\", \"name\": \"What's the difference between sections and pages in Google Forms?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"In Google Forms, sections are pages \\u2014 each section becomes a separate page in the live form. Respondents click Next to move between sections.\" } },\n        { \"@type\": \"Question\", \"name\": \"Can I hide questions in Google Forms based on a section answer?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Google Forms can route to a different section based on an answer, but cannot conditionally hide individual questions within a section. For per-question conditional logic, use Formester.\" } },\n        { \"@type\": \"Question\", \"name\": \"How do I share a Google Form with sections?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Click Send in the top right, copy the link, and share. Sections are preserved automatically; respondents see each section in turn as they click Next.\" } },\n        { \"@type\": \"Question\", \"name\": \"Is there a better alternative for forms with many sections?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Formester supports unlimited sections, per-question conditional logic, multi-step UX, and branded styling. Worth considering when Google Forms hits its routing limits.\" } }\n  ]\n}\n\u003C/script>\n\n\n\u003C!-- Article -->\n\u003Cscript type=\"application/ld+json\">\n{\n  \"@context\": \"https://schema.org\",\n  \"@type\": \"Article\",\n  \"headline\": \"How to Create Sections in Google Forms (5 Steps + Conditional Redirect)\",\n  \"description\": \"Add sections in Google Forms in 5 steps, then route respondents to different sections based on their answers. Screenshots + 60-second video. Free.\",\n  \"image\": \"https://formester.com/blog/how-create-form-sections-in-google-forms/preview.png\",\n  \"author\": { \"@type\": \"Person\", \"name\": \"Harish Kumar\", \"url\": \"https://www.linkedin.com/in/harish-kumar2424/\" },\n  \"publisher\": { \"@type\": \"Organization\", \"name\": \"Formester\", \"logo\": { \"@type\": \"ImageObject\", \"url\": \"https://formester.com/logo.svg\" } },\n  \"datePublished\": \"2025-05-15\",\n  \"dateModified\": \"2026-05-29\"\n}\n\u003C/script>\n\n\n\u003C!-- BreadcrumbList -->\n\u003Cscript type=\"application/ld+json\">\n{\n  \"@context\": \"https://schema.org\",\n  \"@type\": \"BreadcrumbList\",\n  \"itemListElement\": [\n    { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Home\", \"item\": \"https://formester.com/\" },\n    { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"Blog\", \"item\": \"https://formester.com/blog/\" },\n    { \"@type\": \"ListItem\", \"position\": 3, \"name\": \"Form Sections in Google Forms\", \"item\": \"https://formester.com/blog/how-create-form-sections-in-google-forms/\" }\n  ]\n}\n\u003C/script>\n\n\n\u003C!-- VideoObject -->\n\u003Cscript type=\"application/ld+json\">\n{\n  \"@context\": \"https://schema.org\",\n  \"@type\": \"VideoObject\",\n  \"name\": \"How to Create Sections in Google Forms (5 Steps + Conditional Redirect)\",\n  \"description\": \"Add sections in Google Forms in 5 steps, then route respondents to different sections based on their answers. Screenshots + 60-second video. Free.\",\n  \"thumbnailUrl\": \"https://img.youtube.com/vi/puP1xvmSDBM/maxresdefault.jpg\",\n  \"uploadDate\": \"2025-05-15\",\n  \"contentUrl\": \"https://www.youtube.com/watch?v=puP1xvmSDBM\",\n  \"embedUrl\": \"https://www.youtube.com/embed/puP1xvmSDBM\"\n}\n\u003C/script>","2025-05-16T00:43:40.738Z","2026-06-08T11:38:02.146Z","2026-06-05T03:35:16.000Z","https://formester-strapi.s3.ap-south-1.amazonaws.com/a_blog_post_cover_about_how_to_create_form_sections_in_google_forms_e27f572001.png",[],[],1427,{"text":192},"8 min read",{"title":194,"description":195,"metaTitle":196,"metaDescription":195,"keywords":197,"author":141,"authorProfile":142,"coverImgAlt":198,"featured":14,"slug":199,"body":200,"createdAt":201,"updatedAt":202,"publishedAt":203,"coverImg":204,"metaImage":205,"schema":206,"id":287,"coverImgWidth":153,"coverImgHeight":154,"readingStats":288},"How to embed a Google Form in 2026","Embed a Google Form on any site (WordPress, Wix, Squarespace, Canva) in 2026. Get the iframe snippet, fix mobile cut-off issues, and skip the embed limits.","How to Embed a Google Form in 2026: 5 Methods + Fixes","Embed Google Forms, Google Forms integration, Form embedding, Embedding forms, Website integration, Email forms, Shareable links, Google Forms limitations, Formester alternative, E-signature support, Form building strategies, Form integration methods, User engagement, Data collection, Online forms, Google Forms tutorial, Formester features, Practical strategies, Website forms, Email marketing","illustration of google forms","how-to-embed-a-google-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\u003Cp class=\"fmstr-blog-lead\">Most people embed a Google Form for one reason. They want responses on their own site, inside their own brand, without sending visitors to a docs.google.com URL that breaks the flow. There are five ways to do it in 2026.\u003C/p>\n\n\u003Cp class=\"fmstr-blog-lead\">The iframe HTML snippet (works anywhere you can paste HTML), a WordPress plugin or shortcode, the native Wix HTML element, the Squarespace code block, and Canva's embed element. We walk through each below with the exact code.\u003C/p>\n\n\u003Cp class=\"fmstr-blog-lead\">The catch worth knowing before you start: Google's iframe is fixed-width by default, sits awkwardly on mobile, ignores your brand colors, and will not load if your site blocks third-party iframes via CSP. We cover the fixes for all of that, plus what to do when you outgrow it.\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;\nfont-weight: 700;\nletter-spacing: 0.08em;\ntext-transform: uppercase;\ncolor: var(--c-violet-700) !important;\ndisplay: inline-flex;\nalign-items: center;\ngap: 8px;\nmargin: 0;\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;\nline-height: 1.65;\ncolor: var(--c-fg-1);\nmargin: 0;\nfont-weight: 500;\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; }\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 embed a Google Form, open the form, click \u003Cstrong>Send\u003C/strong>, then the \u003Cstrong>< >\u003C/strong> embed icon, set width and height, and copy the iframe snippet. Paste it into any site that accepts HTML: WordPress (Custom HTML block), Wix (Embed HTML), Squarespace (Code block), Webflow (Embed), or Canva (Add > Embed using the viewform URL). For responsive sizing, wrap the iframe in a div with \u003Cstrong>max-width:720px\u003C/strong> and set the iframe to \u003Cstrong>width:100%\u003C/strong> with a tuned min-height.\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; color: var(--c-violet-600) !important; }\n.fmstr-cmp-tmpl-cmp a:hover { text-decoration: underline !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; }\n.fmstr-cmp-tmpl-cmp__h2 {\nfont-size: clamp(26px, 3vw, 36px); font-weight: 700; line-height: 1.15;\nletter-spacing: -.02em; margin: 0; color: var(--c-fg-1);\n}\n.fmstr-cmp-tmpl-cmp__intro { color: var(--c-fg-3); font-size: 17px; line-height: 1.6; margin: 14px 0 0; }\n\n.fmstr-cmp-tmpl-cmp__tablewrap { border: 1px solid var(--c-border); border-radius: 14px; overflow: hidden; background: var(--c-card); box-shadow: var(--c-shadow); }\n.fmstr-cmp-tmpl-cmp__tablescroll { overflow-x: auto; }\n.fmstr-cmp-tmpl-cmp__table { width: 100%; border-collapse: collapse; min-width: 640px; }\n.fmstr-cmp-tmpl-cmp__table th, .fmstr-cmp-tmpl-cmp__table td { text-align: left; padding: 14px 18px; font-size: 14.5px; line-height: 1.5; border-bottom: 1px solid var(--c-border); vertical-align: top; color: var(--c-fg-2); }\n.fmstr-cmp-tmpl-cmp__table thead th { background: var(--c-tint); color: var(--c-fg-1); font-weight: 700; font-size: 13.5px; letter-spacing: .02em; }\n.fmstr-cmp-tmpl-cmp__table tr:last-child td { border-bottom: 0; }\n.fmstr-cmp-tmpl-cmp__table td:first-child, .fmstr-cmp-tmpl-cmp__table th:first-child { color: var(--c-fg-1); font-weight: 600; width: 26%; }\n.fmstr-cmp-tmpl-cmp__table th.fmstr-cmp-tmpl-cmp__th--us { color: var(--c-violet-700); }\n\n.fmstr-cmp-tmpl-cmp__caption { font-size: 14px; color: var(--c-fg-3); margin: 14px 4px 0; line-height: 1.55; }\n\n.fmstr-cmp-tmpl-cmp__tag { display: inline-block; padding: 2px 8px; border-radius: 9999px; font-size: 12px; font-weight: 700; letter-spacing: .02em; }\n.fmstr-cmp-tmpl-cmp__tag--no { background: #fef3f2; color: #b42318; }\n.fmstr-cmp-tmpl-cmp__tag--yes { background: #ecfdf3; color: #027a48; }\n\n@media (max-width: 540px) {\n.fmstr-cmp-tmpl-cmp { padding: 36px 0; }\n.fmstr-cmp-tmpl-cmp__table th, .fmstr-cmp-tmpl-cmp__table td { padding: 12px 14px; font-size: 13.5px; }\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\">Google Forms embed vs Formester embed\u003C/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-cmp__intro\">Same job, two very different defaults. Here is the side-by-side on what each one ships out of the box.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-cmp__tablewrap\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-cmp__tablescroll\">\n\u003Ctable class=\"fmstr-cmp-tmpl-cmp__table\">\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Capability\u003C/th>\n\u003Cth>Google Forms embed\u003C/th>\n\u003Cth class=\"fmstr-cmp-tmpl-cmp__th--us\">Formester embed\u003C/th>\n\u003C/tr>\n\u003C/thead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>Embed modes\u003C/td>\n\u003Ctd>1 (iframe only)\u003C/td>\n\u003Ctd>6: Standard inline, Popup, Sidebar, Side Tab, Popover, Fullscreen\u003C/td>\n\u003C/tr>\n\u003Ctr>\n\u003Ctd>Mobile responsive\u003C/td>\n\u003Ctd>Manual (fixed height)\u003C/td>\n\u003Ctd>Auto-fits container\u003C/td>\n\u003C/tr>\n\u003Ctr>\n\u003Ctd>Custom branding\u003C/td>\n\u003Ctd>\u003Cspan class=\"fmstr-cmp-tmpl-cmp__tag fmstr-cmp-tmpl-cmp__tag--no\">No\u003C/span> Google chrome stays\u003C/td>\n\u003Ctd>\u003Ca href=\"https://formester.com/features/branding/\">Full white-label, brand colors, custom fonts\u003C/a>\u003C/td>\n\u003C/tr>\n\u003Ctr>\n\u003Ctd>Native CMS integrations\u003C/td>\n\u003Ctd>None (raw iframe everywhere)\u003C/td>\n\u003Ctd>WordPress, Wix, Webflow, Canva, Shopify, Squarespace\u003C/td>\n\u003C/tr>\n\u003Ctr>\n\u003Ctd>Load behavior\u003C/td>\n\u003Ctd>iframe loads docs.google.com\u003C/td>\n\u003Ctd>Lightweight JS embed, no iframe required for Popup or Side Tab\u003C/td>\n\u003C/tr>\n\u003Ctr>\n\u003Ctd>Conditional logic\u003C/td>\n\u003Ctd>Basic section branching only\u003C/td>\n\u003Ctd>\u003Ca href=\"https://formester.com/features/conditional-logic/\">Field-level + page-level conditional logic\u003C/a>\u003C/td>\n\u003C/tr>\n\u003Ctr>\n\u003Ctd>Submissions analytics\u003C/td>\n\u003Ctd>Inside Google Forms only\u003C/td>\n\u003Ctd>\u003Ca href=\"https://formester.com/features/form-analytics/\">Per-field drop-off, time on page, completion rate\u003C/a>\u003C/td>\n\u003C/tr>\n\u003Ctr>\n\u003Ctd>Payment fields\u003C/td>\n\u003Ctd>\u003Cspan class=\"fmstr-cmp-tmpl-cmp__tag fmstr-cmp-tmpl-cmp__tag--no\">No\u003C/span>\u003C/td>\n\u003Ctd>\u003Cspan class=\"fmstr-cmp-tmpl-cmp__tag fmstr-cmp-tmpl-cmp__tag--yes\">Yes\u003C/span> Stripe + PayPal native\u003C/td>\n\u003C/tr>\n\u003Ctr>\n\u003Ctd>E-signature\u003C/td>\n\u003Ctd>\u003Cspan class=\"fmstr-cmp-tmpl-cmp__tag fmstr-cmp-tmpl-cmp__tag--no\">No\u003C/span>\u003C/td>\n\u003Ctd>\u003Cspan class=\"fmstr-cmp-tmpl-cmp__tag fmstr-cmp-tmpl-cmp__tag--yes\">Yes\u003C/span> legally binding signatures\u003C/td>\n\u003C/tr>\n\u003Ctr>\n\u003Ctd>File upload\u003C/td>\n\u003Ctd>Requires Google login\u003C/td>\n\u003Ctd>Public, no login required\u003C/td>\n\u003C/tr>\n\u003C/tbody>\n\u003C/table>\n\u003C/div>\n\u003C/div>\n\n\u003Cp class=\"fmstr-cmp-tmpl-cmp__caption\">If you are sending the form to people inside your Workspace and you do not care how it looks, Google Forms is free and works. If the visitor's first impression matters, \u003Ca href=\"https://formester.com/features/share-embed/\">embed your form on any site\u003C/a> with Formester, or read the deeper \u003Ca href=\"https://formester.com/blog/google-forms-vs-jotform/\">Google Forms vs Jotform comparison\u003C/a>.\u003C/p>\n\n\u003C/div>\n\u003C/section>\n\n\n\u003Cstyle>\n.fmstr-cmp-tmpl-steps a { text-decoration: none !important; color: var(--c-violet-600) !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);\n--c-code-bg: #0f1419; --c-code-fg: #e5e7eb; --c-code-accent: #c4b5fd;\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; }\n.fmstr-cmp-tmpl-steps__h2 {\nfont-size: clamp(26px, 3vw, 36px); font-weight: 700; line-height: 1.15;\nletter-spacing: -.02em; margin: 0; color: var(--c-fg-1);\n}\n.fmstr-cmp-tmpl-steps__intro { color: var(--c-fg-3); font-size: 17px; line-height: 1.6; margin: 14px 0 0; }\n\n.fmstr-cmp-tmpl-steps__method { margin: 28px 0 0; }\n.fmstr-cmp-tmpl-steps__methodlabel {\ndisplay: inline-block; font-size: 11.5px; font-weight: 700; letter-spacing: .1em;\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; margin: 0 0 10px;\n}\n.fmstr-cmp-tmpl-steps__methodtitle {\nfont-size: 22px; font-weight: 700; color: var(--c-fg-1);\nmargin: 0 0 6px; line-height: 1.25;\n}\n.fmstr-cmp-tmpl-steps__methodlead {\ncolor: var(--c-fg-2); font-size: 15.5px; line-height: 1.6; margin: 0 0 16px;\n}\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; font-weight: 700; line-height: 1.3;\ncolor: var(--c-fg-1); margin: 0 0 6px;\n}\n.fmstr-cmp-tmpl-steps__body {\nfont-size: 15px; line-height: 1.6;\ncolor: var(--c-fg-2); margin: 0;\n}\n.fmstr-cmp-tmpl-steps__body code { background: #f4f4f7; color: #3b1d72; padding: 1px 6px; border-radius: 5px; font-size: 13.5px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }\n\n.fmstr-cmp-tmpl-steps__code {\nmargin: 12px 0 0; padding: 16px 18px;\nbackground: var(--c-code-bg); color: var(--c-code-fg);\nborder-radius: 10px; font-size: 13px; line-height: 1.6;\nfont-family: ui-monospace, SFMono-Regular, Menlo, monospace;\noverflow-x: auto; white-space: pre;\n}\n.fmstr-cmp-tmpl-steps__code span.tag { color: var(--c-code-accent); }\n\n.fmstr-cmp-tmpl-steps__note {\nmargin: 12px 0 0; padding: 12px 14px;\nbackground: #fff8eb; border: 1px solid #fde9b9; border-radius: 10px;\nfont-size: 14px; line-height: 1.55; color: #6b4607;\n}\n.fmstr-cmp-tmpl-steps__note strong { color: #8a3a06; }\n\n.fmstr-cmp-tmpl-steps__sublist {\nmargin: 8px 0 0 0; padding: 0; list-style: none;\ndisplay: flex; flex-direction: column; gap: 10px;\n}\n.fmstr-cmp-tmpl-steps__sublist li {\nfont-size: 15px; line-height: 1.6; color: var(--c-fg-2);\npadding-left: 16px; position: relative;\n}\n.fmstr-cmp-tmpl-steps__sublist li::before {\ncontent: \"\"; position: absolute; left: 0; top: 9px;\nwidth: 6px; height: 6px; border-radius: 9999px; background: var(--c-violet-500);\n}\n.fmstr-cmp-tmpl-steps__sublist li strong { color: var(--c-fg-1); }\n\n.fmstr-cmp-tmpl-steps__trouble {\nmargin: 28px 0 0; padding: 24px 26px;\nbackground: var(--c-card); border: 1px solid var(--c-border);\nborder-radius: 14px; box-shadow: var(--c-shadow);\n}\n.fmstr-cmp-tmpl-steps__troublehead {\nfont-size: 18px; font-weight: 700; color: var(--c-fg-1); margin: 0 0 4px;\n}\n.fmstr-cmp-tmpl-steps__troublelead {\ncolor: var(--c-fg-3); font-size: 14.5px; margin: 0 0 14px;\n}\n.fmstr-cmp-tmpl-steps__troublelist {\nmargin: 0; padding: 0; list-style: none;\ndisplay: flex; flex-direction: column; gap: 10px;\n}\n.fmstr-cmp-tmpl-steps__troublelist > li {\nfont-size: 14.5px; line-height: 1.6; color: var(--c-fg-2);\npadding: 12px 14px; background: #fafafb; border: 1px solid var(--c-border); border-radius: 10px;\n}\n.fmstr-cmp-tmpl-steps__troublelist > li strong { color: var(--c-fg-1); display: block; margin: 0 0 4px; font-size: 14.5px; }\n.fmstr-cmp-tmpl-steps__troublelist code { background: #f4f4f7; color: #3b1d72; padding: 1px 6px; border-radius: 5px; font-size: 13px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }\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; }\n.fmstr-cmp-tmpl-steps__body { font-size: 14.5px; }\n.fmstr-cmp-tmpl-steps__methodtitle { font-size: 19px; }\n.fmstr-cmp-tmpl-steps__code { font-size: 12px; padding: 14px; }\n.fmstr-cmp-tmpl-steps__trouble { padding: 18px 20px; }\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\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__head\">\n\u003Ch2 class=\"fmstr-cmp-tmpl-steps__h2\" id=\"fmstr-cmp-tmpl-steps-h2\">3 methods to embed a Google Form on any site\u003C/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__intro\">The universal iframe snippet, the WordPress route, and the four-CMS path for Wix, Squarespace, Canva, and Webflow. Pick the one that matches where your form is going to live.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__method\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__methodlabel\">Method 1\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__methodtitle\">Embed a Google Form with the iframe HTML snippet\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__methodlead\">This is the universal method. Any site builder, blog platform, or static page that accepts an HTML block will accept this.\u003C/p>\n\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\u003Ch4 class=\"fmstr-cmp-tmpl-steps__title\">Open your form and click Send\u003C/h4>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Open the form in Google Forms and click \u003Cstrong>Send\u003C/strong> in the top right.\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\u003Ch4 class=\"fmstr-cmp-tmpl-steps__title\">Click the embed icon\u003C/h4>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">In the share modal, click the \u003Ccode>< >\u003C/code> embed icon to switch to the embed view.\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\u003Ch4 class=\"fmstr-cmp-tmpl-steps__title\">Set the width and height\u003C/h4>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Default is 640 by 480. Most layouts need at least 700 by 1200 for a single-page form. Underestimate the height and the form scrolls inside its own box, which kills completion rates. Common embeds include simple contact forms and \u003Ca href=\"https://formester.com/blog/how-to-create-a-quiz-in-google-forms/\">quizzes built in Google Forms\u003C/a>.\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\u003Ch4 class=\"fmstr-cmp-tmpl-steps__title\">Copy the iframe snippet\u003C/h4>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Click \u003Cstrong>Copy\u003C/strong>. You will get a snippet that looks like this:\u003C/p>\n\u003Cpre class=\"fmstr-cmp-tmpl-steps__code\"><iframe src=\"https://docs.google.com/forms/d/e/FORM_ID/viewform?embedded=true\"\n        width=\"640\" height=\"1200\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\">\n  Loading...\n</iframe>\u003C/pre>\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\u003Ch4 class=\"fmstr-cmp-tmpl-steps__title\">Paste it into your HTML editor\u003C/h4>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Drop the snippet wherever you want the form to render on the page.\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\">6\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch4 class=\"fmstr-cmp-tmpl-steps__title\">Make it responsive\u003C/h4>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Wrap the iframe and set width to 100% with a fixed minimum height:\u003C/p>\n\u003Cpre class=\"fmstr-cmp-tmpl-steps__code\"><div style=\"max-width:720px;margin:0 auto;\">\n  <iframe src=\"https://docs.google.com/forms/d/e/FORM_ID/viewform?embedded=true\"\n          style=\"width:100%;min-height:1400px;border:0;\">\n    Loading...\n  </iframe>\n</div>\u003C/pre>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__note\">\u003Cstrong>Pitfall:\u003C/strong> Google does not auto-resize iframes. Your height is a guess. Add a question, and the form scrolls. Edit it down, and you have whitespace. Most teams set the min-height 200px above the expected form height and accept the small empty band. Once the form is live, you can also \u003Ca href=\"https://formester.com/blog/integrating-google-forms-google-sheets/\">connect Google Forms to Sheets\u003C/a> to capture responses.\u003C/div>\n\u003C/div>\n\u003C/li>\n\n\u003C/ol>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__method\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__methodlabel\">Method 2\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__methodtitle\">Embed a Google Form in WordPress\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__methodlead\">Three routes, ranked by effort. Pick based on whether you want the form to inherit your theme styling.\u003C/p>\n\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\">A\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch4 class=\"fmstr-cmp-tmpl-steps__title\">Custom HTML block (no plugin)\u003C/h4>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Open the post or page in the block editor, add a \u003Cstrong>Custom HTML\u003C/strong> block, paste the iframe snippet from Method 1. Works on every WordPress install, free or hosted.\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\">B\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch4 class=\"fmstr-cmp-tmpl-steps__title\">Google Forms shortcode plugin\u003C/h4>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Plugins like \u003Ca href=\"https://wordpress.org/plugins/google-forms/\">Google Forms by Best WordPress Plugin Marketplace\u003C/a> and \u003Ca href=\"https://wordpress.org/plugins/wpgform/\">WPGForm\u003C/a> let you embed via a shortcode like \u003Ccode>[google-form id=\"FORM_ID\"]\u003C/code>. Useful when you want the form to inherit your theme's typography, since the plugin renders questions in your site's HTML instead of inside an iframe.\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\">C\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch4 class=\"fmstr-cmp-tmpl-steps__title\">Page builder elements\u003C/h4>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Elementor, Divi, and Bricks all ship an HTML widget. Drop the iframe in there. The advantage: you can wrap the widget in a styled container and use the builder's responsive controls to swap iframe heights between desktop and mobile breakpoints, which the raw HTML method does not let you do without custom CSS.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__note\">\u003Cstrong>Card layout tip:\u003C/strong> if your form ends up inside a card with restricted width, increase the iframe height by 30 to 40% to compensate for the narrower text wrap.\u003C/div>\n\u003C/div>\n\u003C/li>\n\n\u003C/ol>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__method\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__methodlabel\">Method 3\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__methodtitle\">Embed a Google Form on Wix, Squarespace, Canva, or Webflow\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__methodlead\">Every modern CMS handles this slightly differently. Here is the exact path for the four most common ones.\u003C/p>\n\n\u003Cul class=\"fmstr-cmp-tmpl-steps__sublist\">\n\u003Cli>\u003Cstrong>Wix.\u003C/strong> Add element > Embed Code > Embed HTML. Paste the iframe snippet. Drag the element to size. Wix sets the container size independently of the iframe size, so check both desktop and mobile preview before publishing. Common gotcha: Wix's free plan adds a banner that pushes the form down on mobile.\u003C/li>\n\u003Cli>\u003Cstrong>Squarespace.\u003C/strong> Add a section > Code block > set type to HTML. Paste the snippet. Squarespace iframes are capped at the section width, so on full-width sections you may need to constrain the iframe to 720px with the wrapper trick from Method 1, or the form looks lost on widescreens.\u003C/li>\n\u003Cli>\u003Cstrong>Canva (websites).\u003C/strong> On a Canva-designed website page, click Add > Embed > paste the Google Form \u003Ccode>viewform\u003C/code> URL (not the iframe code itself). Canva's embed element resolves the URL into a live form. The limit: Canva embeds run in a fixed aspect ratio, so longer forms scroll inside the embed window. Single-page forms work better here than multi-page ones.\u003C/li>\n\u003Cli>\u003Cstrong>Webflow.\u003C/strong> Add an Embed element (under Components). Paste the iframe snippet. Webflow's Embed renders inline at build time, so the form shows up in the Designer preview, not just on publish. If your form sits inside a CMS Collection page, the iframe still works because the snippet is static HTML, not Webflow code.\u003C/li>\n\u003C/ul>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__trouble\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__troublehead\">Troubleshooting an embedded Google Form\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__troublelead\">Most embed problems come down to five things. Diagnose by symptom.\u003C/p>\n\u003Cul class=\"fmstr-cmp-tmpl-steps__troublelist\">\n\u003Cli>\u003Cstrong>1. Form does not load (white box, \"refused to connect\").\u003C/strong> Your site has a Content Security Policy that blocks third-party iframes. Add \u003Ccode>frame-src https://docs.google.com;\u003C/code> to your CSP header. On WordPress, the \u003Ca href=\"https://wordpress.org/plugins/headers-security-advanced-hsts-wp/\">Headers Security plugin\u003C/a> handles this without code.\u003C/li>\n\u003Cli>\u003Cstrong>2. Form is too narrow on desktop, too wide on mobile.\u003C/strong> The default 640px width is fine for sidebars and bad for full-width sections. Wrap the iframe in a div with \u003Ccode>max-width:720px\u003C/code> and set the iframe width to 100%. This caps the form on desktop and lets it shrink on phones.\u003C/li>\n\u003Cli>\u003Cstrong>3. Form scrolls inside its own box.\u003C/strong> Your height attribute is too short. Open the live form in a new tab, scroll to the bottom, measure the pixel height with your browser's inspector, then set the iframe \u003Ccode>min-height\u003C/code> to that value plus 80px. Google does not expose a way to auto-fit because the iframe is cross-origin.\u003C/li>\n\u003Cli>\u003Cstrong>4. Form looks broken on mobile (cut off, buttons missing).\u003C/strong> Two fixes. First, make sure the iframe has \u003Ccode>style=\"width:100%;\"\u003C/code> not a hardcoded pixel width. Second, set the iframe's \u003Ccode>min-height\u003C/code> based on your longest mobile form view. Mobile renders ask for more vertical space than desktop.\u003C/li>\n\u003Cli>\u003Cstrong>5. Dark-mode color clash.\u003C/strong> Google Forms ignores your site's dark mode and renders on white. There is no fix inside Google Forms. Either accept the visual break or check the \u003Ca href=\"https://formester.com/blog/top-google-forms-alternatives/\">top Google Forms alternatives in 2026\u003C/a> for a tool that respects your site's color scheme.\u003C/li>\n\u003C/ul>\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\">Beyond Google Forms\u003C/span>\n\u003Ch2 class=\"fmstr-cmp-tmpl-midcta__h2\" id=\"fmstr-cmp-tmpl-midcta-h2\">Embed a real form on your site, without Google Forms baggage\u003C/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-midcta__body\">Six embed modes, your own branding, conditional logic. No iframe headaches, no Google brand bar.\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); font-weight: 700; line-height: 1.15; letter-spacing: -.02em; margin: 0; color: var(--c-fg-1); text-align: left; }\n.fmstr-cmp-tmpl-faq__intro { color: var(--c-fg-3); font-size: 17px; line-height: 1.6; margin: 14px 0 28px; 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.fmstr-cmp-tmpl-faq__answer code { background: #f4f4f7; color: #3b1d72; padding: 1px 6px; border-radius: 5px; font-size: 13.5px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }\n\n@media (max-width: 760px) {\n.fmstr-cmp-tmpl-faq { padding: 40px 16px; }\n.fmstr-cmp-tmpl-faq__intro { font-size: 15.5px; 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\">The questions people ask after they paste the iframe and something does not look right.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__list\">\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can I embed a Google Form on a Canva website?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Yes. On a Canva-designed website, open the page editor, click \u003Cstrong>Add > Embed\u003C/strong>, and paste the Google Form's \u003Ccode>viewform\u003C/code> URL (not the iframe code). Canva resolves the URL into a live form inside a fixed aspect-ratio embed window. Single-page forms work best because longer forms scroll inside the embed.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Why is my embedded Google Form not loading on my site?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">The most common cause is a Content Security Policy that blocks third-party iframes. Add \u003Ccode>frame-src https://docs.google.com;\u003C/code> to your site's CSP header. Other causes: the form's sharing setting is set to \"Restricted\" instead of \"Anyone with the link,\" or your site enforces strict same-origin policies on iframes (rare, but happens on hardened WordPress installs).\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Is there a height limit on a Google Forms iframe?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">There is no hard limit, but Google does not auto-resize the iframe. You set the height once, and any change to the form (new question, removed section) breaks the fit. Most users set the height 80 to 200 pixels above the expected form length to absorb edits.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can I style an embedded Google Form to match my site?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Not really. You can set a single theme color and font inside Google Forms, but the form chrome (header, logo, \"Required\" markers, submit button) stays Google-branded. Tools like \u003Ca href=\"https://formester.com/google-forms-alternative/\">Formester\u003C/a> let you fully white-label the form, including fonts, button styles, and field spacing.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Is an embedded Google Form mobile responsive?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Out of the box, no. The iframe takes a fixed width and height. To make it usable on mobile, wrap the iframe in a div with \u003Ccode>max-width:100%\u003C/code> and set the iframe \u003Ccode>width=\"100%\"\u003C/code> with a min-height tuned for the mobile view. Even then, you trade off desktop whitespace against mobile cut-off.\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can I track Google Form submissions in Google Analytics or my CRM?\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Not from the embed alone. Google Forms submissions live inside Google Sheets or the form's response tab. To get them into GA4 or a CRM you need a Zapier or Make automation triggered on new responses. Form tools like Formester send submissions to GA4, HubSpot, Salesforce, and Slack natively.\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; 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(3, 1fr); gap: 16px; }\n.fmstr-cmp-tmpl-rel__card {\nbackground: var(--c-card); border: 1px solid var(--c-border);\nborder-radius: 14px; padding: 20px 22px; display: flex; flex-direction: column; gap: 8px;\ntext-decoration: none !important; color: inherit !important; transition: all .15s ease;\nposition: relative;\n}\n.fmstr-cmp-tmpl-rel__card:hover { border-color: var(--c-edge); box-shadow: var(--c-shadow); transform: translateY(-1px); }\n.fmstr-cmp-tmpl-rel__chip {\ndisplay: inline-block; padding: 3px 10px; border-radius: 9999px;\nbackground: var(--c-tint); border: 1px solid var(--c-edge);\ncolor: var(--c-violet-600) !important; font-size: 11.5px; 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; 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: 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\">Keep reading\u003C/h2>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__intro\">Next steps if the iframe approach is starting to feel like the wrong tool.\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/google-forms-alternative/\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Alternative\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Best Google Forms alternative\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Six embed modes, full white-label, payments, e-signature. Side-by-side with Google Forms.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Compare\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https://formester.com/form-builder/\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Product\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Formester form builder\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Build a form, pick an embed mode, paste one snippet. Inline, popup, sidebar, side tab, popover, fullscreen.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Try the builder\u003C/span>\n\u003C/a>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https://formester.com/blog/how-to-link-squarespace-forms-to-google-sheets/\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Guide\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Link Squarespace forms to Google Sheets\u003C/h3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">If you ended up here from Squarespace, the next problem is getting responses into a sheet. Here is the route.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Read guide\u003C/span>\n\u003C/a>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\n","2024-04-07T10:04:42.382Z","2026-06-15T04:50:44.271Z","2026-06-15T04:50:44.267Z","https://formester-strapi.s3.ap-south-1.amazonaws.com/how_to_embed_a_google_form_cbd089bd2e.png",[],[207],{"id":208,"type":209},198,{"@graph":210,"@context":286},[211,221,254,280],{"@type":63,"author":212,"headline":215,"publisher":216,"dateModified":218,"datePublished":219,"mainEntityOfPage":220},{"url":213,"name":214,"@type":65},"https://www.linkedin.com/in/sidsh0502/","Siddharth Sharma","How to embed a Google Form in 2026: 5 methods, the iframe code, and the fixes nobody documents",{"logo":217,"name":31,"@type":32},{"url":29,"@type":30},"2026-06-11","2023-10-26","https://formester.com/blog/how-to-embed-a-google-form/",{"name":222,"step":223,"tool":246,"@type":252,"totalTime":253},"How to embed a Google Form on your website",[224,228,231,234,238,242],{"name":225,"text":226,"@type":227,"position":52},"Open the form's Send modal","In Google Forms, click Send in the top right corner.","HowToStep",{"name":229,"text":230,"@type":227,"position":56},"Click the embed icon","Click the \u003C > embed icon in the share modal.",{"name":232,"text":233,"@type":227,"position":58},"Set width and height","Set width to at least 720px and height to your form's full pixel length plus 80px buffer.",{"name":235,"text":236,"@type":227,"position":237},"Copy the iframe snippet","Click Copy to grab the generated iframe HTML.",4,{"name":239,"text":240,"@type":227,"position":241},"Paste into your site","Paste the snippet into a Custom HTML block on your CMS (WordPress, Wix, Squarespace, Webflow, Canva).",5,{"name":243,"text":244,"@type":227,"position":245},"Make it responsive","Wrap the iframe in a div with max-width:720px and set the iframe width to 100%.",6,[247,250],{"name":248,"@type":249},"Google Forms","HowToTool",{"name":251,"@type":249},"Website HTML editor or CMS","HowTo","PT5M",{"@type":72,"mainEntity":255},[256,260,264,268,272,276],{"name":257,"@type":76,"acceptedAnswer":258},"Can I embed a Google Form on a Canva website?",{"text":259,"@type":79},"Yes. On a Canva-designed website, open the page editor, click Add > Embed, and paste the Google Form's viewform URL. Canva resolves the URL into a live form inside a fixed aspect-ratio embed window.",{"name":261,"@type":76,"acceptedAnswer":262},"Why is my embedded Google Form not loading on my site?",{"text":263,"@type":79},"The most common cause is a Content Security Policy that blocks third-party iframes. Add frame-src https://docs.google.com; to your site's CSP header. Other causes include restricted sharing settings or strict same-origin policies.",{"name":265,"@type":76,"acceptedAnswer":266},"Is there a height limit on a Google Forms iframe?",{"text":267,"@type":79},"There is no hard limit, but Google does not auto-resize the iframe. You set the height once, and any change to the form breaks the fit. Most users set the height 80 to 200 pixels above the expected form length.",{"name":269,"@type":76,"acceptedAnswer":270},"Can I style an embedded Google Form to match my site?",{"text":271,"@type":79},"Only partially. You can set a single theme color and font inside Google Forms, but the form chrome stays Google-branded. Tools like Formester let you fully white-label the form.",{"name":273,"@type":76,"acceptedAnswer":274},"Is an embedded Google Form mobile responsive?",{"text":275,"@type":79},"Out of the box, no. The iframe takes a fixed width and height. Wrap it in a div with max-width:100% and set width=100% with a tuned min-height to improve mobile rendering.",{"name":277,"@type":76,"acceptedAnswer":278},"Can I track Google Form submissions in Google Analytics or my CRM?",{"text":279,"@type":79},"Not from the embed alone. Form submissions live in Google Sheets or the form's response tab. You need a Zapier or Make automation to push them to GA4 or a CRM.",{"@type":47,"itemListElement":281},[282,283,284],{"item":27,"name":50,"@type":51,"position":52},{"item":54,"name":55,"@type":51,"position":56},{"item":220,"name":285,"@type":51,"position":58},"How to embed a Google Form","https://schema.org",41,{"text":133},1784085631940]