[{"data":1,"prerenderedAt":307},["ShallowReactive",2],{"blog-net-promoter-score-survey":3},{"blogData":4,"relatedArticles":29},{"id":5,"title":6,"author":7,"authorImage":8,"authorProfile":9,"coverImg":10,"coverImgAlt":11,"createdAt":12,"description":13,"featured":14,"jsonld":15,"keywords":16,"metaDescription":17,"metaImage":18,"metaTitle":19,"publishedAt":20,"slug":21,"updatedAt":22,"__hash__":23,"body":24,"coverImgWidth":25,"coverImgHeight":26,"readingStats":27},"blog\u002Fblog\u002Fnet-promoter-score-survey.md","Net Promoter Score (NPS): Complete Guide for Businesses","Harish Kumar",null,"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fharish-kumar2424\u002F","https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fnet_promoter_score_8b75dc1892.png","net promoter score","2025-09-10T04:57:35.736Z","Learn NPS benchmarks, calculate your score, and turn feedback into loyal customers. Measure customer loyalty and drive growth with NPS.",false,[],"net promoter score nps,\nmeasuring customer loyalty,\nmeasure customer,\nnps question,\ndetractors from the percentage,\nsubtracting the percentage,\npercentage of promoters,\nresponse rate,\ncustomer base,\nloyal customers,\npercentage of detractors,\nfred reichheld,\ncustomer journey,\nproduct or service,\nunhappy customers,\nnps benchmarks,\ncustomer feedback,\ncustomer support,\nsurvey question,\ngood net promoter score,","Learn how to measure customer loyalty with Net Promoter Score NPS. Track promoters, detractors, and improve your product, service, and support.",[],"Net Promoter Score (NPS): Complete Guide for Businesses in 2025","2025-09-10T05:03:02.813Z","net-promoter-score-survey","2025-09-10T05:03:02.817Z","_dAmjsi5RLg0tmDOwjaMWl4a15-ehtPThEafb9owb-o","![net promoter score](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fnet_promoter_score_8b75dc1892.png)\n\n**Customer experience** has become the new battleground for growth. People can copy products, match prices, but a loyal customer base remains priceless. One of the simplest yet most powerful ways to measure customer loyalty is through the Net Promoter Score (NPS).\n\nIf you want to see if your customers are happy and would recommend your product or service, use NPS. In this guide, we’ll break down what NPS is, why it matters, how to calculate it, and the exact steps you can take to make the most of it in 2025. \n\nWe’ll also explore how customer feedback, survey questions, and the customer journey can influence your score.\n\n### What is the Net Promoter Score (NPS)?\n\n The **Net Promoter Score** is a customer experience metric designed to measure one thing: customer loyalty. It revolves around a single, straightforward NPS question:\n\n>“On a scale of 0–10, how likely are you to recommend our product or service to a friend or colleague?”\n\nThe genius of NPS lies in its simplicity. With just one survey question, you get a snapshot of how customers feel about your business. Unlike long, complicated surveys, NPS removes friction, increases the response rate, and **[helps you measure customer sentiment](\u002Fblog\u002Fanalyse-sentiment-in-a-feedback-form\u002F)** efficiently.\n\n#### Here’s how responses are categorized:\n\n**Promoters (9–10):** These are your loyal customers. They love your product, often make repeat purchases, and actively recommend you to others. \nPromoters are the backbone of organic growth and drive a high percentage of promoters in your customer base.\n\n**Passives (7–8):** These customers are somewhat satisfied but not enthusiastic. They won’t actively promote you, and they’re vulnerable to switching if they find a better option.\n\n**Detractors (0–6):** These are unhappy customers. They’re more likely to leave negative reviews, discourage others from buying from you, and eventually churn. Subtracting the percentage of detractors from the percentage of promoters gives you the NPS.\n\nThe score itself ranges from -100 to +100.\n\n- If all customers are detractors, your score is -100.\n\n- If all customers are promoters, your score is +100.\n\n Most businesses fall somewhere in between.\n\nThis makes NPS a universal metric, easy to compare across industries and companies. **Fred Reichheld**, the creator of NPS, emphasizes that it predicts customer loyalty better than other metrics.\n\n### Why is Net Promoter Score Important?\n\nEvery business wants loyal customers, but loyalty is hard to measure. Revenue numbers tell you what happened in the past. Churn rates tell you who left. NPS, on the other hand, predicts the future by showing how your customers feel about you right now.\n\n**Here are the main reasons NPS is so important:**\n\n#### It predicts growth\n Research shows that businesses with higher NPS scores tend to grow faster than their competitors. Why? Happy customers bring in new business through word-of-mouth. This is the most trusted marketing channel. It helps increase the number of loyal customers.\n\n#### It improves retention\n Churn is expensive. Acquiring a new customer can cost five times more than keeping an existing one. NPS highlights unhappy customers early, giving you the chance to fix problems before they walk away. Measuring customer loyalty through NPS helps you reduce detractors from the percentage of your customer base.\n\n#### It aligns teams\n Because the score is simple, NPS is a metric everyone can understand, from your CEO to frontline employees. It becomes a shared goal for product, sales, marketing, and customer support teams, driving action across the customer journey.\n\n#### It benchmarks performance\n NPS allows you to compare your performance against industry averages and your own historical NPS benchmarks. This helps you understand if you’re improving, staying the same, or falling behind.\n\n#### It drives action\n Beyond the score itself, NPS encourages follow-up. By asking customers why they gave a certain score, you gather useful information. This helps you improve your product, service, or customer support. Tracking customer feedback regularly helps ensure your product or service meets expectations.\n \nIn short, NPS is not just a vanity metric. It’s a tool that, when used consistently, can guide your entire customer experience strategy.\n\n### How to Calculate Net Promoter Score (NPS)\n\nThe good news is that calculating NPS is simple. Unlike complex survey analytics that require advanced statistical tools, NPS boils down to just a few basic steps.\n\n#### Step 1: Collect responses\n\nStart by sending out your NPS survey. Make sure it includes the core NPS question:\n\n>“On a scale of 0–10, how likely are you to recommend us to a friend or colleague?”\n\nYou can send it via email, embed it in your app, or show it on your website. The key is to get enough responses to make your data reliable.\n\nFor smaller businesses, even 50–100 responses can give useful insights. For larger companies, aim for several hundred or more. A higher response rate ensures your measure customer loyalty efforts are based on robust data. **[Learn how to create an NPS survey with Formester](\u002Fblog\u002Fhow-to-make-a-net-promoter-score-survey\u002F)**.\n\n#### Step 2: Categorize responses\n\n Once the results are in, divide them into three groups:\n\n- Promoters (9–10)\n\n- Passives (7–8)\n\n- Detractors (0–6)\n\n- Passives don’t affect the score but still matter for follow-up analysis.\n\n\n#### Step 3: Calculate percentages\n\nFind out what percentage of total responses fall into each group.\n\n**Formula:**\n\n >% = (Number of respondents in category ÷ Total number of respondents) × 100\n\n\n#### Step 4: Apply the NPS formula\n\n - Now subtract the percentage of detractors from the percentage of promoters.\n\n-  NPS = % Promoters – % Detractors\n\n-  This gives you a score between -100 and +100.\n\n#### Example 1: Small Business Scenario\n\n**A coffee shop surveys 100 customers:**\n\n- 65 gave 9 or 10 (Promoters)\n\n- 20 gave 7 or 8 (Passives)\n\n- 15 gave 0–6 (Detractors)\n\n>Promoters = 65%\n\n>Detractors = 15%\n\n>NPS = 65 – 15 = 50\n\nThis shows customers love your coffee shop and are likely to recommend it. The response rate and percentage of promoters indicate strong loyalty, while the percentage of detractors highlights areas to improve.\n\n#### Example 2: SaaS Company Scenario\n\n**A SaaS product collects 500 responses:**\n\n- 300 promoters → 60%\n\n- 100 passives → 20%\n\n- 100 detractors → 20%\n\n- NPS = 60 – 20 = 40\n\nThis is positive but shows room for improvement, especially in reducing detractors. Measuring customer feedback and acting on it is key to converting passives into promoters.\n\n#### Example 3: Retail Brand Scenario\n\n**A retail chain surveys 1,000 customers:**\n\n- 700 promoters → 70%\n\n- 200 passives → 20%\n\n- 100 detractors → 10%\n\n- NPS = 70 – 10 = 60\n\nThis indicates strong loyalty and a good net promoter score. Understanding the customer journey and addressing complaints from detractors can push this score even higher.\n\n### Why Percentages Matter More than Raw Numbers\n\nCalculating percentages rather than just subtracting raw promoter and detractor counts matters. Imagine two companies:\n\n- **Company A:** 70 promoters and 30 detractors out of 100 responses → NPS 40\n\n- **Company B:** 700 promoters and 300 detractors out of 10,000 responses → NPS 40\n\nBoth companies have the same score, but Company B’s sample size and response rate make the result more reliable. Measuring customer loyalty accurately requires tracking the percentage of promoters and detractors, not just counts.\n\n### Why Industry Matters \n \n#### Customer expectations vary widely by industry:\n\n**Hospitality (hotels, airlines):** Even small service gaps create detractors. A score of 40 is impressive.\n\n**Software and SaaS:** Customers expect constant improvement and easy-to-use features. Scores above 30 are strong.\n\n**Retail:** Experiences can be inconsistent across locations. A score around 50 shows trust and repeat business.\n\n**Industry Benchmarks:**\n\n- Technology → 30 to 40\n\n- Financial services → 25 to 35\n\n- Healthcare → 40 to 50\n\n- E-commerce → 45 to 60\n\n- Hospitality → 30 to 40\n\n- Telecom → 20 to 30\n\nBeing above your industry NPS benchmarks shows strong performance in building loyal customers.\n\n\n#### Interpreting Scores by Business Stage\n\n- Startups: Early NPS may fluctuate. Focus less on the number and more on learning from detractors.\n\n- Growing businesses: A steady score of 30+ shows you’ve built loyalty. Turn passives into promoters.\n\n- Established brands: Scores above 50 indicate strong customer advocacy. Protect it by listening closely to feedback.\n\n**Example Scenarios:**\n\n- SaaS startup with NPS 20 → Shows promoters exist but needs to reduce detractors.\n\n- Retail chain with NPS 55 → Excellent. Loyal customers and strong repeat purchases.\n\n- Airline with NPS 35 → Above industry average, giving a competitive edge in customer support.\n\n#### The Bigger Picture\n\n A good net promoter score isn’t about chasing a magic number. Focus on:\n\n- Doing better than your industry average\n\n- Improving over time\n\n- Increasing promoters and decreasing detractors\n\n\nTracking NPS alongside customer feedback, survey questions, and the customer journey creates a complete picture of loyalty and satisfaction.\n\n### Pro Tip\n\nDon’t obsess over the score alone. Pair NPS with follow-up questions like:\n\n>“What’s the main reason for your score?”\n\n\n>“What can we do to improve?”\n\nThis turns the number into actionable insights and helps improve the product or service and overall customer support.\n\n### Conclusion\nNet Promoter Score is more than just a number. It’s an easy and strong way to see how customers feel about your product or service. It shows where you stand against competitors and what you need to improve. **A good NPS score** shows that people trust you and are ready to recommend you, while a low score highlights areas that need attention.\n\nThe real value is using NPS to guide actions. This means turning promoters into advocates, passives into fans, and detractors into loyal customers. Check it often, respond to customer feedback, and you will see how it boosts growth, keeps customers, and builds better relationships. Measuring customer loyalty with NPS helps you see the percentage of promoters and detractors. It also shows **overall satisfaction** among your customers.\n",1214,630,{"text":28},"9 min read",[30,49,115,210],{"title":31,"author":7,"authorImage":8,"authorProfile":9,"coverImg":32,"coverImgAlt":33,"createdAt":34,"description":35,"featured":14,"jsonld":36,"keywords":37,"metaDescription":38,"metaImage":39,"metaTitle":40,"publishedAt":41,"slug":42,"updatedAt":43,"__hash__":44,"body":45,"id":46,"coverImgWidth":25,"coverImgHeight":26,"readingStats":47},"How to Create Teams and Assign Roles on Collaborative Forms & Surveys","https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fan_illustration_on_how_to_collaborate_on_forms_and_surveys_21a77e5d28.png","an illustration on how to collaborate on forms and surveys","2024-12-19T06:10:21.189Z","Learn how to create teams and assign roles on collaborative forms and surveys. With Formester form access management you can build, edit and submit forms together as a team.",[],"collaborative forms,\ncollaborative surveys,\nform collaboration,","Learn how to create teams and assign roles on collaborative forms and surveys. With Formester you can build, edit and submit forms together as a team. ",[],"How to Create Teams and Assign Roles on Collaborative Forms","2024-12-19T06:10:23.872Z","how-to-create-teams-and-assign-roles-on-collaborative-forms","2026-01-28T07:18:10.623Z","bSee5Y3DkK9-5a-O_hc6HWmPxj4wPsHvnl_fia89Hyk","![an illustration on how to collaborate on forms and surveys](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fan_illustration_on_how_to_collaborate_on_forms_and_surveys_21a77e5d28.png)\n\n**[Collaborative forms](\u002Ffeatures\u002Fcollaborative-forms\u002F)** make it easy for teams to work together on forms and surveys. Whether you’re **[collecting data](https:\u002F\u002Fwww.questionpro.com\u002Fblog\u002Fsurvey-data-collection\u002F)**, managing feedback, or **[creating internal surveys](\u002Ftemplates\u002Fcategories\u002Fsurvey-forms\u002F)**, assigning roles and managing access ensures everything stays organized. \n\nIn this guide, we’ll walk you through how to create teams and assign roles using Formester.\n\n\u003Ciframe width=\"813\" height=\"315\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002Fv_58vrIKdx8?si=_erJVRi9VifGznvz\" 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\u002Fiframe>\n\n## Inviting Members to Your Organization\nWhen you sign up for Formester, your account automatically creates an organization. This is where you manage members and forms. Here’s how to get started:\n\n**Step 1: Navigate to Organization Members**\nGo to the Teams tab and click on Organization Members. This is where you can manage your team.\n\n**Step 2: Invite Members & Assign Roles**\nInvite people to join your organization by sending them an email invitation. When inviting, assign them one of these roles:\n\n* **Admin:** Has full control over all forms and settings in your organization.\n\n* **Staff:** Can only access the forms they’ve been given access to.\n\n**Step 3: Collaborate**\nOnce your invitee accepts, they can access your organization by switching to it from the top-right corner of the dashboard.\n\n### How to Create Teams and Assign Roles\nIf you need to collaborate with a group, the Teams feature is perfect. It lets you invite multiple people, group them into teams, and assign specific roles for better collaboration.\n\nFor example, if you want to run a company-wide survey, you can create a team called \"Employees\" and assign submitter access to all the employees in that team.\n\n**Step 1: Create a Team**\nGo to the Teams tab and create a new team. This allows you to manage forms and roles for the entire group.\n\n**Step 2: Invite Members & Assign Roles**\nSend email invites to your team members and assign one of these roles:\n\n* **Maintainer:** Can manage team memberships, roles, and has full access to all team-assigned forms.\n\n* **Member:** Can access forms assigned to the team but cannot manage members.\n\n**Step 3: Collaborate**\nAssign form-level access to the team to work together on specific forms or surveys.\n\n\n### Set Up Form Level Access\nForm-level access lets you control who can see and edit each individual form or survey. You can assign access to specific people or an entire team.\n\n**Step 1: Create a Form or Survey**\nUse Formester’s **[pre-built templates](\u002Ftemplates\u002F)** or **[AI form generator](\u002Fai-form-generator\u002F)** to quickly create your form or survey.\n\n**Step 2: Invite People & Assign Roles**\nGo to the Share tab in your form and invite people by searching for their names. Assign roles based on what they need to do:\n\n* Maintainer: Full control over the form, including managing access and editing.\n\n* Editor: Can edit the form and view submissions but cannot manage access.\n\n* Viewer: Can only view submissions and analytics.\n\n* Submitter: Can only fill out and submit the form.\n\nThis way, you control exactly who sees, edits, or reviews each form or survey, ensuring secure collaboration.\n\n\n### Why Use Collaborative Forms and Surveys?\nCollaborative forms and surveys are essential tools for modern teamwork. Here's why you should use them:\n\n* Clearly defined roles ensure everyone knows their responsibilities, making collaboration smooth and efficient.\n\n* Keep all your forms and access controls in one place for better organization.\n\n* Assigning specific roles reduces confusion and helps your team focus on their tasks.\n\n* Grant form-level access to individuals or teams, ensuring the right people have the right permissions.\n\n* Teams can easily collaborate on forms, share ideas, and manage feedback seamlessly.\n\n\n### Summary\nCollaborative forms make teamwork simple by letting you assign roles and control access easily. With **[Formester](\u002F)**, you can **[create teams](\u002Ffeatures\u002Fcollaborative-forms\u002F)**, set up roles, and manage permissions without any hassle. \n\nRoles like Maintainer, Editor, Viewer, and Submitter allow you to give the right access to the right people or groups. This saves time, keeps things organized, and improves teamwork. \n\n**[Sign up to Formester](https:\u002F\u002Fapp.formester.com\u002Fusers\u002Fsign_up)** today to make working on forms and surveys smoother and more productive!\n\n","blog\u002Fblog\u002Fhow-to-create-teams-and-assign-roles-on-collaborative-forms.md",{"text":48},"4 min read",{"title":50,"author":7,"authorImage":8,"authorProfile":9,"coverImg":51,"coverImgAlt":52,"createdAt":53,"description":54,"featured":14,"jsonld":55,"keywords":102,"metaDescription":68,"metaImage":103,"metaTitle":104,"publishedAt":105,"slug":106,"updatedAt":107,"__hash__":108,"body":109,"id":110,"coverImgWidth":111,"coverImgHeight":112,"readingStats":113},"Structured Interview Questions: How to Build a System That Actually Works","https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fstructured_interview_questions_febc8016f3.png","Structured interview questions framework 2026","2026-06-30T03:08:27.140Z","Build a structured interview from scratch: fixed question list, scoring rubric with anchors, calibrated interviewers, and a pre-written decision rule. Role-specific examples included.",[56,73],{"@type":57,"image":51,"author":58,"@context":60,"headline":50,"publisher":61,"description":68,"dateModified":69,"datePublished":69,"mainEntityOfPage":70},"Article",{"url":9,"name":7,"@type":59},"Person","https:\u002F\u002Fschema.org",{"url":62,"logo":63,"name":66,"@type":67},"https:\u002F\u002Fformester.com\u002F",{"url":64,"@type":65},"https:\u002F\u002Fformester.com\u002Flogo.png","ImageObject","Formester","Organization","How to build a structured interview from scratch: question types, scoring rubric, interviewer calibration, and the decision rule. Twice the predictive validity of unstructured.","2026-06-29",{"@id":71,"@type":72},"https:\u002F\u002Fformester.com\u002Fblog\u002Fstructured-interview-questions\u002F","WebPage",{"@type":74,"@context":60,"mainEntity":75},"FAQPage",[76,82,86,90,94,98],{"name":77,"@type":78,"acceptedAnswer":79},"What is a structured interview?","Question",{"text":80,"@type":81},"An interview where every candidate gets the same questions in the same order, scored against the same rubric, by interviewers trained on the same anchors. Decades of research show structured interviews roughly double the predictive validity of unstructured ones and reduce hiring bias.","Answer",{"name":83,"@type":78,"acceptedAnswer":84},"How do you create a structured interview?",{"text":85,"@type":81},"Four pieces: a fixed question list, a 1 to 5 scoring rubric with pre-defined anchors for each question, calibrated interviewers (who score the same sample answers similarly), and a pre-written decision rule for what scores produce a hire. Build the rubric anchors before the first interview, that is the hardest part.",{"name":87,"@type":78,"acceptedAnswer":88},"How many questions should a structured interview have?",{"text":89,"@type":81},"6 to 10 questions in a 45 to 60 minute interview. More than 10 and you run out of time per question. Fewer than 6 and you do not have enough data to score the candidate confidently. Pick the questions that map to the role's core requirements.",{"name":91,"@type":78,"acceptedAnswer":92},"What types of questions go in a structured interview?",{"text":93,"@type":81},"Behavioral (60 to 70%), situational (20%), knowledge (10 to 20%). Behavioral questions have the highest validity because past behavior predicts future behavior better than hypothetical answers. Adjust the mix based on role: more knowledge for technical, more behavioral for management.",{"name":95,"@type":78,"acceptedAnswer":96},"How do you reduce hiring bias in structured interviews?",{"text":97,"@type":81},"Three moves: define rubric anchors before the interview (not after, when bias creeps in), have at least two interviewers score important questions, and use a written decision rule for what scores produce a hire. None of this eliminates bias entirely, but it removes the easiest places for bias to influence the outcome.",{"name":99,"@type":78,"acceptedAnswer":100},"Are structured interviews legal?",{"text":101,"@type":81},"Yes, and they generally reduce legal risk compared to unstructured interviews. Structured interviews produce documented evidence of how candidates were evaluated, which helps defend against discrimination claims. Avoid questions about protected categories (age, religion, family status, etc.) in your structured set regardless of the structure.","structured interview questions, structured interview, structured interview process, structured interview rubric, structured vs unstructured interview",[],"Structured Interview Questions Guide (2026)","2026-06-30T00:00:00.000Z","structured-interview-questions","2026-06-30T13:01:43.313Z","ldjCigR2sjDyGc7hmH4oQgTEtvdF4Qy2OxDUCTU38js","\u003Cp style=\"font-size: inherit;\">A structured interview is one where every candidate gets the same questions, in the same order, scored against the same rubric, by interviewers trained to spot the same signals. It is the single most evidence-backed change a hiring team can make. Meta-analyses of decades of hiring research show structured interviews predict job performance roughly twice as well as unstructured ones, and they reduce hiring bias measurably.\u003C\u002Fp>\n\n\u003Cp>This guide walks how to build a structured interview from scratch: the question types, the scoring rubric, and the operational details that make the difference between \"we asked the same questions\" and an actually structured process.\u003C\u002Fp>\n\n\u003Ch2>Why structured interviews work\u003C\u002Fh2>\n\n\u003Cp>Unstructured interviews fail in three predictable ways:\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>\u003Cstrong>Interviewer A asks different questions than Interviewer B.\u003C\u002Fstrong> Two candidates get two different interviews, and you cannot compare them.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>The same answer scores differently depending on who liked the candidate.\u003C\u002Fstrong> Halo effect: an interviewer who liked the candidate's opener rates every subsequent answer higher.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Pattern matching beats real evaluation.\u003C\u002Fstrong> The interviewer subconsciously evaluates \"is this person like other hires who worked out\" rather than \"does this person have the skills the role needs\". That is where bias enters.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>Structured interviews fix all three: same questions, same scoring scale, defined \"great answer\" anchors per question. Bias does not disappear, but the structure removes the easiest places for it to land.\u003C\u002Fp>\n\n\u003Ch2>The four building blocks\u003C\u002Fh2>\n\n\u003Cp>A structured interview has four parts. If any is missing, it is not structured, it is just consistent.\u003C\u002Fp>\n\n\u003Col>\n\u003Cli>\u003Cstrong>A fixed question list.\u003C\u002Fstrong> Every candidate gets the same questions in the same order.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>A scoring rubric.\u003C\u002Fstrong> Each question has a 1 to 5 scale with pre-defined anchors for what each score means.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Calibrated interviewers.\u003C\u002Fstrong> Interviewers are trained on the rubric and reach roughly the same score when listening to the same answer.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>A decision rule.\u003C\u002Fstrong> A pre-defined rule for how scores combine into a hire\u002Fno-hire decision (e.g., minimum 3.5 average across required dimensions, no score below 2 on critical dimensions).\u003C\u002Fli>\n\u003C\u002Fol>\n\n\u003Ch2>Picking the question types\u003C\u002Fh2>\n\n\u003Cp>Three question types do the heavy lifting in structured interviews:\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>\u003Cstrong>Behavioral.\u003C\u002Fstrong> \"Tell me about a time when...\" Highest validity for predicting performance, because past behavior predicts future behavior.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Situational.\u003C\u002Fstrong> \"What would you do if...\" Tests judgement on hypothetical scenarios. Useful for surfacing reasoning, lower validity than behavioral because candidates can rehearse answers.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Knowledge.\u003C\u002Fstrong> \"What is X?\" or \"How would you implement Y?\" Tests skill directly. Critical for technical roles, optional for many others.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>A good structured interview mixes 60 to 70% behavioral, 20% situational, and 10 to 20% knowledge. Adjust based on role: more knowledge for highly technical, more behavioral for management.\u003C\u002Fp>\n\n\u003Ch2>Writing the scoring rubric\u003C\u002Fh2>\n\n\u003Cp>The rubric is the hardest part to build and the most important. For each question, write the anchors before the interview happens.\u003C\u002Fp>\n\n\u003Cp>Example: question is \"Tell me about a time you had to influence a peer to do something they did not want to do.\"\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>\u003Cstrong>Score 5 (exceptional):\u003C\u002Fstrong> Specific recent situation. Names the peer's objection. Describes 2+ tactics they used to address it. Mentions a measurable outcome. Reflects on what they would do differently.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Score 4 (strong):\u003C\u002Fstrong> Specific situation with clear tactics. Outcome is clear but may not be measurable. Some reflection.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Score 3 (acceptable):\u003C\u002Fstrong> Generic situation, generic tactics. Outcome is fuzzy. Limited reflection.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Score 2 (below bar):\u003C\u002Fstrong> Cannot recall a specific situation. Describes hypothetical instead. Or specific situation but no real tactics described.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Score 1 (unable to answer):\u003C\u002Fstrong> Skips the question, refuses to answer, or gives an answer that suggests the situation never happened.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>The anchors take 30 minutes per question to write the first time. The investment pays back across every interview round you run with that question.\u003C\u002Fp>\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;\">Structured Rubric\u003C\u002Fdiv>\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;\">Turn your rubric into a working form in five minutes\u003C\u002Fh3>\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;\">Our Interview Evaluation Form has the 1 to 5 scoring scale, rubric anchors, and per-question fields built in. Plug your questions in, share with interviewers.\u003C\u002Fp>\n\u003Cp style=\"margin: 0;\">\u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Finterview-evaluation-form-25357\u002F\" 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;\">Get the Interview Evaluation Form \u003Cspan aria-hidden=\"true\" style=\"margin-left: 4px;\">→\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fp>\n\u003Cp style=\"margin: 22px 0 0; font-size: 13px; color: #697586; font-family: inherit;\">Free forever plan \u003Cspan style=\"color: #C4B5FD;\">•\u003C\u002Fspan> No credit card \u003Cspan style=\"color: #C4B5FD;\">•\u003C\u002Fspan> Setup in 2 minutes\u003C\u002Fp>\n\u003C\u002Fdiv>\n\n\u003Ch2>Calibrating interviewers\u003C\u002Fh2>\n\n\u003Cp>Same question + same rubric does not equal same scoring. Two interviewers can hear the same answer and rate it 3 vs 5. Calibration is the fix.\u003C\u002Fp>\n\n\u003Cp>The simplest calibration session: every interviewer reads three sample answer transcripts you have pre-scored (one weak, one mid, one strong). They score the transcripts independently. Then you compare and discuss disagreements. After 2 to 3 calibration sessions, interviewers usually agree within 1 point on the scale.\u003C\u002Fp>\n\n\u003Cp>If you cannot afford full calibration, the cheapest version is the \"two-interviewer\" rule: every important question is heard by two interviewers, and you average their scores. This adds robustness without requiring formal calibration.\u003C\u002Fp>\n\n\u003Ch2>The decision rule\u003C\u002Fh2>\n\n\u003Cp>The last building block. Before the interview, write down what scores produce a hire.\u003C\u002Fp>\n\n\u003Cp>A common decision rule for individual contributor roles:\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>Minimum 3.0 average across all rated dimensions.\u003C\u002Fli>\n\u003Cli>No score below 2 on any \"critical\" dimension (e.g., communication, judgement).\u003C\u002Fli>\n\u003Cli>At least one score of 4+ to demonstrate a real strength.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>For senior roles, raise the floors:\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>Minimum 3.5 average.\u003C\u002Fli>\n\u003Cli>No score below 3 on critical dimensions.\u003C\u002Fli>\n\u003Cli>At least two scores of 4+.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>The point is not the specific numbers. The point is that the rule exists before you hear the candidate, so you cannot adjust the criteria to fit the person.\u003C\u002Fp>\n\n\u003Ch2>What to keep, what to drop from unstructured interviews\u003C\u002Fh2>\n\n\u003Cp>Three things in unstructured interviews actually do help. Keep them.\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>\u003Cstrong>The opening \"tell me about yourself\".\u003C\u002Fstrong> Not for scoring. For settling the candidate's nerves so the scored questions start on better ground.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Candidate Q&A at the end.\u003C\u002Fstrong> The questions they ask are themselves a signal: thoughtful candidates ask thoughtful questions. Just do not score it formally.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Off-topic small talk in the first 2 minutes.\u003C\u002Fstrong> Same reason as the opener.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>Drop:\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>\u003Cstrong>\"Walk me through your resume\".\u003C\u002Fstrong> You already read it. Use the time for scored questions.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Trivia questions and brain teasers.\u003C\u002Fstrong> Almost no validity for predicting performance.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>\"Sell me this pen\" style stress tests.\u003C\u002Fstrong> Outdated and signals an aggressive interview culture that hurts your hiring brand.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Asking different candidates different questions.\u003C\u002Fstrong> Same questions or you cannot compare.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Ch2>Operational details that determine whether it actually works\u003C\u002Fh2>\n\n\u003Cp>Three details that separate \"we have a structured interview\" from \"we have a structured interview that actually works\":\u003C\u002Fp>\n\n\u003Col>\n\u003Cli>\u003Cstrong>Same order of questions.\u003C\u002Fstrong> Not just same questions. The order primes the candidate's mental state. Question 2 affects how they answer question 5.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Interviewers score in real time.\u003C\u002Fstrong> Not afterwards. Memory degrades fast and your overall impression bleeds into per-question scoring if you wait.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Use a structured form for the notes.\u003C\u002Fstrong> Free-form notes drift away from the rubric. A form with one field per question per dimension forces the interviewer back to the rubric. A simple \u003Ca href=\"\u002Ftemplates\u002Freference-forms-template\u002F\">interview evaluation form\u003C\u002Fa> works.\u003C\u002Fli>\n\u003C\u002Fol>\n\n\u003Ch2>The takeaway\u003C\u002Fh2>\n\n\u003Cp>A structured interview is the cheapest, highest-ROI change a hiring team can make. Four building blocks: fixed questions, scoring rubric with anchors, calibrated interviewers, and a pre-written decision rule. Start with one role, build the four pieces, run 5 interviews against it, and you will already see better signal than any unstructured process. Once it works, replicate to other roles.\u003C\u002Fp>\n\n\u003Csection class=\"faq\">\n\u003Ch2>Structured interview questions FAQ\u003C\u002Fh2>\n\u003Cdetails>\u003Csummary>What is a structured interview?\u003C\u002Fsummary>\u003Cdiv>An interview where every candidate gets the same questions in the same order, scored against the same rubric, by interviewers trained on the same anchors. Decades of research show structured interviews roughly double the predictive validity of unstructured ones and reduce hiring bias.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>How do you create a structured interview?\u003C\u002Fsummary>\u003Cdiv>Four pieces: a fixed question list, a 1 to 5 scoring rubric with pre-defined anchors for each question, calibrated interviewers (who score the same sample answers similarly), and a pre-written decision rule for what scores produce a hire. Build the rubric anchors before the first interview, that is the hardest part.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>How many questions should a structured interview have?\u003C\u002Fsummary>\u003Cdiv>6 to 10 questions in a 45 to 60 minute interview. More than 10 and you run out of time per question. Fewer than 6 and you do not have enough data to score the candidate confidently. Pick the questions that map to the role's core requirements.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>What types of questions go in a structured interview?\u003C\u002Fsummary>\u003Cdiv>Behavioral (60 to 70%), situational (20%), knowledge (10 to 20%). Behavioral questions have the highest validity because past behavior predicts future behavior better than hypothetical answers. Adjust the mix based on role: more knowledge for technical, more behavioral for management.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>How do you reduce hiring bias in structured interviews?\u003C\u002Fsummary>\u003Cdiv>Three moves: define rubric anchors before the interview (not after, when bias creeps in), have at least two interviewers score important questions, and use a written decision rule for what scores produce a hire. None of this eliminates bias entirely, but it removes the easiest places for bias to influence the outcome.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>Are structured interviews legal?\u003C\u002Fsummary>\u003Cdiv>Yes, and they generally reduce legal risk compared to unstructured interviews. Structured interviews produce documented evidence of how candidates were evaluated, which helps defend against discrimination claims. Avoid questions about protected categories (age, religion, family status, etc.) in your structured set regardless of the structure.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003C\u002Fsection>\n\n","blog\u002Fblog\u002Fstructured-interview-questions.md",2400,1350,{"text":114},"8 min read",{"title":116,"author":7,"authorImage":8,"authorProfile":9,"coverImg":117,"coverImgAlt":118,"createdAt":119,"description":120,"featured":14,"jsonld":121,"keywords":199,"metaDescription":150,"metaImage":200,"metaTitle":201,"publishedAt":202,"slug":203,"updatedAt":204,"__hash__":205,"body":206,"id":207,"coverImgWidth":111,"coverImgHeight":112,"readingStats":208},"9 Best Drag and Drop Form Builders in 2026: Compared","https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fbest_drag_and_drop_form_builder_7d99110100.png","9 best drag and drop form builders compared for 2026","2026-07-15T02:31:34.027Z","9 top drag-and-drop form builders ranked by editor UX and use case: Formester, Jotform, Fillout, Gravity Forms, Typeform, Google Forms, Microsoft Forms, Zoho Forms, forms.app. Free plans, pricing, and honest weaknesses.",[122,125,133,146,152,187],{"@context":60,"@id":123,"url":62,"logo":124,"name":66,"@type":67},"https:\u002F\u002Fformester.com\u002F#organization",{"url":64,"@type":65},{"@context":60,"@id":126,"url":127,"name":116,"@type":72,"headline":116,"isPartOf":128,"breadcrumb":129,"inLanguage":131,"dateModified":132,"datePublished":132},"https:\u002F\u002Fformester.com\u002Fblog\u002Fbest-drag-and-drop-form-builder\u002F#webpage","https:\u002F\u002Fformester.com\u002Fblog\u002Fbest-drag-and-drop-form-builder\u002F",{"@id":123},{"@id":130},"https:\u002F\u002Fformester.com\u002Fblog\u002Fbest-drag-and-drop-form-builder\u002F#breadcrumb","en-US","2026-07-15",{"@context":60,"@id":130,"@type":134,"itemListElement":135},"BreadcrumbList",[136,140,144],{"item":62,"name":137,"@type":138,"position":139},"Home","ListItem",1,{"item":141,"name":142,"@type":138,"position":143},"https:\u002F\u002Fformester.com\u002Fblog\u002F","Blog",2,{"item":127,"name":116,"@type":138,"position":145},3,{"@context":60,"@id":147,"@type":57,"image":117,"author":148,"headline":116,"publisher":149,"description":150,"dateModified":132,"datePublished":132,"mainEntityOfPage":151},"https:\u002F\u002Fformester.com\u002Fblog\u002Fbest-drag-and-drop-form-builder\u002F#article",{"url":9,"name":7,"@type":59},{"@id":123},"The 9 best drag and drop form builders in 2026 ranked by use case. Free plans, pricing, editor UX, and which one fits your team.",{"@id":126},{"@context":60,"@id":153,"@type":74,"mainEntity":154},"https:\u002F\u002Fformester.com\u002Fblog\u002Fbest-drag-and-drop-form-builder\u002F#faq",[155,159,163,167,171,175,179,183],{"name":156,"@type":78,"acceptedAnswer":157},"What is the easiest drag and drop form builder?",{"text":158,"@type":81},"Formester and forms.app tie for beginner-friendliness. Both have modern editors with sensible defaults. Google Forms is easier still if you're already in Google Workspace.",{"name":160,"@type":78,"acceptedAnswer":161},"What is the best free drag and drop form builder?",{"text":162,"@type":81},"Formester (unlimited forms + responses on free) or Google Forms (unlimited responses). Choice depends on whether you need modern editor UX (Formester) or Sheets integration (Google Forms).",{"name":164,"@type":78,"acceptedAnswer":165},"Which form builder has AI form generation?",{"text":166,"@type":81},"Formester (prompt \u002F PDF \u002F list), Jotform (prompt only), Typeform Growth Flow (prompt), Fillout AI (prompt), forms.app (prompt). Formester's multi-input generation is the deepest.",{"name":168,"@type":78,"acceptedAnswer":169},"Can I embed drag and drop forms on WordPress, Webflow, or Framer?",{"text":170,"@type":81},"Yes on all the SaaS tools (Formester, Jotform, Typeform, Fillout, forms.app). All ship an embed snippet you paste into any Custom HTML block. Gravity Forms is WordPress-only.",{"name":172,"@type":78,"acceptedAnswer":173},"Which drag and drop form builder has HIPAA?",{"text":174,"@type":81},"Jotform (Silver plan + BAA add-on, $39\u002Fmo). Zoho Forms Premium ($90\u002Fmo). Microsoft Forms (via Microsoft 365 Enterprise with configured HIPAA). Formester does not offer HIPAA in 2026.",{"name":176,"@type":78,"acceptedAnswer":177},"Do any support offline data collection?",{"text":178,"@type":81},"Formester (native, all plans), Jotform Mobile Forms app, Zoho Forms (iOS + Android). Typeform, Google Forms, and Fillout do not support offline mode.",{"name":180,"@type":78,"acceptedAnswer":181},"What's the cheapest paid drag and drop form builder?",{"text":182,"@type":81},"Zoho Forms Basic at $10\u002Fmo (annual). Formester Personal at $13\u002Fmo. Fillout Pro at $19\u002Fmo.",{"name":184,"@type":78,"acceptedAnswer":185},"Can I collect payments through drag and drop form builders?",{"text":186,"@type":81},"Yes on Formester (free plan), Jotform (Bronze $34\u002Fmo+), Fillout (Pro $19\u002Fmo+), Typeform (Plus $50\u002Fmo+), Gravity Forms (Pro license $159\u002Fyr+), Zoho Forms (Professional $50\u002Fmo+), forms.app (Basic $19\u002Fmo+). ---",{"@context":60,"@id":188,"url":62,"name":66,"@type":189,"publisher":190,"aggregateRating":191,"operatingSystem":197,"applicationCategory":198},"https:\u002F\u002Fformester.com\u002F#software","SoftwareApplication",{"@id":123},{"@type":192,"bestRating":193,"ratingCount":194,"ratingValue":195,"worstRating":196},"AggregateRating","5","11","4.7","1","Web","BusinessApplication","best drag and drop form builder, drag and drop form builder, no code form builder, visual form builder, easiest form builder",[],"9 Best Drag and Drop Form Builders 2026 | Formester","2026-08-20T05:13:46.933Z","best-drag-and-drop-form-builder","2026-08-20T05:13:46.939Z","isK9WpPbYa-9GW2S6S29BEYdzTI5sAYgNc56UMJ1RtY","![9 best drag and drop form builders compared for 2026](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fbest_drag_and_drop_form_builder_7d99110100.png)\n\n\u003Cdiv style=\"background:#F9FAFB;border-left:4px solid #7f56d9;padding:14px 18px;margin:0 0 24px 0;border-radius:6px;font-family:inherit;\">\n\u003Cp style=\"margin:0;font-size:14px;color:#475467;font-family:inherit;\">\u003Cstrong>How we verified this:\u003C\u002Fstrong> every figure on this page comes from the vendor's own pricing page or its public G2 profile. \u003Ca href=\"https:\u002F\u002Fdocs.google.com\u002Fdocument\u002Fd\u002F15QueS3YgpD0Z3_kz1WUjjAm71HoN4wIRwH_9aE_cJpw\u002Fedit?usp=sharing\" target=\"_blank\" rel=\"noopener\">You can check every source here\u003C\u002Fa>.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\n\u003Ch2>Which drag and drop form builder should you choose?\u003C\u002Fh2>\n\n\u003Cp>Every tool here lets you drag a field onto a canvas, so the builder itself is rarely what separates them. What separates them is what happens once the form is live.\u003C\u002Fp>\n\n\u003Cp>Two things decide most of it: whether the tool counts your responses, and how much of the editor's power sits behind a paid tier. The nine below are ordered on that.\u003C\u002Fp>\n\n\u003Cdiv class=\"tldr\">\n\u003Cp>\u003Cstrong>The 60-second TL;DR\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Best all-around:\u003C\u002Fstrong> Formester, unlimited responses on the free plan\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Best for feature depth:\u003C\u002Fstrong> Jotform, from $39\u002Fmo\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Best for Airtable and Notion teams:\u003C\u002Fstrong> Fillout, from $19\u002Fmo\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Best for WordPress:\u003C\u002Fstrong> Gravity Forms, from $59\u002Fyear\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Best for conversational surveys:\u003C\u002Fstrong> Typeform, from $39\u002Fmo\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Best free option:\u003C\u002Fstrong> Google Forms\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Best inside Microsoft 365:\u003C\u002Fstrong> Microsoft Forms\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Best cheapest paid tier:\u003C\u002Fstrong> Zoho Forms, $10\u002Fmo billed annually\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fdiv>\n\n\u003Ch2>How the nine drag and drop builders compare at a glance\u003C\u002Fh2>\n\n\u003Cp>The table shows what each free plan allows and what the first paid tier costs on monthly billing. Read it first, then jump to whichever review matches your situation.\u003C\u002Fp>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\u003Ctr>\u003Cth>Tool\u003C\u002Fth>\u003Cth>Free plan\u003C\u002Fth>\u003Cth>First paid plan (monthly)\u003C\u002Fth>\u003Cth>Editor\u003C\u002Fth>\u003Cth>G2 rating\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>Formester\u003C\u002Ftd>\u003Ctd>Unlimited forms and responses\u003C\u002Ftd>\u003Ctd>$13\u002Fmo\u003C\u002Ftd>\u003Ctd>Modern, fast preview\u003C\u002Ftd>\u003Ctd>4.7\u002F5 (14)\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Jotform\u003C\u002Ftd>\u003Ctd>5 forms, 100 submissions\u002Fmo\u003C\u002Ftd>\u003Ctd>$39\u002Fmo\u003C\u002Ftd>\u003Ctd>Dense, very deep\u003C\u002Ftd>\u003Ctd>4.7\u002F5 (5,426)\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Fillout\u003C\u002Ftd>\u003Ctd>1,000 responses\u002Fmo\u003C\u002Ftd>\u003Ctd>$19\u002Fmo\u003C\u002Ftd>\u003Ctd>Modern, multi-step default\u003C\u002Ftd>\u003Ctd>4.6\u002F5 (30)\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Gravity Forms\u003C\u002Ftd>\u003Ctd>No free plan\u003C\u002Ftd>\u003Ctd>$59\u002Fyear\u003C\u002Ftd>\u003Ctd>Functional, WordPress\u003C\u002Ftd>\u003Ctd>4.7\u002F5 (248)\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Typeform\u003C\u002Ftd>\u003Ctd>10 responses\u002Fmo\u003C\u002Ftd>\u003Ctd>$39\u002Fmo\u003C\u002Ftd>\u003Ctd>One question at a time\u003C\u002Ftd>\u003Ctd>4.5\u002F5 (1,017)\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Google Forms\u003C\u002Ftd>\u003Ctd>No practical cap\u003C\u002Ftd>\u003Ctd>Bundled with Workspace\u003C\u002Ftd>\u003Ctd>Simple, Docs-like\u003C\u002Ftd>\u003Ctd>No standalone profile\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Microsoft Forms\u003C\u002Ftd>\u003Ctd>200 responses per form\u003C\u002Ftd>\u003Ctd>Bundled with M365\u003C\u002Ftd>\u003Ctd>Simple, Office-like\u003C\u002Ftd>\u003Ctd>4.4\u002F5 (476)\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Zoho Forms\u003C\u002Ftd>\u003Ctd>3 forms, 500 submissions\u002Fmo\u003C\u002Ftd>\u003Ctd>$10\u002Fmo billed annually\u003C\u002Ftd>\u003Ctd>Functional, dated\u003C\u002Ftd>\u003Ctd>4.4\u002F5 (129)\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>forms.app\u003C\u002Ftd>\u003Ctd>5 forms, unlimited responses\u003C\u002Ftd>\u003Ctd>See review\u003C\u002Ftd>\u003Ctd>Modern, AI-first\u003C\u002Ftd>\u003Ctd>4.5\u002F5 (498)\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Ch2>How we picked and ranked these nine tools\u003C\u002Fh2>\n\n\u003Cp>Every figure here comes from the vendor's own pricing page and plan limits, read in full. The ranking weighs how far each free plan goes and how much editor capability is held back for paid tiers.\u003C\u002Fp>\n\n\u003Cp>Tools that place no ceiling on responses rank highest. Several vendors advertise annual rates, so the monthly figures below run higher than the ones on their pricing pages.\u003C\u002Fp>\n\n\u003Ch2>1. Formester, best all-around\u003C\u002Fh2>\n\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fformester_99e2a99609.png\" alt=\"Formester homepage hero screenshot\" style=\"width:100%;max-width:900px;height:auto;border-radius:8px;border:1px solid #e5e7eb;margin:16px 0;\" loading=\"lazy\" \u002F>\u003C\u002Fp>\n\n\u003Cp>Formester never meters you. Unlimited forms, unlimited responses and every field type come with the free plan, so a form that suddenly performs does not change what you pay.\u003C\u002Fp>\n\n\u003Cp>The editor is quick. Interactions land immediately, the live preview tracks every change, and forms come out mobile-responsive without extra work.\u003C\u002Fp>\n\n\u003Cp>Field settings sit in a right-hand panel that stays out of the way until you need it. AI generation takes a prompt, a PDF or a pasted question list, and it runs on the free plan.\u003C\u002Fp>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\u003Ctr>\u003Cth>Strengths\u003C\u002Fth>\u003Cth>Weaknesses\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>No cap on forms, responses or fields\u003C\u002Ftd>\u003Ctd>720 templates against Jotform's 20,000\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>AI generation from a prompt, a PDF or a question list\u003C\u002Ftd>\u003Ctd>Conditional logic starts on Personal at $13\u002Fmo\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Payments and e-signature on the free plan\u003C\u002Ftd>\u003Ctd>No HIPAA option at any tier\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Offline capture on every plan\u003C\u002Ftd>\u003Ctd>14 G2 reviews, a small sample\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Live preview tracks every edit\u003C\u002Ftd>\u003Ctd>\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\u003Ctr>\u003Cth>Plan\u003C\u002Fth>\u003Cth>What you get\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>Free\u003C\u002Ftd>\u003Ctd>$0. Unlimited forms, responses and fields, AI generation, payments\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Personal\u003C\u002Ftd>\u003Ctd>$13\u002Fmo ($12\u002Fmo billed yearly). Adds conditional logic\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Business\u003C\u002Ftd>\u003Ctd>$49\u002Fmo ($45\u002Fmo billed yearly). Adds custom domain and 25 seats\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Cp>\u003Cstrong>Best for:\u003C\u002Fstrong> teams that want a modern editor without a response ceiling.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>The catch:\u003C\u002Fstrong> 720 templates against Jotform's 20,000. If you would rather start from a template than a blank canvas, that gap is real.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>G2 rating:\u003C\u002Fstrong> 4.7\u002F5, from 14 reviews. High score, small sample; read it as an early signal.\u003C\u002Fp>\n\n\u003Ch2>2. Jotform, best for feature depth\u003C\u002Fh2>\n\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fjotform_52dafaf96f.png\" alt=\"Jotform homepage hero screenshot\" style=\"width:100%;max-width:900px;height:auto;border-radius:8px;border:1px solid #e5e7eb;margin:16px 0;\" loading=\"lazy\" \u002F>\u003C\u002Fp>\n\n\u003Cp>Jotform is the largest general-purpose builder here by review count, and the scale shows: 20,000+ templates, 40+ payment gateways and HIPAA features on the Gold plan.\u003C\u002Fp>\n\n\u003Cp>The editor is dense. Every toolbar hides another toolbar, and new users take noticeably longer to feel at home than they do in Formester or Fillout.\u003C\u002Fp>\n\n\u003Cp>The payoff for pushing through is depth. Whatever you are building, someone has already built a template for it.\u003C\u002Fp>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\u003Ctr>\u003Cth>Strengths\u003C\u002Fth>\u003Cth>Weaknesses\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>20,000+ templates, the largest library here\u003C\u002Ftd>\u003Ctd>Dense interface with a steeper learning curve\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>40+ payment gateways\u003C\u002Ftd>\u003Ctd>Free plan covers 5 forms and 100 submissions\u002Fmo\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>All field types available on the free plan\u003C\u002Ftd>\u003Ctd>HIPAA needs the $129 Gold plan\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Native mobile app for offline capture\u003C\u002Ftd>\u003Ctd>Advertised prices are the annual rates\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\u003Ctr>\u003Cth>Plan\u003C\u002Fth>\u003Cth>What you get\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>Starter (free)\u003C\u002Ftd>\u003Ctd>$0. 5 forms, 100 submissions\u002Fmo\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Bronze\u003C\u002Ftd>\u003Ctd>$39\u002Fmo ($34\u002Fmo billed yearly). 1,000 submissions\u002Fmo\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Silver\u003C\u002Ftd>\u003Ctd>$49\u002Fmo ($39\u002Fmo billed yearly). 2,500 submissions\u002Fmo\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Gold\u003C\u002Ftd>\u003Ctd>$129\u002Fmo ($99\u002Fmo billed yearly). 10,000 submissions\u002Fmo, HIPAA\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Cp>\u003Cstrong>Best for:\u003C\u002Fstrong> teams that want the deepest template and payment coverage.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>The catch:\u003C\u002Fstrong> all that depth sits behind an interface you have to learn. Budget real onboarding time.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>G2 rating:\u003C\u002Fstrong> 4.7\u002F5, from 5,426 reviews, the largest base of any tool here.\u003C\u002Fp>\n\n\u003Ch2>3. Fillout, best for Airtable and Notion teams\u003C\u002Fh2>\n\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fshot_fillout_d96e5ac69e.png\" alt=\"Fillout homepage hero screenshot\" style=\"width:100%;max-width:900px;height:auto;border-radius:8px;border:1px solid #e5e7eb;margin:16px 0;\" loading=\"lazy\" \u002F>\u003C\u002Fp>\n\n\u003Cp>Fillout treats Airtable and Notion as the source of truth rather than integrations to tick off. Forms write back into your tables, editing existing records and matching on a key.\u003C\u002Fp>\n\n\u003Cp>The block editor moves quickly: drag a field in, click it, edit it, move on. Multi-step forms with a progress bar are the default rather than a setting you hunt for.\u003C\u002Fp>\n\n\u003Cp>Its free plan allows 1,000 responses a month with unlimited seats, which is unusually generous for a tool at this price.\u003C\u002Fp>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\u003Ctr>\u003Cth>Strengths\u003C\u002Fth>\u003Cth>Weaknesses\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>Two-way sync with Airtable and Notion\u003C\u002Ftd>\u003Ctd>Most useful only with Airtable or Notion\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>1,000 responses a month on the free plan\u003C\u002Ftd>\u003Ctd>Fillout branding on the free plan\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Unlimited seats on every tier\u003C\u002Ftd>\u003Ctd>No HIPAA option\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Multi-step forms with a progress bar by default\u003C\u002Ftd>\u003Ctd>30 G2 reviews, a small sample\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\u003Ctr>\u003Cth>Plan\u003C\u002Fth>\u003Cth>What you get\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>Free\u003C\u002Ftd>\u003Ctd>$0. 1,000 responses\u002Fmo, unlimited seats\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Starter\u003C\u002Ftd>\u003Ctd>$19\u002Fmo ($15\u002Fmo billed yearly, $180\u002Fyear)\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Pro\u003C\u002Ftd>\u003Ctd>$49\u002Fmo ($40\u002Fmo billed yearly, $480\u002Fyear)\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Business\u003C\u002Ftd>\u003Ctd>$89\u002Fmo ($75\u002Fmo billed yearly, $900\u002Fyear)\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Cp>\u003Cstrong>Best for:\u003C\u002Fstrong> ops and RevOps teams that live in Airtable or Notion.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>The catch:\u003C\u002Fstrong> take away Airtable and Notion and the main argument for Fillout goes with them.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>G2 rating:\u003C\u002Fstrong> 4.6\u002F5, from 30 reviews. A small base, consistent with a newer product.\u003C\u002Fp>\n\n\u003Ch2>4. Gravity Forms, best for WordPress\u003C\u002Fh2>\n\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fshot_gravity_271d0e8a00.png\" alt=\"Gravity Forms homepage hero screenshot\" style=\"width:100%;max-width:900px;height:auto;border-radius:8px;border:1px solid #e5e7eb;margin:16px 0;\" loading=\"lazy\" \u002F>\u003C\u002Fp>\n\n\u003Cp>Gravity Forms is the WordPress standard, and once self-hosted it does not meter anything: the entries live in your own database.\u003C\u002Fp>\n\n\u003Cp>Its conditional logic goes deeper than any other WordPress plugin, which covers forms where each answer changes what comes next.\u003C\u002Fp>\n\n\u003Cp>Licensing is annual: $59 for Basic on one site, $159 for Pro, and $259 for Elite covering unlimited sites with every add-on.\u003C\u002Fp>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\u003Ctr>\u003Cth>Strengths\u003C\u002Fth>\u003Cth>Weaknesses\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>No metering once self-hosted\u003C\u002Ftd>\u003Ctd>WordPress only\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Deepest conditional logic on WordPress\u003C\u002Ftd>\u003Ctd>No free plan, annual licence required\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>30+ first-party add-ons\u003C\u002Ftd>\u003Ctd>You own hosting, backups and patching\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Elite covers unlimited sites for $259\u002Fyear\u003C\u002Ftd>\u003Ctd>Editor looks dated next to the modern tools\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\u003Ctr>\u003Cth>Plan\u003C\u002Fth>\u003Cth>What you get\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>Basic\u003C\u002Ftd>\u003Ctd>$59\u002Fyear. 1 site\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Pro\u003C\u002Ftd>\u003Ctd>$159\u002Fyear. 3 sites, most add-ons\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Elite\u003C\u002Ftd>\u003Ctd>$259\u002Fyear. Unlimited sites, all add-ons\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Cp>\u003Cstrong>Best for:\u003C\u002Fstrong> WordPress sites that want form data in their own database.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>The catch:\u003C\u002Fstrong> there is no free plan and no monthly option, so evaluating it means buying a year up front.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>G2 rating:\u003C\u002Fstrong> 4.7\u002F5, from 248 reviews built over years of WordPress use.\u003C\u002Fp>\n\n\u003Ch2>5. Typeform, best for conversational surveys\u003C\u002Fh2>\n\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Ftypeform_7aad7a2e5b.png\" alt=\"Typeform homepage hero screenshot\" style=\"width:100%;max-width:900px;height:auto;border-radius:8px;border:1px solid #e5e7eb;margin:16px 0;\" loading=\"lazy\" \u002F>\u003C\u002Fp>\n\n\u003Cp>Typeform shows one question at a time, and on longer forms that lifts completion in a way a standard field layout does not.\u003C\u002Fp>\n\n\u003Cp>The editing experience is the most polished here, and logic jumps let you skip whole branches based on an earlier answer.\u003C\u002Fp>\n\n\u003Cp>It is also the most expensive per response. Free covers 10 a month, Basic is $39 with 100, Plus $79 with 1,000, and Business $129 with 10,000.\u003C\u002Fp>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\u003Ctr>\u003Cth>Strengths\u003C\u002Fth>\u003Cth>Weaknesses\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>Best-executed conversational format\u003C\u002Ftd>\u003Ctd>Free plan covers only 10 responses a month\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Highest completion on longer forms\u003C\u002Ftd>\u003Ctd>Highest cost per response in this list\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>AI drafts a full form from a prompt\u003C\u002Ftd>\u003Ctd>Response caps on every tier\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Strong drop-off analytics\u003C\u002Ftd>\u003Ctd>Advertised prices are the annual rates\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\u003Ctr>\u003Cth>Plan\u003C\u002Fth>\u003Cth>What you get\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>Free\u003C\u002Ftd>\u003Ctd>$0. 10 responses\u002Fmo\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Basic\u003C\u002Ftd>\u003Ctd>$39\u002Fmo ($28\u002Fmo billed yearly). 100 responses\u002Fmo\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Plus\u003C\u002Ftd>\u003Ctd>$79\u002Fmo ($56\u002Fmo billed yearly). 1,000 responses\u002Fmo\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Business\u003C\u002Ftd>\u003Ctd>$129\u002Fmo ($91\u002Fmo billed yearly). 10,000 responses\u002Fmo\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Cp>\u003Cstrong>Best for:\u003C\u002Fstrong> qualitative surveys where a completed response is worth real money.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>The catch:\u003C\u002Fstrong> at 1,000 responses a month you are on Plus at $79, where Formester charges nothing for the same volume.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>G2 rating:\u003C\u002Fstrong> 4.5\u002F5, from 1,017 reviews. A large base, with cost the common complaint.\u003C\u002Fp>\n\n\u003Ch2>6. Google Forms, best free option\u003C\u002Fh2>\n\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fgoogle_forms_1165c9a16e.png\" alt=\"Google Forms homepage hero screenshot\" style=\"width:100%;max-width:900px;height:auto;border-radius:8px;border:1px solid #e5e7eb;margin:16px 0;\" loading=\"lazy\" \u002F>\u003C\u002Fp>\n\n\u003Cp>Google Forms is the internet's default when the requirement is free, unlimited and working in five minutes. There is no response limit worth planning around.\u003C\u002Fp>\n\n\u003Cp>Answers sync into Sheets automatically, several people can edit the same form at once, and quiz scoring is built in.\u003C\u002Fp>\n\n\u003Cp>There is no paid Forms tier. It arrives with Google Workspace, where Business Starter is $7 per user a month on an annual basis.\u003C\u002Fp>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\u003Ctr>\u003Cth>Strengths\u003C\u002Fth>\u003Cth>Weaknesses\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>Free with any Google account\u003C\u002Ftd>\u003Ctd>Very limited design control\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>No practical response cap\u003C\u002Ftd>\u003Ctd>Skip-to-section logic only\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Answers sync straight into Sheets\u003C\u002Ftd>\u003Ctd>No native payment collection\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Real-time collaborative editing\u003C\u002Ftd>\u003Ctd>Google branding stays on every form\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\u003Ctr>\u003Cth>Plan\u003C\u002Fth>\u003Cth>What you get\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>Free\u003C\u002Ftd>\u003Ctd>$0 with any Google account. Effectively unlimited responses\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Workspace Business Starter\u003C\u002Ftd>\u003Ctd>$7\u002Fuser\u002Fmo, annual basis\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Workspace Business Standard\u003C\u002Ftd>\u003Ctd>$14\u002Fuser\u002Fmo, annual basis\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Workspace Business Plus\u003C\u002Ftd>\u003Ctd>$22\u002Fuser\u002Fmo, annual basis\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Cp>\u003Cstrong>Best for:\u003C\u002Fstrong> internal forms where function matters more than appearance.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>The catch:\u003C\u002Fstrong> every Google Form looks like a Google Form, and there is no way to change that, which rules it out for customer-facing pages.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>G2 rating:\u003C\u002Fstrong> Google Forms has no standalone G2 profile. The 4.6\u002F5 from 48,175 reviews quoted elsewhere covers Google Workspace as a whole.\u003C\u002Fp>\n\n\u003Ch2>7. Microsoft Forms, best for Microsoft 365 tenants\u003C\u002Fh2>\n\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fmicrosoft_forms_6d1d2eb8e8.png\" alt=\"Microsoft Forms homepage hero screenshot\" style=\"width:100%;max-width:900px;height:auto;border-radius:8px;border:1px solid #e5e7eb;margin:16px 0;\" loading=\"lazy\" \u002F>\u003C\u002Fp>\n\n\u003Cp>Microsoft Forms is included with any Microsoft 365 subscription, where it is already provisioned and needs no purchase order.\u003C\u002Fp>\n\n\u003Cp>Results land in Excel and polls run directly inside Teams meetings, which covers most internal collection without adding a vendor.\u003C\u002Fp>\n\n\u003Cp>The free personal tier caps at 200 responses per form. Inside a Microsoft 365 tenant those limits lift considerably.\u003C\u002Fp>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\u003Ctr>\u003Cth>Strengths\u003C\u002Fth>\u003Cth>Weaknesses\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>No extra cost inside Microsoft 365\u003C\u002Ftd>\u003Ctd>Free accounts cap at 200 responses per form\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Results flow into Excel\u003C\u002Ftd>\u003Ctd>Very limited design control\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Polls run natively inside Teams\u003C\u002Ftd>\u003Ctd>Basic branching only\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Inherits tenant security\u003C\u002Ftd>\u003Ctd>Little value outside Microsoft\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\u003Ctr>\u003Cth>Plan\u003C\u002Fth>\u003Cth>What you get\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>Free\u003C\u002Ftd>\u003Ctd>$0 with a personal Microsoft account. 200 responses per form\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>M365 Business Basic\u003C\u002Ftd>\u003Ctd>$7\u002Fuser\u002Fmo, annual basis\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>M365 Business Standard with Copilot\u003C\u002Ftd>\u003Ctd>$23.50\u002Fuser\u002Fmo, annual basis\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>M365 Business Premium with Copilot\u003C\u002Ftd>\u003Ctd>$32\u002Fuser\u002Fmo, annual basis\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Cp>\u003Cstrong>Best for:\u003C\u002Fstrong> internal forms in organisations already on Microsoft 365.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>The catch:\u003C\u002Fstrong> 200 responses per form on a free account is reached quickly by anything public, and the fix is a Microsoft 365 subscription rather than a form upgrade.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>G2 rating:\u003C\u002Fstrong> 4.4\u002F5, from 476 reviews, which fits its internal-tool scope.\u003C\u002Fp>\n\n\u003Ch2>8. Zoho Forms, best cheapest paid tier\u003C\u002Fh2>\n\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fzoho_forms_2e42a5d231.png\" alt=\"Zoho Forms homepage hero screenshot\" style=\"width:100%;max-width:900px;height:auto;border-radius:8px;border:1px solid #e5e7eb;margin:16px 0;\" loading=\"lazy\" \u002F>\u003C\u002Fp>\n\n\u003Cp>Zoho Forms has the lowest paid entry point here at $10 a month billed annually, which matters if forms are an occasional need rather than a core process.\u003C\u002Fp>\n\n\u003Cp>Submissions route into Zoho CRM without a connector, and the mobile apps collect responses offline, which few tools at this price offer.\u003C\u002Fp>\n\n\u003Cp>Its free plan allows 500 submissions a month but limits you to three forms.\u003C\u002Fp>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\u003Ctr>\u003Cth>Strengths\u003C\u002Fth>\u003Cth>Weaknesses\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>Cheapest paid tier at $10\u002Fmo billed annually\u003C\u002Ftd>\u003Ctd>Free plan covers only 3 forms\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Routes into Zoho CRM natively\u003C\u002Ftd>\u003Ctd>Little value outside the Zoho suite\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Offline mobile apps included\u003C\u002Ftd>\u003Ctd>Interface feels dated\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>HIPAA on Premium at $90\u002Fmo billed annually\u003C\u002Ftd>\u003Ctd>Prices are the annual-billed rates\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\u003Ctr>\u003Cth>Plan\u003C\u002Fth>\u003Cth>What you get\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>Free\u003C\u002Ftd>\u003Ctd>$0. 3 forms, 500 submissions\u002Fmo\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Basic\u003C\u002Ftd>\u003Ctd>$10\u002Fmo billed annually. 10,000 submissions\u002Fmo\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Standard\u003C\u002Ftd>\u003Ctd>$25\u002Fmo billed annually. 25 forms\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Professional\u003C\u002Ftd>\u003Ctd>$50\u002Fmo billed annually. Unlimited forms\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Premium\u003C\u002Ftd>\u003Ctd>$90\u002Fmo billed annually. HIPAA compliance\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Cp>\u003Cstrong>Best for:\u003C\u002Fstrong> Zoho users who want cheap forms feeding their CRM.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>The catch:\u003C\u002Fstrong> three forms is restrictive, and the tool only really makes sense if the rest of your stack is Zoho.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>G2 rating:\u003C\u002Fstrong> 4.4\u002F5, from 129 reviews, at the lower end of this list.\u003C\u002Fp>\n\n\u003Ch2>9. forms.app, best AI-first editor\u003C\u002Fh2>\n\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fshot_forms_app_54aabf66b9.png\" alt=\"forms.app homepage hero screenshot\" style=\"width:100%;max-width:900px;height:auto;border-radius:8px;border:1px solid #e5e7eb;margin:16px 0;\" loading=\"lazy\" \u002F>\u003C\u002Fp>\n\n\u003Cp>forms.app pairs a modern editor with AI generation, so you can describe the form you want and then edit rather than build from nothing.\u003C\u002Fp>\n\n\u003Cp>Its free plan takes an unusual shape: responses are unlimited but you are capped at 5 forms and 10 MB of storage.\u003C\u002Fp>\n\n\u003Cp>forms.app prices regionally. The US view lists Basic at $19, Pro at $29 and Premium at $59 a month, while the EU view lists 16, 24 and 49 EUR billed annually.\u003C\u002Fp>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\u003Ctr>\u003Cth>Strengths\u003C\u002Fth>\u003Cth>Weaknesses\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>AI generation from a prompt\u003C\u002Ftd>\u003Ctd>Free plan caps at 5 forms and 10 MB storage\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Unlimited responses on the free plan\u003C\u002Ftd>\u003Ctd>Pricing varies by region and currency\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Multi-step forms with a progress bar\u003C\u002Ftd>\u003Ctd>SSO sits on the higher tiers\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>5,000+ templates\u003C\u002Ftd>\u003Ctd>Younger ecosystem than Jotform or Formester\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Conditional logic included free\u003C\u002Ftd>\u003Ctd>\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\u003Ctr>\u003Cth>Plan\u003C\u002Fth>\u003Cth>What you get\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>Free\u003C\u002Ftd>\u003Ctd>Up to 5 forms, unlimited responses, 10 MB storage\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Basic\u003C\u002Ftd>\u003Ctd>Listed at $19\u002Fmo in the US view and 16 EUR\u002Fmo billed annually in the EU view\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Pro\u003C\u002Ftd>\u003Ctd>Listed at $29\u002Fmo in the US view and 24 EUR\u002Fmo billed annually in the EU view\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Premium\u003C\u002Ftd>\u003Ctd>Listed at $59\u002Fmo in the US view and 49 EUR\u002Fmo billed annually in the EU view\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Cp>\u003Cstrong>Best for:\u003C\u002Fstrong> sites running a small number of high-traffic forms.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>The catch:\u003C\u002Fstrong> prices differ by region and currency, so confirm the rate shown on your own regional pricing page before you budget.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>G2 rating:\u003C\u002Fstrong> 4.5\u002F5, from 498 reviews. A solid base for a younger product.\u003C\u002Fp>\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\u002Fdiv>\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;\">Modern drag & drop editor. Unlimited responses. Free\u003C\u002Fh3>\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;\">Fast interactions, live preview and AI form generation from a prompt, a PDF or a question list. No response caps, on any plan.\u003C\u002Fp>\n\u003Cp style=\"margin: 0;\">\u003Ca href=\"https:\u002F\u002Fapp.formester.com\u002Fusers\u002Fsign_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\u002Fspan>\u003C\u002Fa>\u003C\u002Fp>\n\u003Cp style=\"margin: 22px 0 0; font-size: 13px; color: #697586; font-family: inherit;\">Free forever plan \u003Cspan style=\"color: #C4B5FD;\">•\u003C\u002Fspan> No credit card \u003Cspan style=\"color: #C4B5FD;\">•\u003C\u002Fspan> Setup in 2 minutes\u003C\u002Fp>\n\u003C\u002Fdiv>\n\n\u003Ch2>How to pick the right drag and drop form builder\u003C\u002Fh2>\n\n\u003Cp>Start with volume. If it is unpredictable, only Formester and Google Forms remove the ceiling entirely, and Gravity Forms does the same once you host it yourself.\u003C\u002Fp>\n\n\u003Cp>If volume is predictable, the editor becomes the decision. Formester, Fillout and forms.app feel current; Jotform trades polish for depth; Typeform wins when the form's presentation is the point.\u003C\u002Fp>\n\n\u003Cp>Then check where the data has to land. Airtable or Notion points to Fillout, Zoho CRM to Zoho Forms, a WordPress database to Gravity Forms, and a Google Sheet to Google Forms.\u003C\u002Fp>\n\n\u003Ch2>Common questions about drag and drop form builders\u003C\u002Fh2>\n\n\u003Cdetails>\u003Csummary>What is the best drag and drop form builder?\u003C\u002Fsummary>\u003Cdiv>The best drag and drop form builder for most teams is Formester, because it pairs a modern editor with unlimited forms and responses on the free plan. Jotform is the better answer when you need the deepest template library or 40+ payment gateways.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\u003Cdetails>\u003Csummary>Which drag and drop form builder is free?\u003C\u002Fsummary>\u003Cdiv>Formester and Google Forms are the two with no practical response limit at no cost. Fillout allows 1,000 responses a month free, forms.app allows unlimited responses across 5 forms, and Jotform and Zoho Forms both cap their free tiers more tightly.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\u003Cdetails>\u003Csummary>Which drag and drop form builder has HIPAA?\u003C\u002Fsummary>\u003Cdiv>Jotform offers HIPAA features with a BAA on its Gold plan at $129 a month, and Zoho Forms offers HIPAA on Premium at $90 a month billed annually. Microsoft Forms inherits compliance from a Microsoft 365 tenant rather than offering it directly.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\u003Cdetails>\u003Csummary>How much does a drag and drop form builder cost?\u003C\u002Fsummary>\u003Cdiv>Paid plans in this list start at $10 a month for Zoho Forms billed annually and $13 for Formester, rising to $39 for Jotform and Typeform. Gravity Forms and WordPress plugins are licensed annually instead, from $59 a year.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\u003Cdetails>\u003Csummary>Can I collect payments on a drag and drop form?\u003C\u002Fsummary>\u003Cdiv>Yes, several tools support it. Formester includes Stripe and PayPal on the free plan, Jotform supports 40+ gateways, and Gravity Forms offers payment add-ons. Google Forms and Microsoft Forms cannot take payment at all.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\u003Cdetails>\u003Csummary>Which form builder has the best editor?\u003C\u002Fsummary>\u003Cdiv>Formester, Fillout and forms.app have the most current editors, with immediate interactions and live preview. Typeform's is the most polished but constrains you to one question at a time, and Jotform's is the deepest but takes longest to learn.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\u003Cdetails>\u003Csummary>Do drag and drop builders limit how many responses I can collect?\u003C\u002Fsummary>\u003Cdiv>Most do. Jotform, Typeform, Fillout and Zoho Forms all meter submissions by tier. Formester places no cap on any plan, Google Forms has no practical limit, and self-hosted Gravity Forms does not meter at all.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\u003Cdetails>\u003Csummary>Which drag and drop form builder works with WordPress?\u003C\u002Fsummary>\u003Cdiv>Gravity Forms is the strongest WordPress option, with the deepest conditional logic and unlimited sites on its $259 Elite licence. The hosted tools in this list embed into WordPress through an iframe or a snippet rather than running inside it.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\n\u003Cstyle>\n\n.fmstr-cmp-ddb-exit {\n--p-bg-card: #ffffff;\n--p-bg-violet-25: #f7f3ff;\n--p-bg-pill: #f4ebff;\n--p-fg-1: #101828;\n--p-fg-2: #475467;\n--p-fg-3: #697586;\n--p-violet-500: #7f56d9;\n--p-violet-600: #6941c6;\n--p-violet-700: #5925dc;\n--p-border-light: #eaecf0;\n--p-border-violet: #9777e0;\n\nposition: fixed;\ninset: 0;\nz-index: 2147483000;\ndisplay: none;\nalign-items: center;\njustify-content: center;\npadding: 24px;\nfont-family: inherit;\ncolor: var(--p-fg-1);\n}\n.fmstr-cmp-ddb-exit *, .fmstr-cmp-ddb-exit *::before, .fmstr-cmp-ddb-exit *::after { box-sizing: border-box; }\n.fmstr-cmp-ddb-exit.is-open { display: flex; }\n\n.fmstr-cmp-ddb-exit__backdrop {\nposition: absolute; inset: 0;\nbackground: rgba(16, 10, 40, 0.55);\nbackdrop-filter: blur(3px);\nopacity: 0;\ntransition: opacity 220ms ease;\n}\n.fmstr-cmp-ddb-exit.is-open .fmstr-cmp-ddb-exit__backdrop { opacity: 1; }\n\n.fmstr-cmp-ddb-exit__card {\nposition: relative;\nwidth: 100%;\nmax-width: 520px;\nbackground: var(--p-bg-card);\nborder: 1px solid var(--p-border-light);\nborder-radius: 20px;\npadding: 36px 36px 30px;\nbox-shadow: 0 32px 80px rgba(16, 10, 40, 0.32);\nopacity: 0;\ntransform: translateY(14px) scale(0.985);\ntransition: opacity 260ms ease, transform 260ms cubic-bezier(0.22, 1, 0.36, 1);\n}\n.fmstr-cmp-ddb-exit.is-open .fmstr-cmp-ddb-exit__card { opacity: 1; transform: none; }\n\n.fmstr-cmp-ddb-exit__close {\nposition: absolute;\ntop: 12px; right: 12px;\nwidth: 40px; height: 40px;\ndisplay: inline-flex; align-items: center; justify-content: center;\nbackground: transparent;\nborder: 0;\nborder-radius: 50%;\ncolor: var(--p-fg-3);\ncursor: pointer;\ntransition: background-color 150ms ease, color 150ms ease;\n}\n.fmstr-cmp-ddb-exit__close:hover { background: #f2f4f7; color: var(--p-fg-1); }\n.fmstr-cmp-ddb-exit__close:focus { outline: none; }\n.fmstr-cmp-ddb-exit__close:focus-visible { outline: 2px solid var(--p-border-violet); outline-offset: 2px; }\n.fmstr-cmp-ddb-exit__cta:focus-visible,\n.fmstr-cmp-ddb-exit__dismiss:focus-visible { outline: 2px solid var(--p-border-violet); outline-offset: 2px; border-radius: 9999px; }\n\n.fmstr-cmp-ddb-exit__eyebrow {\ndisplay: inline-block;\npadding: 5px 13px 7px;\nbackground: var(--p-bg-pill);\ncolor: var(--p-violet-600);\nborder-radius: 9999px;\nfont-size: 12px;\nfont-weight: 700;\nline-height: 1;\nletter-spacing: 0.08em;\ntext-transform: uppercase;\nmargin-bottom: 16px;\nmax-width: calc(100% - 46px);\n}\n\n.fmstr-cmp-ddb-exit__heading {\nmargin: 0 0 12px;\nfont-size: 27px;\nline-height: 1.22;\nfont-weight: 800;\nletter-spacing: -0.02em;\n}\n.fmstr-cmp-ddb-exit__heading em { font-style: normal; color: var(--p-violet-600); }\n\n.fmstr-cmp-ddb-exit__sub {\nmargin: 0 0 24px;\nfont-size: 15px;\nline-height: 1.55;\ncolor: var(--p-fg-2);\n}\n\n.fmstr-cmp-ddb-exit__list { list-style: none; margin: 0 0 28px; padding: 0; display: flex; flex-direction: column; gap: 16px; }\n.fmstr-cmp-ddb-exit__item { display: flex; align-items: flex-start; gap: 14px; }\n.fmstr-cmp-ddb-exit__ic {\nwidth: 38px; height: 38px; flex-shrink: 0;\nborder-radius: 10px;\nbackground: var(--p-bg-violet-25);\ncolor: var(--p-violet-600);\ndisplay: inline-flex; align-items: center; justify-content: center;\n}\n.fmstr-cmp-ddb-exit__ic svg { display: block; }\n.fmstr-cmp-ddb-exit__item-title { margin: 0; font-size: 15px; line-height: 1.4; font-weight: 700; }\n.fmstr-cmp-ddb-exit__item-body { margin: 3px 0 0; font-size: 14px; line-height: 1.45; color: var(--p-fg-3); }\n\n.fmstr-cmp-ddb-exit__cta {\ndisplay: block;\nwidth: 100%;\npadding: 15px 24px 16px;\nbackground: var(--p-violet-600) !important;\ncolor: #ffffff !important;\nborder-radius: 9999px;\nfont-size: 16px;\nfont-weight: 700;\nline-height: 1;\ntext-align: center;\ntext-decoration: none;\nbox-shadow: 0 8px 24px rgba(105, 65, 198, 0.26);\ntransition: background-color 150ms ease, transform 150ms ease;\n}\n.fmstr-cmp-ddb-exit__cta:hover { background: var(--p-violet-700) !important; color: #ffffff !important; transform: translateY(-1px); }\n\n.fmstr-cmp-ddb-exit__dismiss {\ndisplay: block;\nwidth: 100%;\nmargin-top: 10px;\npadding: 12px;\nbackground: transparent;\nborder: 0;\ncolor: var(--p-fg-3);\nfont-family: inherit;\nfont-size: 14px;\nfont-weight: 600;\ncursor: pointer;\n}\n.fmstr-cmp-ddb-exit__dismiss:hover { color: var(--p-fg-1); }\n\n.fmstr-cmp-ddb-exit__meta {\nmargin: 6px 0 0;\ntext-align: center;\nfont-size: 12px;\nfont-weight: 500;\ncolor: var(--p-fg-3);\n}\n\n@media (max-width: 560px) {\n.fmstr-cmp-ddb-exit { padding: 16px; align-items: flex-end; }\n.fmstr-cmp-ddb-exit__card { padding: 28px 22px 22px; border-radius: 18px; }\n.fmstr-cmp-ddb-exit__heading { font-size: 23px; }\n.fmstr-cmp-ddb-exit__list { gap: 14px; margin-bottom: 24px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n.fmstr-cmp-ddb-exit__backdrop,\n.fmstr-cmp-ddb-exit__card { transition: none; }\n.fmstr-cmp-ddb-exit__card { transform: none; }\n}\n\u003C\u002Fstyle>\n\n\u003Cdiv class=\"fmstr-cmp-ddb-exit\" id=\"fmstr-ddb-exit\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"fmstr-ddb-exit-heading\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-ddb-exit__backdrop\" data-fmstr-exit-close>\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-ddb-exit__card\">\n\u003Cbutton type=\"button\" class=\"fmstr-cmp-ddb-exit__close\" data-fmstr-exit-close aria-label=\"Close\">\n\u003Csvg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u002F>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u002F>\u003C\u002Fsvg>\n\u003C\u002Fbutton>\n\u003Cspan class=\"fmstr-cmp-ddb-exit__eyebrow\">Before you commit to a builder\u003C\u002Fspan>\n\u003Ch2 id=\"fmstr-ddb-exit-heading\" class=\"fmstr-cmp-ddb-exit__heading\">The drag and drop is the easy part. \u003Cem>The cap is the expensive part\u003C\u002Fem>\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-ddb-exit__sub\">Every editor here feels good for ten minutes. What separates them is what happens at response 1,001.\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-ddb-exit__list\">\n\u003Cli class=\"fmstr-cmp-ddb-exit__item\">\n\u003Cspan class=\"fmstr-cmp-ddb-exit__ic\" aria-hidden=\"true\">\u003Csvg width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpath d=\"m12 14 4-4\"\u002F>\u003Cpath d=\"M3.34 19a10 10 0 1 1 17.32 0\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>\n\u003Cspan>\n\u003Ch3 class=\"fmstr-cmp-ddb-exit__item-title\">Unlimited responses on every tier\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-ddb-exit__item-body\">Including the free plan, with no per-response overage\u003C\u002Fp>\n\u003C\u002Fspan>\n\u003C\u002Fli>\n\u003Cli class=\"fmstr-cmp-ddb-exit__item\">\n\u003Cspan class=\"fmstr-cmp-ddb-exit__ic\" aria-hidden=\"true\">\u003Csvg width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Crect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\u002F>\u003Cline x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>\n\u003Cspan>\n\u003Ch3 class=\"fmstr-cmp-ddb-exit__item-title\">Take payment without a paid upgrade\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-ddb-exit__item-body\">Stripe and PayPal work on the free plan\u003C\u002Fp>\n\u003C\u002Fspan>\n\u003C\u002Fli>\n\u003Cli class=\"fmstr-cmp-ddb-exit__item\">\n\u003Cspan class=\"fmstr-cmp-ddb-exit__ic\" aria-hidden=\"true\">\u003Csvg width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpath d=\"M17.5 19a4.5 4.5 0 1 0 0-9h-1.8A7 7 0 1 0 4 14.9\"\u002F>\u003Cpath d=\"M12 12v9\"\u002F>\u003Cpath d=\"m8 17 4 4 4-4\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>\n\u003Cspan>\n\u003Ch3 class=\"fmstr-cmp-ddb-exit__item-title\">Works with no connection\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-ddb-exit__item-body\">Offline forms install as an app and sync later\u003C\u002Fp>\n\u003C\u002Fspan>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ca href=\"https:\u002F\u002Fapp.formester.com\u002Fusers\u002Fsign_up\" class=\"fmstr-cmp-ddb-exit__cta\">Try Formester free\u003C\u002Fa>\n\u003Cbutton type=\"button\" class=\"fmstr-cmp-ddb-exit__dismiss\" data-fmstr-exit-close>Keep reading the comparison\u003C\u002Fbutton>\n\u003Cp class=\"fmstr-cmp-ddb-exit__meta\">Free forever plan · No credit card · 56,000+ teams\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003Cscript>\n(function () {\nif (window.__fmstrExitInit_ddb) { return; }\nwindow.__fmstrExitInit_ddb = true;\n\nvar KEY = 'fmstr_ddb_exit_seen_v1';\nvar SCROLL_TRIGGER = 0.6;\nvar MIN_DWELL_MS = 12000;\nvar started = Date.now();\nvar root = document.getElementById('fmstr-ddb-exit');\nif (!root) { return; }\n\nfunction alreadySeen() {\ntry { return window.sessionStorage.getItem(KEY) === '1'; } catch (e) { return false; }\n}\nfunction markSeen() {\ntry { window.sessionStorage.setItem(KEY, '1'); } catch (e) {}\n}\nif (alreadySeen()) { return; }\n\nvar opened = false;\nvar prevOverflow = '';\n\nfunction open() {\nif (opened || alreadySeen()) { return; }\nif (!root.isConnected) { return; }\nif (Date.now() - started \u003C MIN_DWELL_MS) { return; }\nopened = true;\nmarkSeen();\nroot.classList.add('is-open');\nroot.setAttribute('aria-hidden', 'false');\nprevOverflow = document.documentElement.style.overflow;\ndocument.documentElement.style.overflow = 'hidden';\nvar closeBtn = root.querySelector('.fmstr-cmp-ddb-exit__close');\nif (closeBtn) { closeBtn.focus(); }\ndetach();\n}\n\nfunction close() {\nroot.classList.remove('is-open');\nroot.setAttribute('aria-hidden', 'true');\ndocument.documentElement.style.overflow = prevOverflow;\ndocument.removeEventListener('keydown', onKey);\n}\n\nfunction onScroll() {\nvar doc = document.documentElement;\nvar height = Math.max(doc.scrollHeight, document.body ? document.body.scrollHeight : 0);\nif (height \u003C= window.innerHeight) { return; }\nvar seen = (window.pageYOffset + window.innerHeight) \u002F height;\nif (seen >= SCROLL_TRIGGER) { open(); }\n}\n\nfunction onMouseOut(e) {\nif (e.relatedTarget || e.toElement) { return; }\nif (e.clientY > 4) { return; }\nopen();\n}\n\nfunction onKey(e) {\nif (e.key === 'Escape' || e.keyCode === 27) { close(); }\n}\n\nfunction detach() {\nwindow.removeEventListener('scroll', onScroll);\ndocument.removeEventListener('mouseout', onMouseOut);\n}\n\nwindow.addEventListener('scroll', onScroll, { passive: true });\nvar finePointer = true;\ntry { finePointer = window.matchMedia('(pointer: fine)').matches; } catch (e) {}\nif (finePointer) { document.addEventListener('mouseout', onMouseOut); }\ndocument.addEventListener('keydown', onKey);\n\nroot.addEventListener('click', function (e) {\nvar t = e.target;\nwhile (t && t !== root) {\nif (t.hasAttribute && t.hasAttribute('data-fmstr-exit-close')) { close(); return; }\nt = t.parentNode;\n}\n});\n})();\n\u003C\u002Fscript>\n\n\n","blog\u002Fblog\u002Fbest-drag-and-drop-form-builder.md",{"text":209},"15 min read",{"title":211,"author":212,"authorImage":8,"authorProfile":213,"coverImg":214,"coverImgAlt":215,"createdAt":216,"description":217,"featured":14,"jsonld":218,"keywords":296,"metaDescription":217,"metaImage":297,"metaTitle":298,"publishedAt":299,"slug":300,"updatedAt":301,"__hash__":302,"body":303,"id":304,"coverImgWidth":25,"coverImgHeight":26,"readingStats":305},"How to embed a Google Form in 2026","Harsh Shah","https:\u002F\u002Flinkedin.com\u002Fin\u002Fharshshahseo","https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fhow_to_embed_a_google_form_cbd089bd2e.png","illustration of google forms","2024-04-07T10:04:42.382Z","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.",[219],{"@graph":220,"@context":60},[221,231,264,290],{"@type":57,"author":222,"headline":225,"publisher":226,"dateModified":228,"datePublished":229,"mainEntityOfPage":230},{"url":223,"name":224,"@type":59},"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fsidsh0502\u002F","Siddharth Sharma","How to embed a Google Form in 2026: 5 methods, the iframe code, and the fixes nobody documents",{"logo":227,"name":66,"@type":67},{"url":64,"@type":65},"2026-06-11","2023-10-26","https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-embed-a-google-form\u002F",{"name":232,"step":233,"tool":256,"@type":262,"totalTime":263},"How to embed a Google Form on your website",[234,238,241,244,248,252],{"name":235,"text":236,"@type":237,"position":139},"Open the form's Send modal","In Google Forms, click Send in the top right corner.","HowToStep",{"name":239,"text":240,"@type":237,"position":143},"Click the embed icon","Click the \u003C > embed icon in the share modal.",{"name":242,"text":243,"@type":237,"position":145},"Set width and height","Set width to at least 720px and height to your form's full pixel length plus 80px buffer.",{"name":245,"text":246,"@type":237,"position":247},"Copy the iframe snippet","Click Copy to grab the generated iframe HTML.",4,{"name":249,"text":250,"@type":237,"position":251},"Paste into your site","Paste the snippet into a Custom HTML block on your CMS (WordPress, Wix, Squarespace, Webflow, Canva).",5,{"name":253,"text":254,"@type":237,"position":255},"Make it responsive","Wrap the iframe in a div with max-width:720px and set the iframe width to 100%.",6,[257,260],{"name":258,"@type":259},"Google Forms","HowToTool",{"name":261,"@type":259},"Website HTML editor or CMS","HowTo","PT5M",{"@type":74,"mainEntity":265},[266,270,274,278,282,286],{"name":267,"@type":78,"acceptedAnswer":268},"Can I embed a Google Form on a Canva website?",{"text":269,"@type":81},"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":271,"@type":78,"acceptedAnswer":272},"Why is my embedded Google Form not loading on my site?",{"text":273,"@type":81},"The most common cause is a Content Security Policy that blocks third-party iframes. Add frame-src https:\u002F\u002Fdocs.google.com; to your site's CSP header. Other causes include restricted sharing settings or strict same-origin policies.",{"name":275,"@type":78,"acceptedAnswer":276},"Is there a height limit on a Google Forms iframe?",{"text":277,"@type":81},"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":279,"@type":78,"acceptedAnswer":280},"Can I style an embedded Google Form to match my site?",{"text":281,"@type":81},"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":283,"@type":78,"acceptedAnswer":284},"Is an embedded Google Form mobile responsive?",{"text":285,"@type":81},"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":287,"@type":78,"acceptedAnswer":288},"Can I track Google Form submissions in Google Analytics or my CRM?",{"text":289,"@type":81},"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":134,"itemListElement":291},[292,293,294],{"item":62,"name":137,"@type":138,"position":139},{"item":141,"name":142,"@type":138,"position":143},{"item":230,"name":295,"@type":138,"position":145},"How to embed a Google Form","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",[],"How to Embed a Google Form in 2026: 5 Methods + Fixes","2026-06-15T04:50:44.267Z","how-to-embed-a-google-form","2026-06-15T04:50:44.271Z","xG7HlBbARVzAN3Yt5M_-ky0IKZ5iTtU43VoEnjLFQCM","\u003Cstyle>\n\u002F* batch-1 blog normalisation *\u002F\n.fmstr-blog-lead {\n  font-size: 17px !important;\n  line-height: 1.65 !important;\n  color: #475467 !important;\n  font-weight: 400 !important;\n  margin: 0 0 16px !important;\n}\n.fmstr-blog-lead a { color: #6941c6 !important; font-weight: 500; }\n.fmstr-blog-lead a:hover { text-decoration: underline !important; }\n.fmstr-blog-lead strong { color: #101828; font-weight: 700; }\nsection[class^=\"fmstr-cmp-\"], section[class*=\" fmstr-cmp-\"] {\n  padding-top: 28px !important;\n  padding-bottom: 28px !important;\n}\n@media (max-width: 540px) {\n  section[class^=\"fmstr-cmp-\"], section[class*=\" fmstr-cmp-\"] {\n    padding-top: 24px !important;\n    padding-bottom: 24px !important;\n  }\n}\n\u003C\u002Fstyle>\n\n\u003Cstyle id=\"fmstr-blog-mobile-fullwidth-v3\">\n@media (max-width: 760px) {\n  .art-section { padding-left: 12px !important; padding-right: 12px !important; }\n}\n@media (max-width: 540px) {\n  .art-section { padding-left: 6px !important; padding-right: 6px !important; padding-top: 24px !important; }\n  section[class^=\"fmstr-cmp-\"], section[class*=\" fmstr-cmp-\"] {\n    padding-left: 0 !important; padding-right: 0 !important;\n    overflow-x: hidden !important; box-sizing: border-box !important;\n  }\n  section[class^=\"fmstr-cmp-\"] *, section[class^=\"fmstr-cmp-\"] *::before, section[class^=\"fmstr-cmp-\"] *::after { box-sizing: border-box !important; }\n  section[class^=\"fmstr-cmp-\"] > *, section[class^=\"fmstr-cmp-\"] > * > * { min-width: 0 !important; }\n  section[class^=\"fmstr-cmp-\"] [class*=\"__container\"] {\n    padding-left: 0 !important; padding-right: 0 !important;\n    max-width: 100% !important; width: 100% !important;\n  }\n  section[class^=\"fmstr-cmp-\"] [class*=\"__card\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__step\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__panel\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__tool\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__verdict\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__row\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__fix\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__callout\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__quote\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__tldr\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__answer\"],\n  section[class^=\"fmstr-cmp-\"] [class*=\"__faq\"],\n  section[class^=\"fmstr-cmp-\"] details {\n    padding-left: 14px !important; padding-right: 14px !important;\n    margin-left: 0 !important; margin-right: 0 !important;\n  }\n  section[class^=\"fmstr-cmp-\"] p, section[class^=\"fmstr-cmp-\"] li { font-size: 15px !important; line-height: 1.6 !important; }\n  section[class^=\"fmstr-cmp-\"] h2 { font-size: 22px !important; line-height: 1.22 !important; }\n  section[class^=\"fmstr-cmp-\"] h3 { font-size: 18px !important; line-height: 1.3 !important; }\n  section[class^=\"fmstr-cmp-\"] h4 { font-size: 16px !important; line-height: 1.35 !important; }\n  section[class^=\"fmstr-cmp-\"] table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; width: 100% !important; }\n  section[class^=\"fmstr-cmp-\"] img, section[class^=\"fmstr-cmp-\"] iframe, section[class^=\"fmstr-cmp-\"] video { max-width: 100% !important; height: auto !important; }\n  section[class^=\"fmstr-cmp-\"] pre, section[class^=\"fmstr-cmp-\"] code {\n    white-space: pre-wrap !important; overflow-wrap: anywhere !important; word-break: break-word !important;\n  }\n  section[class^=\"fmstr-cmp-\"] pre { overflow-x: auto; }\n  .fmstr-blog-lead { font-size: 16.5px !important; }\n}\n\u003C\u002Fstyle>\n\n\u003Cp class=\"fmstr-blog-lead\">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\u002Fp>\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\u002Fp>\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\u002Fp>\n\n\u003Cstyle>\n.fmstr-cmp-tmpl-tldr a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-tldr {\n--c-card: #f7f3ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-600: #6941c6; --c-violet-700: #5b34b1;\n--c-edge: #e4d7ff; --c-border: #d6c2f7;\n--c-shadow: 0 1px 3px rgba(16,24,40,.05);\nbackground: transparent;\npadding: 28px 0 40px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important;\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\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-tldr\" aria-labelledby=\"fmstr-cmp-tmpl-tldr-label\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-tldr__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-tldr__card\">\n\u003Cp class=\"fmstr-cmp-tmpl-tldr__label\" id=\"fmstr-cmp-tmpl-tldr-label\">Quick answer\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-tldr__body\">To embed a Google Form, open the form, click \u003Cstrong>Send\u003C\u002Fstrong>, then the \u003Cstrong>< >\u003C\u002Fstrong> 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\u002Fstrong> and set the iframe to \u003Cstrong>width:100%\u003C\u002Fstrong> with a tuned min-height.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\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\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-cmp\" aria-labelledby=\"fmstr-cmp-tmpl-cmp-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-cmp__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-cmp__head\">\n\u003Ch2 class=\"fmstr-cmp-tmpl-cmp__h2\" id=\"fmstr-cmp-tmpl-cmp-h2\">Google Forms embed vs Formester embed\u003C\u002Fh2>\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\u002Fp>\n\u003C\u002Fdiv>\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\u002Fth>\n\u003Cth>Google Forms embed\u003C\u002Fth>\n\u003Cth class=\"fmstr-cmp-tmpl-cmp__th--us\">Formester embed\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>Embed modes\u003C\u002Ftd>\n\u003Ctd>1 (iframe only)\u003C\u002Ftd>\n\u003Ctd>6: Standard inline, Popup, Sidebar, Side Tab, Popover, Fullscreen\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Mobile responsive\u003C\u002Ftd>\n\u003Ctd>Manual (fixed height)\u003C\u002Ftd>\n\u003Ctd>Auto-fits container\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Custom branding\u003C\u002Ftd>\n\u003Ctd>\u003Cspan class=\"fmstr-cmp-tmpl-cmp__tag fmstr-cmp-tmpl-cmp__tag--no\">No\u003C\u002Fspan> Google chrome stays\u003C\u002Ftd>\n\u003Ctd>\u003Ca href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Fbranding-kit\u002F\">Full white-label, brand colors, custom fonts\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Native CMS integrations\u003C\u002Ftd>\n\u003Ctd>None (raw iframe everywhere)\u003C\u002Ftd>\n\u003Ctd>WordPress, Wix, Webflow, Canva, Shopify, Squarespace\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Load behavior\u003C\u002Ftd>\n\u003Ctd>iframe loads docs.google.com\u003C\u002Ftd>\n\u003Ctd>Lightweight JS embed, no iframe required for Popup or Side Tab\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Conditional logic\u003C\u002Ftd>\n\u003Ctd>Basic section branching only\u003C\u002Ftd>\n\u003Ctd>\u003Ca href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Fconditional-logic\u002F\">Field-level + page-level conditional logic\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Submissions analytics\u003C\u002Ftd>\n\u003Ctd>Inside Google Forms only\u003C\u002Ftd>\n\u003Ctd>\u003Ca href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Fform-analytics\u002F\">Per-field drop-off, time on page, completion rate\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Payment fields\u003C\u002Ftd>\n\u003Ctd>\u003Cspan class=\"fmstr-cmp-tmpl-cmp__tag fmstr-cmp-tmpl-cmp__tag--no\">No\u003C\u002Fspan>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan class=\"fmstr-cmp-tmpl-cmp__tag fmstr-cmp-tmpl-cmp__tag--yes\">Yes\u003C\u002Fspan> Stripe + PayPal native\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>E-signature\u003C\u002Ftd>\n\u003Ctd>\u003Cspan class=\"fmstr-cmp-tmpl-cmp__tag fmstr-cmp-tmpl-cmp__tag--no\">No\u003C\u002Fspan>\u003C\u002Ftd>\n\u003Ctd>\u003Cspan class=\"fmstr-cmp-tmpl-cmp__tag fmstr-cmp-tmpl-cmp__tag--yes\">Yes\u003C\u002Fspan> legally binding signatures\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>File upload\u003C\u002Ftd>\n\u003Ctd>Requires Google login\u003C\u002Ftd>\n\u003Ctd>Public, no login required\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\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:\u002F\u002Fformester.com\u002Ffeatures\u002Fembed-forms\u002F\">embed your form on any site\u003C\u002Fa> with Formester, or read the deeper \u003Ca href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fgoogle-forms-vs-jotform-the-comparison-everyone-asked-for\u002F\">Google Forms vs Jotform comparison\u003C\u002Fa>.\u003C\u002Fp>\n\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\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\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-steps\" aria-labelledby=\"fmstr-cmp-tmpl-steps-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__container\">\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__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\u002Fh2>\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\u002Fp>\n\u003C\u002Fdiv>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__method\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__methodlabel\">Method 1\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__methodtitle\">Embed a Google Form with the iframe HTML snippet\u003C\u002Fh3>\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\u002Fp>\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\u002Fspan>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch4 class=\"fmstr-cmp-tmpl-steps__title\">Open your form and click Send\u003C\u002Fh4>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Open the form in Google Forms and click \u003Cstrong>Send\u003C\u002Fstrong> in the top right.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">2\u003C\u002Fspan>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch4 class=\"fmstr-cmp-tmpl-steps__title\">Click the embed icon\u003C\u002Fh4>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">In the share modal, click the \u003Ccode>< >\u003C\u002Fcode> embed icon to switch to the embed view.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">3\u003C\u002Fspan>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch4 class=\"fmstr-cmp-tmpl-steps__title\">Set the width and height\u003C\u002Fh4>\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:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-create-a-quiz-in-google-forms-the-only-guide-youll-need-in-2023\u002F\">quizzes built in Google Forms\u003C\u002Fa>.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">4\u003C\u002Fspan>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch4 class=\"fmstr-cmp-tmpl-steps__title\">Copy the iframe snippet\u003C\u002Fh4>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Click \u003Cstrong>Copy\u003C\u002Fstrong>. You will get a snippet that looks like this:\u003C\u002Fp>\n\u003Cpre class=\"fmstr-cmp-tmpl-steps__code\"><iframe src=\"https:\u002F\u002Fdocs.google.com\u002Fforms\u002Fd\u002Fe\u002FFORM_ID\u002Fviewform?embedded=true\"\n        width=\"640\" height=\"1200\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\">\n  Loading...\n<\u002Fiframe>\u003C\u002Fpre>\n\u003C\u002Fdiv>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">5\u003C\u002Fspan>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch4 class=\"fmstr-cmp-tmpl-steps__title\">Paste it into your HTML editor\u003C\u002Fh4>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Drop the snippet wherever you want the form to render on the page.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">6\u003C\u002Fspan>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch4 class=\"fmstr-cmp-tmpl-steps__title\">Make it responsive\u003C\u002Fh4>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Wrap the iframe and set width to 100% with a fixed minimum height:\u003C\u002Fp>\n\u003Cpre class=\"fmstr-cmp-tmpl-steps__code\"><div style=\"max-width:720px;margin:0 auto;\">\n  <iframe src=\"https:\u002F\u002Fdocs.google.com\u002Fforms\u002Fd\u002Fe\u002FFORM_ID\u002Fviewform?embedded=true\"\n          style=\"width:100%;min-height:1400px;border:0;\">\n    Loading...\n  <\u002Fiframe>\n<\u002Fdiv>\u003C\u002Fpre>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__note\">\u003Cstrong>Pitfall:\u003C\u002Fstrong> 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:\u002F\u002Fformester.com\u002Fblog\u002Fgoogle-forms-to-google-sheets\u002F\">connect Google Forms to Sheets\u003C\u002Fa> to capture responses.\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fli>\n\n\u003C\u002Fol>\n\u003C\u002Fdiv>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__method\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__methodlabel\">Method 2\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__methodtitle\">Embed a Google Form in WordPress\u003C\u002Fh3>\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\u002Fp>\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\u002Fspan>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch4 class=\"fmstr-cmp-tmpl-steps__title\">Custom HTML block (no plugin)\u003C\u002Fh4>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Open the post or page in the block editor, add a \u003Cstrong>Custom HTML\u003C\u002Fstrong> block, paste the iframe snippet from Method 1. Works on every WordPress install, free or hosted.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">B\u003C\u002Fspan>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch4 class=\"fmstr-cmp-tmpl-steps__title\">Google Forms shortcode plugin\u003C\u002Fh4>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Plugins like \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fgoogle-forms\u002F\">Google Forms by Best WordPress Plugin Marketplace\u003C\u002Fa> and \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fwpgform\u002F\">WPGForm\u003C\u002Fa> let you embed via a shortcode like \u003Ccode>[google-form id=\"FORM_ID\"]\u003C\u002Fcode>. 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\u002Fp>\n\u003C\u002Fdiv>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">C\u003C\u002Fspan>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__main\">\n\u003Ch4 class=\"fmstr-cmp-tmpl-steps__title\">Page builder elements\u003C\u002Fh4>\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\u002Fp>\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__note\">\u003Cstrong>Card layout tip:\u003C\u002Fstrong> 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\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fli>\n\n\u003C\u002Fol>\n\u003C\u002Fdiv>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__method\">\n\u003Cspan class=\"fmstr-cmp-tmpl-steps__methodlabel\">Method 3\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__methodtitle\">Embed a Google Form on Wix, Squarespace, Canva, or Webflow\u003C\u002Fh3>\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\u002Fp>\n\n\u003Cul class=\"fmstr-cmp-tmpl-steps__sublist\">\n\u003Cli>\u003Cstrong>Wix.\u003C\u002Fstrong> 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\u002Fli>\n\u003Cli>\u003Cstrong>Squarespace.\u003C\u002Fstrong> 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\u002Fli>\n\u003Cli>\u003Cstrong>Canva (websites).\u003C\u002Fstrong> On a Canva-designed website page, click Add > Embed > paste the Google Form \u003Ccode>viewform\u003C\u002Fcode> 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\u002Fli>\n\u003Cli>\u003Cstrong>Webflow.\u003C\u002Fstrong> 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\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fdiv>\n\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__trouble\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__troublehead\">Troubleshooting an embedded Google Form\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__troublelead\">Most embed problems come down to five things. Diagnose by symptom.\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-tmpl-steps__troublelist\">\n\u003Cli>\u003Cstrong>1. Form does not load (white box, \"refused to connect\").\u003C\u002Fstrong> Your site has a Content Security Policy that blocks third-party iframes. Add \u003Ccode>frame-src https:\u002F\u002Fdocs.google.com;\u003C\u002Fcode> to your CSP header. On WordPress, the \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fheaders-security-advanced-hsts-wp\u002F\">Headers Security plugin\u003C\u002Fa> handles this without code.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>2. Form is too narrow on desktop, too wide on mobile.\u003C\u002Fstrong> 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\u002Fcode> and set the iframe width to 100%. This caps the form on desktop and lets it shrink on phones.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>3. Form scrolls inside its own box.\u003C\u002Fstrong> 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\u002Fcode> to that value plus 80px. Google does not expose a way to auto-fit because the iframe is cross-origin.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>4. Form looks broken on mobile (cut off, buttons missing).\u003C\u002Fstrong> Two fixes. First, make sure the iframe has \u003Ccode>style=\"width:100%;\"\u003C\u002Fcode> not a hardcoded pixel width. Second, set the iframe's \u003Ccode>min-height\u003C\u002Fcode> based on your longest mobile form view. Mobile renders ask for more vertical space than desktop.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>5. Dark-mode color clash.\u003C\u002Fstrong> 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:\u002F\u002Fformester.com\u002Fblog\u002Ftop-google-forms-alternatives\u002F\">top Google Forms alternatives in 2026\u003C\u002Fa> for a tool that respects your site's color scheme.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fdiv>\n\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003Cstyle>\n.fmstr-cmp-tmpl-midcta a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-midcta { background: transparent; padding: 48px 0; font-family: inherit; color: #101828; overflow-x: hidden; }\n.fmstr-cmp-tmpl-midcta *, .fmstr-cmp-tmpl-midcta *::before, .fmstr-cmp-tmpl-midcta *::after { box-sizing: border-box; }\n.fmstr-cmp-tmpl-midcta__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-tmpl-midcta__card { width: 100%; background: linear-gradient(135deg, #f7f3ff 0%, #faf7ff 100%); border: 1px solid #e4d7ff; border-radius: 18px; padding: 48px 32px; text-align: center; box-shadow: 0 4px 24px rgba(127, 86, 217, 0.08); }\n.fmstr-cmp-tmpl-midcta__inner { max-width: 760px; margin: 0 auto; }\n.fmstr-cmp-tmpl-midcta__eyebrow { display: inline-block; padding: 4px 12px; background: #ffffff; border: 1px solid #e4d7ff; border-radius: 9999px; color: #5b34b1 !important; font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: 0.06em !important; text-transform: uppercase; margin: 0 0 14px !important; }\n.fmstr-cmp-tmpl-midcta__h2 { font-size: clamp(22px, 3vw, 28px) !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; margin: 0 0 12px !important; color: #101828 !important; }\n.fmstr-cmp-tmpl-midcta__body { font-size: 16px !important; line-height: 1.55 !important; color: #475467 !important; margin: 0 0 22px !important; }\n.fmstr-cmp-tmpl-midcta__cta { display: inline-flex !important; align-items: center; gap: 8px; background: #7f56d9 !important; color: #ffffff !important; border: 1px solid #7f56d9 !important; padding: 12px 26px !important; border-radius: 9999px !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: background .15s ease, transform .15s ease; }\n.fmstr-cmp-tmpl-midcta__cta:hover { background: #6941c6 !important; border-color: #6941c6 !important; color: #ffffff !important; text-decoration: none !important; transform: translateY(-1px); }\n.fmstr-cmp-tmpl-midcta__cta::after { content: \"\\2192\"; transition: transform .15s ease; }\n.fmstr-cmp-tmpl-midcta__cta:hover::after { transform: translateX(2px); }\n.fmstr-cmp-tmpl-midcta__strip { font-size: 13px !important; color: #697586 !important; margin: 20px 0 0 !important; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 14px; width: 100%; }\n.fmstr-cmp-tmpl-midcta__strip span { color: #d6c2f7; }\n@media (max-width: 760px) {\n  .fmstr-cmp-tmpl-midcta__card { padding: 36px 22px; }\n}\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-midcta { padding: 32px 0; }\n  .fmstr-cmp-tmpl-midcta__card { padding: 26px 16px; border-radius: 14px; }\n  .fmstr-cmp-tmpl-midcta__h2 { font-size: 20px !important; }\n  .fmstr-cmp-tmpl-midcta__body { font-size: 15px !important; }\n  .fmstr-cmp-tmpl-midcta__cta { padding: 11px 22px !important; font-size: 14.5px !important; width: 100%; justify-content: center; }\n  .fmstr-cmp-tmpl-midcta__strip { font-size: 12.5px !important; gap: 4px 10px; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-midcta\" aria-labelledby=\"fmstr-cmp-tmpl-midcta-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-midcta__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-midcta__card\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-midcta__inner\">\n\u003Cspan class=\"fmstr-cmp-tmpl-midcta__eyebrow\">Beyond Google Forms\u003C\u002Fspan>\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\u002Fh2>\n\u003Cp class=\"fmstr-cmp-tmpl-midcta__body\">Six embed modes, your own branding, conditional logic. No iframe headaches, no Google brand bar.\u003C\u002Fp>\n\u003Ca class=\"fmstr-cmp-tmpl-midcta__cta\" href=\"https:\u002F\u002Fapp.formester.com\u002Fusers\u002Fsign_up\" style=\"background: #7f56d9 !important; color: #ffffff !important; border-color: #7f56d9 !important; text-decoration: none !important;\">Start free on Formester\u003C\u002Fa>\n\u003Cp class=\"fmstr-cmp-tmpl-midcta__strip\">Free forever plan\u003Cspan>•\u003C\u002Fspan>No credit card\u003Cspan>•\u003C\u002Fspan>Setup in 2 minutes\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003Cstyle>\n\u002F* host-link-override *\u002F\n.fmstr-cmp-tmpl-faq a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-faq {\n--c-card: #ffffff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-600: #6941c6;\n--c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-border: #eaecf0; --c-chip-bg: #f4f4f7;\n--c-shadow: 0 1px 3px rgba(16,24,40,.05);\n\nbackground: transparent; padding: 56px 24px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important;\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\u002Fsvg+xml,%3Csvg xmlns='http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%2375747f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l4 4 4-4'\u002F%3E%3C\u002Fsvg%3E\");\nbackground-repeat: no-repeat; background-position: center;\ntransition: transform .15s ease, background-color .15s ease;\n}\n.fmstr-cmp-tmpl-faq__item[open] > summary::before { transform: rotate(180deg); background-color: var(--c-tint); }\n.fmstr-cmp-tmpl-faq__item[open] > summary { color: var(--c-violet-600) !important; }\n.fmstr-cmp-tmpl-faq__answer { padding: 0 22px 22px 64px; color: var(--c-fg-2); font-size: 15.5px; line-height: 1.7; }\n.fmstr-cmp-tmpl-faq__answer a { color: var(--c-violet-600) !important; text-decoration: none !important; }\n.fmstr-cmp-tmpl-faq__answer a:hover { text-decoration: underline !important; }\n.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\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-faq\" aria-labelledby=\"fmstr-cmp-tmpl-faq-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__container\">\n\u003Ch2 class=\"fmstr-cmp-tmpl-faq__h2\" id=\"fmstr-cmp-tmpl-faq-h2\">Frequently asked questions\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-tmpl-faq__intro\">The questions people ask after they paste the iframe and something does not look right.\u003C\u002Fp>\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\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Yes. On a Canva-designed website, open the page editor, click \u003Cstrong>Add > Embed\u003C\u002Fstrong>, and paste the Google Form's \u003Ccode>viewform\u003C\u002Fcode> 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\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Why is my embedded Google Form not loading on my site?\u003C\u002Fsummary>\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:\u002F\u002Fdocs.google.com;\u003C\u002Fcode> 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\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Is there a height limit on a Google Forms iframe?\u003C\u002Fsummary>\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\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can I style an embedded Google Form to match my site?\u003C\u002Fsummary>\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=\"\u002Fblog\u002Fwhy-formester-is-the-best-google-forms-alternative\u002F\">Formester\u003C\u002Fa> let you fully white-label the form, including fonts, button styles, and field spacing.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Is an embedded Google Form mobile responsive?\u003C\u002Fsummary>\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\u002Fcode> and set the iframe \u003Ccode>width=\"100%\"\u003C\u002Fcode> with a min-height tuned for the mobile view. Even then, you trade off desktop whitespace against mobile cut-off.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Can I track Google Form submissions in Google Analytics or my CRM?\u003C\u002Fsummary>\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\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003Cstyle>\n\u002F* host-link-override *\u002F\n.fmstr-cmp-tmpl-rel a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-rel {\n--c-card: #ffffff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-600: #6941c6;\n--c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-border: #eaecf0;\n--c-shadow: 0 4px 20px rgba(16,24,40,.06);\n\nbackground: transparent;\npadding: 56px 24px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important;\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\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-rel\" aria-labelledby=\"fmstr-cmp-tmpl-rel-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-rel__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-rel__head\">\n\u003Ch2 class=\"fmstr-cmp-tmpl-rel__h2\" id=\"fmstr-cmp-tmpl-rel-h2\">Keep reading\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__intro\">Next steps if the iframe approach is starting to feel like the wrong tool.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-tmpl-rel__grid\">\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"\u002Fblog\u002Fwhy-formester-is-the-best-google-forms-alternative\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Alternative\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Best Google Forms alternative\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Six embed modes, full white-label, payments, e-signature. Side-by-side with Google Forms.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Compare\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Fdrag-and-drop-form-builder\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Product\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Formester form builder\u003C\u002Fh3>\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\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Try the builder\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-link-squarespace-forms-to-google-sheets\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Guide\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Link Squarespace forms to Google Sheets\u003C\u002Fh3>\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\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Read guide\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n","blog\u002Fblog\u002Fhow-to-embed-a-google-form.md",{"text":306},"10 min read",1788439056395]