[{"data":1,"prerenderedAt":220},["ShallowReactive",2],{"blog-how-to-create-a-consent-form":3},{"blogData":4,"relatedArticles":97},{"id":5,"title":6,"author":7,"authorImage":8,"authorProfile":9,"coverImg":10,"coverImgAlt":11,"createdAt":12,"description":13,"featured":14,"jsonld":15,"keywords":86,"metaDescription":13,"metaImage":87,"metaTitle":6,"publishedAt":88,"slug":89,"updatedAt":90,"__hash__":91,"body":92,"coverImgWidth":93,"coverImgHeight":94,"readingStats":95},"blog\u002Fblog\u002Fhow-to-create-a-consent-form.md","How to Create a Consent Form (5 Steps + Templates)","Harsh Shah",null,"https:\u002F\u002Flinkedin.com\u002Fin\u002Fharshshahseo","https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fhow_to_create_a_consent_form_cover_6d6a6f0865.png","How to Create a Consent Form in 5 Steps cover with clipboard signature illustration","2026-06-12T01:44:21.875Z","Learn how to create a consent form that captures a verifiable signature, timestamps every response, and holds up to a compliance check. Templates included.",false,[16],{"@graph":17,"@context":85},[18,32,47],{"@id":19,"@type":20,"author":21,"headline":6,"keywords":23,"publisher":24,"description":13,"dateModified":30,"datePublished":30,"mainEntityOfPage":31},"https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-create-a-consent-form\u002F#article","BlogPosting",{"url":9,"name":7,"@type":22},"Person","how to create a consent form, create consent form online, build consent form",{"logo":25,"name":28,"@type":29},{"url":26,"@type":27},"https:\u002F\u002Fformester.com\u002Flogo.png","ImageObject","Formester","Organization","2026-06-12","https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-create-a-consent-form\u002F",{"@id":33,"@type":34,"itemListElement":35},"https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-create-a-consent-form\u002F#breadcrumb","BreadcrumbList",[36,41,45],{"item":37,"name":38,"@type":39,"position":40},"https:\u002F\u002Fformester.com\u002F","Home","ListItem",1,{"item":42,"name":43,"@type":39,"position":44},"https:\u002F\u002Fformester.com\u002Fblog\u002F","Blog",2,{"item":31,"name":6,"@type":39,"position":46},3,{"@id":48,"@type":49,"mainEntity":50},"https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-create-a-consent-form\u002F#faq","FAQPage",[51,57,61,65,69,73,77,81],{"name":52,"@type":53,"acceptedAnswer":54},"Is a typed signature legally binding?","Question",{"text":55,"@type":56},"Yes in most jurisdictions, including the US under the ESIGN Act and the EU under eIDAS, provided the signer clearly intended to sign and the record is retained with the associated metadata (timestamp, IP, form version). High-stakes consents like medical procedures and contracts often pair the typed signature with an explicit confirmation checkbox or use a drawn signature for the same reason.","Answer",{"name":58,"@type":53,"acceptedAnswer":59},"How long do I need to retain signed consent forms?",{"text":60,"@type":56},"It depends on the type. GDPR marketing consent should be retained only while you actively rely on it, then deleted. Employee policy acknowledgements are commonly kept for the length of employment plus seven years. Research consents follow the study's IRB-approved retention period. Medical consents follow the local medical-records retention rule, often six to ten years from the date of service. Confirm the specific window with counsel.",{"name":62,"@type":53,"acceptedAnswer":63},"Does Formester comply with HIPAA?",{"text":64,"@type":56},"Not currently. Formester is GDPR, UK GDPR, and CCPA compliant, and the security posture includes TLS in transit, encryption at rest, encrypted backups, and annual third-party penetration testing. However, Formester is not HIPAA-certified and does not sign a Business Associate Agreement at this time. If your form will collect protected health information governed by HIPAA in the United States, you will need a HIPAA-eligible vendor and a signed BAA.",{"name":66,"@type":53,"acceptedAnswer":67},"How do I prove the signer was actually the named person?",{"text":68,"@type":56},"Combine three signals: the signer's email (with a confirmed opt-in or verification step), their IP address at submission, and the timestamp. For higher-stakes consents, add a witness signature field or require the signer to upload a government ID. None of these is bulletproof on its own, but together they create a defensible record.",{"name":70,"@type":53,"acceptedAnswer":71},"Can a minor give consent on their own?",{"text":72,"@type":56},"In most contexts, no. Minors under 18 (or under the local age of digital consent, which is 13 in the US under COPPA and 13 to 16 across EU member states under GDPR) need a parent or legal guardian to sign on their behalf. Some jurisdictions allow minors to consent independently to specific medical services such as mental health treatment or contraception. Check the rule for your jurisdiction and use case.",{"name":74,"@type":53,"acceptedAnswer":75},"What's the difference between consent and a waiver?",{"text":76,"@type":56},"Consent is the signer agreeing to participate in something, with full understanding of what it involves. A waiver is the signer giving up a specific legal right, such as the right to sue for negligence. Many forms mix both, for example a photo release that includes a waiver of approval rights over the final media. They serve different legal purposes and should be labelled accurately on the form.",{"name":78,"@type":53,"acceptedAnswer":79},"Does GDPR consent expire?",{"text":80,"@type":56},"GDPR does not set a hard expiry date, but consent has to remain \"freely given, specific, informed, and unambiguous.\" If circumstances change (you start using the data in a new way, the signer has not engaged for a long time, or your privacy notice materially changes), the prior consent may no longer cover the new use and you should re-collect it. Many teams refresh marketing consent every two to three years as a default.",{"name":82,"@type":53,"acceptedAnswer":83},"How do I revoke consent on file?",{"text":84,"@type":56},"The signer should be able to withdraw consent as easily as they gave it. In Formester, the standard pattern is a unique submission ID emailed with the PDF copy, plus a link or address to email your privacy contact. On revocation, locate the submission, delete it, and confirm to the signer. Formester supports per-submission deletion and full data deletion on account-deletion request.","https:\u002F\u002Fschema.org","How to create a consent form\nconsent form",[],"2026-08-04T06:59:24.898Z","how-to-create-a-consent-form","2026-08-04T06:59:24.903Z","TGOWIePUwjRUovRUZzBRBq6gdqXrdyVtjYCjWbTX0-k","![How to Create a Consent Form in 5 Steps cover with clipboard signature illustration](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fhow_to_create_a_consent_form_cover_6d6a6f0865.png)\n\n\u003Cp style=\"font-size: inherit;\">A consent form has to be readable, signable, and auditable. If a regulator, an IRB reviewer, or a client's legal team ever asks \"who signed this and when,\" you need to produce a record in seconds, not scramble through email attachments.\u003C\u002Fp>\n\n\u003Cp>That is the real job of a consent form: not the wording on the page, but the audit trail behind it.\u003C\u002Fp>\n\n\u003Cp>This guide walks through the five decisions that separate a defensible consent form from a PDF you printed and forgot about. You will pick the type of consent you are collecting, write the body, capture an electronic signature with timestamp and IP, store the signed record, and send the signer their own copy.\u003C\u002Fp>\n\n\u003Cp>You can build the whole thing in Formester in about 20 minutes, or use one of the six templates linked at the end.\u003C\u002Fp>\n\n\u003Cblockquote>\n\u003Cp>\u003Cstrong>Quick answer.\u003C\u002Fstrong> A consent form has to be \u003Cstrong>readable, signable, and auditable\u003C\u002Fstrong>. State the activity and risks in plain language, explain how the data will be used, capture an electronic signature tied to the signer with timestamp and IP, and store the signed record so you can produce it in seconds. Build the form in \u003Ca href=\"https:\u002F\u002Fformester.com\u002F\">Formester\u003C\u002Fa> in about 20 minutes, or start from one of the six templates below.\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\n\u003Ch2>What every legally usable consent form has to do\u003C\u002Fh2>\n\n\u003Cp>Four boxes the form has to check, regardless of industry.\u003C\u002Fp>\n\n\u003Ch3>1. State the activity and the risks\u003C\u002Fh3>\n\n\u003Cp>Plain language. What is happening, what could go wrong, what the signer is agreeing to. If a regulator reads only the first paragraph, they should already understand the scope.\u003C\u002Fp>\n\n\u003Ch3>2. Explain how the data will be used\u003C\u002Fh3>\n\n\u003Cp>Who sees it, where it is stored, how long it is kept, and whether it leaves the country. Under GDPR this is not optional, and CCPA expects similar disclosures for California residents.\u003C\u002Fp>\n\n\u003Ch3>3. Capture a signature tied to the signer\u003C\u002Fh3>\n\n\u003Cp>A name field is not a signature. The record needs the signer's typed or drawn signature, their email, the timestamp of submission, and ideally their IP address so you can prove the signature came from them.\u003C\u002Fp>\n\n\u003Ch3>4. Be retrievable as an audit record\u003C\u002Fh3>\n\n\u003Cp>When you need to produce the signed form a year later, it should take one search, not one Slack thread. The signed PDF, the form version, and the submission metadata all live together.\u003C\u002Fp>\n\n\u003Ch2>How to create a consent form in 5 steps\u003C\u002Fh2>\n\n\u003Cp>Five decisions that separate a defensible consent form from a PDF you printed and forgot about.\u003C\u002Fp>\n\n\u003Ch3>Step 1. Decide which type of consent you are collecting\u003C\u002Fh3>\n\n\u003Cp>The fields you need change based on what you are asking the signer to agree to. Pick the closest match before you start building:\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fstep_1_choose_form_type_0338df8f99.png\" alt=\"Formester Create New Form dialog with 6 build options: Start with AI, Start From Scratch, Use a Template, Import Form, PDF to Formester Form, Backend Form\" loading=\"lazy\" style=\"width:100%;max-width:900px;height:auto;border-radius:8px;border:1px solid #e5e7eb;margin:16px 0;\" \u002F>\u003C\u002Fp>\n\n\n\u003Cul>\n\u003Cli>\u003Cstrong>Medical or research (informed consent).\u003C\u002Fstrong> Clinical trials, telehealth visits, IRB-supervised studies. Needs procedure description, risks, benefits, alternatives, voluntary-participation clause, withdrawal clause, contact for questions. Often co-signed by a witness.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Photo or video release.\u003C\u002Fstrong> Event organisers, content teams, schools, marketing agencies. Needs scope (where the footage will appear), licence duration, exclusivity, compensation.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Marketing communications (GDPR).\u003C\u002Fstrong> Needs separate, unticked opt-in checkboxes per channel (email, SMS, calls), a link to your privacy policy, and a stated lawful basis. One mega-checkbox covering everything is not valid consent under GDPR.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Minor consent (parental).\u003C\u002Fstrong> School trips, youth sports, telehealth for minors, research with anyone under 18. Needs parent or guardian's signature, relationship to the minor, minor's name and date of birth, often a backup emergency contact.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Employee handbook acknowledgement.\u003C\u002Fstrong> New-hire onboarding and policy updates. Needs document version, signer's role, signature, date. HR teams typically retain these for the length of employment plus seven years.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Ch3>Step 2. Write the consent body\u003C\u002Fh3>\n\n\u003Cp>\u003Cstrong>Note.\u003C\u002Fstrong> This is not legal advice. Use the templates below as a starting point, then have qualified counsel in your jurisdiction review the final wording before you ship the form.\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fstep_2_consent_body_editor_389115fa38.png\" alt=\"Formester form editor showing Client Information fields with Full Name, Email Address, Phone Number, and Address on the consent form template\" loading=\"lazy\" style=\"width:100%;max-width:900px;height:auto;border-radius:8px;border:1px solid #e5e7eb;margin:16px 0;\" \u002F>\u003C\u002Fp>\n\n\n\u003Cp>\u003Cstrong>Informed consent (medical or research):\u003C\u002Fstrong> I voluntarily agree to participate in [study or procedure name]. I have read the description above and understand the risks, benefits, and alternatives. I understand I can withdraw my consent at any time without penalty. I confirm I have had the opportunity to ask questions and have received satisfactory answers.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>Photo and video release:\u003C\u002Fstrong> I grant [organisation] the right to record, photograph, and use my image, likeness, and voice in [intended use: marketing, internal training, social media] for [duration]. I waive any right to review or approve the final use. This release applies in all media now known or later developed.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>GDPR marketing consent:\u003C\u002Fstrong> I would like to receive [product updates \u002F event invitations \u002F educational content] from [company] by email. I understand I can withdraw consent at any time by clicking unsubscribe in any message or by emailing [privacy email]. I have read the privacy policy. Keep each channel on its own checkbox. Do not pre-tick.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>Parental consent for a minor:\u003C\u002Fstrong> I am the parent or legal guardian of [minor's name, date of birth]. I give permission for my child to participate in [activity] on [date]. I confirm I have read the activity description, including any travel, supervision, and medical information.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>Employee policy acknowledgement:\u003C\u002Fstrong> I acknowledge I have received and read [policy name, version X.Y], dated [effective date]. I understand the policy and agree to comply with it. I understand violations may result in disciplinary action up to and including termination.\u003C\u002Fp>\n\n\u003Ch3>Step 3. Add the signature field\u003C\u002Fh3>\n\n\u003Cp>Three ways to capture a signature on a web form, and they are not equivalent:\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fstep_3_signature_field_dbb5fc964a.png\" alt=\"Formester form editor showing the Consent Confirmation page with a drawn Client Signature field and Date of Signature field\" loading=\"lazy\" style=\"width:100%;max-width:900px;height:auto;border-radius:8px;border:1px solid #e5e7eb;margin:16px 0;\" \u002F>\u003C\u002Fp>\n\n\n\u003Cul>\n\u003Cli>\u003Cstrong>Typed signature.\u003C\u002Fstrong> The signer types their full name in a styled font. Fast, mobile-friendly, and legally valid in most jurisdictions under the US ESIGN Act and eIDAS in the EU, provided the signer clearly intends to sign and the record is retained. Standard for marketing and policy consent.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Drawn signature.\u003C\u002Fstrong> The signer draws their signature with a finger or stylus on a touchscreen, or with a mouse on desktop. Looks closer to a wet signature, useful when a client or regulator expects to see one. Standard for photo releases, contracts, and waivers.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Typed and confirmed.\u003C\u002Fstrong> The signer types their name and ticks a separate \"I confirm this is my electronic signature\" checkbox. Adds an explicit affirmation step, which strengthens the record if the signature is ever challenged.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>Formester's \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Felectronic-signature\u002F\">electronic signature field\u003C\u002Fa> supports drawn and typed signatures, stores the signature image alongside the response, and includes it in the PDF copy sent to the signer. Use drawn for high-stakes consent (medical, photo release, contracts), typed-and-confirmed for everything else.\u003C\u002Fp>\n\n\u003Ch3>Step 4. Set up timestamp and secure storage\u003C\u002Fh3>\n\n\u003Cp>A signature without metadata is hard to defend. Configure the form to capture:\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fstep_4_submissions_audit_1124ee8e49.png\" alt=\"Formester Submissions view showing the audit-ready record store with search, filter, columns, and Export as CSV button\" loading=\"lazy\" style=\"width:100%;max-width:900px;height:auto;border-radius:8px;border:1px solid #e5e7eb;margin:16px 0;\" \u002F>\u003C\u002Fp>\n\n\n\u003Cul>\n\u003Cli>\u003Cstrong>Submission timestamp\u003C\u002Fstrong> in UTC, stored with the response automatically.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>IP address\u003C\u002Fstrong> of the signer, which establishes the device location and helps prove the named person signed.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Form version.\u003C\u002Fstrong> If you ever edit the consent body, every submission should be tied to the version of the form that was live when it was signed. Otherwise you cannot prove what the signer actually agreed to.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Retention policy.\u003C\u002Fstrong> Decide upfront how long signed consents are kept. Research consents often need to be retained for the life of the study plus a fixed window. Marketing consent under GDPR should be kept only as long as you continue to rely on it, then deleted.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>Formester captures the timestamp and submission ID on every response, and form data is encrypted in transit (TLS) and at rest, with encrypted backups retained for 90 days. Sub-processors and retention defaults are listed in the \u003Ca href=\"https:\u002F\u002Fformester.com\u002Fdpa\u002F\">Formester DPA\u003C\u002Fa> and \u003Ca href=\"https:\u002F\u002Fformester.com\u002Fsecurity\u002F\">security page\u003C\u002Fa>.\u003C\u002Fp>\n\n\u003Ch3>Step 5. Send a PDF copy of the signed consent to the signer\u003C\u002Fh3>\n\n\u003Cp>The signer needs their own copy. It is good practice, often a legal requirement under GDPR Article 7, and it cuts down on \"can you resend my consent form\" support tickets.\u003C\u002Fp>\n\u003Cp>\u003Cimg src=\"https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fstep_5_add_autoresponder_e691077870.png\" alt=\"Formester Add Autoresponder modal for configuring an email to the signer with the signed consent as a PDF attachment\" loading=\"lazy\" style=\"width:100%;max-width:900px;height:auto;border-radius:8px;border:1px solid #e5e7eb;margin:16px 0;\" \u002F>\u003C\u002Fp>\n\n\n\u003Cp>In Formester, turn on \u003Cstrong>Send a submission copy\u003C\u002Fstrong> in the form's notification settings. The signer receives an email with the completed form, including their signature, attached as a PDF. Set the sender name to your organisation, the subject line to \"Your signed [form name] copy,\" and include a one-line note pointing to the privacy email if they want to revoke consent later. Internal teams can also pull the PDF on demand from the Submissions tab.\u003C\u002Fp>\n\n\u003Ch2>6 consent form templates ready to use\u003C\u002Fh2>\n\n\u003Cp>Six templates you can copy, edit, and ship in under 10 minutes. Each one starts from a working form, not a blank canvas.\u003C\u002Fp>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\u003Cth>Template\u003C\u002Fth>\u003Cth>What it covers\u003C\u002Fth>\u003Cth>Best for\u003C\u002Fth>\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>\u003Cstrong>Medical research consent\u003C\u002Fstrong>\u003C\u002Ftd>\n\u003Ctd>Informed-consent body, risk-and-benefit fields, withdrawal clause, witness signature block.\u003C\u002Ftd>\n\u003Ctd>IRB-supervised studies, telehealth intake, clinical trial screening. \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Fcategories\u002Fhealthcare\u002F\">Browse research templates\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Cstrong>Photo and video release\u003C\u002Fstrong>\u003C\u002Ftd>\n\u003Ctd>Scope, duration, media-channel fields, drawn signature block, parent signature for minors.\u003C\u002Ftd>\n\u003Ctd>Event photographers, agencies, schools, content teams. \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002F\">Browse release templates\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Cstrong>GDPR marketing consent\u003C\u002Fstrong>\u003C\u002Ftd>\n\u003Ctd>Separate unticked checkboxes per channel, lawful-basis dropdown, privacy-policy link, revocation instructions.\u003C\u002Ftd>\n\u003Ctd>Newsletter opt-in, event marketing, EU-based signup flows. \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Fcategories\u002Fmarketing\u002F\">Browse marketing consent templates\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Cstrong>Minor field trip consent\u003C\u002Fstrong>\u003C\u002Ftd>\n\u003Ctd>Parent or guardian details, medical and allergy fields, emergency contact, transport authorisation.\u003C\u002Ftd>\n\u003Ctd>Schools, youth sports, camps, extracurricular programs. \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Fcategories\u002Feducation\u002F\">Browse school templates\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Cstrong>Employee policy acknowledgement\u003C\u002Fstrong>\u003C\u002Ftd>\n\u003Ctd>Policy name, version, effective date, role, typed-and-confirmed signature, retention note for HR.\u003C\u002Ftd>\n\u003Ctd>Handbook rollouts, code of conduct, IT acceptable use. \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Fcategories\u002Fhuman-resource\u002F\">Browse HR templates\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Cstrong>Telehealth consent\u003C\u002Fstrong>\u003C\u002Ftd>\n\u003Ctd>Procedure description, technology disclosure, data-storage clause, withdrawal clause, drawn signature, witness option.\u003C\u002Ftd>\n\u003Ctd>Remote medical consultations, mental health sessions.\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Cdiv class=\"fmstr-blog-cta\">\n\u003Cp>\u003Cstrong>Capture signed consent on a form, without DocuSign in the loop.\u003C\u002Fstrong> Electronic signature, audit trail per submission, GDPR posture. Built in, on every Formester plan including free.\u003C\u002Fp>\n\u003Cp>\u003Ca class=\"fmstr-blog-cta__btn\" href=\"https:\u002F\u002Fapp.formester.com\u002Fusers\u002Fsign_up\">Start free on Formester\u003C\u002Fa>\u003C\u002Fp>\n\u003Cp class=\"fmstr-blog-cta__meta\">Free forever plan · No credit card · Setup in 2 minutes\u003C\u002Fp>\n\u003C\u002Fdiv>\n\n\u003Ch2>Related reading\u003C\u002Fh2>\n\n\u003Cp>Features and pages that pair with a defensible consent form workflow.\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Ffile-upload-forms\u002F\">\u003Cstrong>File upload field\u003C\u002Fstrong>\u003C\u002Fa> - collect ID documents, signed paper consents, or supporting files alongside the form record.\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fformester.com\u002Fdpa\u002F\">\u003Cstrong>Data Processing Agreement\u003C\u002Fstrong>\u003C\u002Fa> - sub-processors, retention defaults, GDPR roles, and the DPA you sign before processing personal data.\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Fcategories\u002Fhuman-resource\u002F\">\u003Cstrong>HR form templates\u003C\u002Fstrong>\u003C\u002Fa> - policy acknowledgement, onboarding, and offboarding forms with signature blocks built in.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Csection class=\"faq\">\n\n\u003Cdetails>\n\u003Csummary>Is a typed signature legally binding?\u003C\u002Fsummary>\n\u003Cp>Yes in most jurisdictions, including the US under the ESIGN Act and the EU under eIDAS, provided the signer clearly intended to sign and the record is retained with the associated metadata (timestamp, IP, form version). High-stakes consents like medical procedures and contracts often pair the typed signature with an explicit confirmation checkbox or use a drawn signature for the same reason.\u003C\u002Fp>\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>How long do I need to retain signed consent forms?\u003C\u002Fsummary>\n\u003Cp>It depends on the type. GDPR marketing consent should be retained only while you actively rely on it, then deleted. Employee policy acknowledgements are commonly kept for the length of employment plus seven years. Research consents follow the study's IRB-approved retention period. Medical consents follow the local medical-records retention rule, often six to ten years from the date of service. Confirm the specific window with counsel.\u003C\u002Fp>\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>Does Formester comply with HIPAA?\u003C\u002Fsummary>\n\u003Cp>Not currently. Formester is GDPR, UK GDPR, and CCPA compliant, and the security posture includes TLS in transit, encryption at rest, encrypted backups, and annual third-party penetration testing. However, Formester is not HIPAA-certified and does not sign a Business Associate Agreement at this time. If your form will collect protected health information governed by HIPAA in the United States, you will need a HIPAA-eligible vendor and a signed BAA.\u003C\u002Fp>\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>How do I prove the signer was actually the named person?\u003C\u002Fsummary>\n\u003Cp>Combine three signals: the signer's email (with a confirmed opt-in or verification step), their IP address at submission, and the timestamp. For higher-stakes consents, add a witness signature field or require the signer to upload a government ID. None of these is bulletproof on its own, but together they create a defensible record.\u003C\u002Fp>\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>Can a minor give consent on their own?\u003C\u002Fsummary>\n\u003Cp>In most contexts, no. Minors under 18 (or under the local age of digital consent, which is 13 in the US under COPPA and 13 to 16 across EU member states under GDPR) need a parent or legal guardian to sign on their behalf. Some jurisdictions allow minors to consent independently to specific medical services such as mental health treatment or contraception. Check the rule for your jurisdiction and use case.\u003C\u002Fp>\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>What is the difference between consent and a waiver?\u003C\u002Fsummary>\n\u003Cp>Consent is the signer agreeing to participate in something, with full understanding of what it involves. A waiver is the signer giving up a specific legal right, such as the right to sue for negligence. Many forms mix both, for example a photo release that includes a waiver of approval rights over the final media. They serve different legal purposes and should be labelled accurately on the form.\u003C\u002Fp>\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>Does GDPR consent expire?\u003C\u002Fsummary>\n\u003Cp>GDPR does not set a hard expiry date, but consent has to remain \"freely given, specific, informed, and unambiguous.\" If circumstances change (you start using the data in a new way, the signer has not engaged for a long time, or your privacy notice materially changes), the prior consent may no longer cover the new use and you should re-collect it. Many teams refresh marketing consent every two to three years as a default.\u003C\u002Fp>\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>How do I revoke consent on file?\u003C\u002Fsummary>\n\u003Cp>The signer should be able to withdraw consent as easily as they gave it. The standard pattern is a unique submission ID emailed with the PDF copy, plus a link or address to email your privacy contact. On revocation, locate the submission, delete it, and confirm to the signer. Formester supports per-submission deletion and full data deletion on account-deletion request.\u003C\u002Fp>\n\u003C\u002Fdetails>\n\n\u003C\u002Fsection>\n\n",2400,1350,{"text":96},"12 min read",[98,121,149,202],{"title":99,"author":100,"authorImage":8,"authorProfile":101,"coverImg":102,"coverImgAlt":103,"createdAt":104,"description":105,"featured":14,"jsonld":106,"keywords":107,"metaDescription":108,"metaImage":109,"metaTitle":110,"publishedAt":111,"slug":112,"updatedAt":113,"__hash__":114,"body":115,"id":116,"coverImgWidth":117,"coverImgHeight":118,"readingStats":119},"How to Make a Multi-Page Google Form","Harish Kumar","https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fharish-kumar2424\u002F","https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002FHow_to_Make_User_Research_Survey_42_79e6d94828.png","a blog post cover about how to make multi page google forms","2025-11-02T17:41:01.965Z","Find out how to make a multi-page Google Form to organize questions, improve user flow, and collect better responses with clear, step-by-step guidance.",[],"how to make multi page google forms,\nmulti page google form,\nmulti page form,","Learn how to make a multi-page Google Form to organize questions, improve user flow, and collect better responses with clear, step-by-step guidance.",[],"How to Make a Multi-Page Google Form 2026","2025-11-02T17:41:04.277Z","how-to-make-multi-page-google-forms","2025-12-01T12:12:34.852Z","e9SaYl--G0aE5W-uHUTvgo727VyqQaD7y2SkD9pl9xQ","\u003Ciframe width=\"100%\" height=\"315\" src=\"https:\u002F\u002Fwww.youtube.com\u002Fembed\u002FBUrd0SKwizY?si=UyMjft7bm7r-o63J\" 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\nIf you’ve ever built a long form and worried that people might drop off halfway, a **multi-page form** can solve that problem. Breaking your form into smaller sections makes it easier to read. It helps respondents stay motivated and improves completion rates.\n\nWith Google Forms, you can split your form into sections. You can also use branching logic.\n\nThis way, users see only the questions that matter to them. This creates a smoother experience overall. \n\nThis guide will show you how to create a multi-page Google form step by step. It will share best practices and compare it to a more advanced **[Google Forms alternative like Formester](\u002Fblog\u002Fwhy-formester-is-the-best-google-forms-alternative\u002F)**.\n\n## Why Break Your Form into Multiple Pages\nLong, scrolling forms can overwhelm users. Multi-page forms break that monotony, helping respondents focus on one topic at a time. Here’s why this approach works so well:\n\n**Improves readability:** When users face a single, endless form, it feels exhausting. By splitting your form into pages, you reduce clutter. This helps respondents focus on small, easy-to-answer questions.\n\n**Builds momentum:** Each new page gives respondents a sense of progress. When users see they’re advancing through sections, it motivates them to complete the form. It’s the same psychology behind progress bars in online courses or checkout pages.\n\n- You can add logic and navigation to your content. \n\n- Use **[conditional logic](\u002Fblog\u002Fwhat-is-conditional-logic-how-to-use-it\u002F)** to direct users. \n\n- For example, you can say, “Go to section based on answer.” \n\n- This helps skip sections that are not relevant. This personalizes the experience so users only see questions that apply to them.\n\n**Creates structure:** Grouping questions by topic keeps your form cleaner and more professional. For example, you can separate contact info, preferences, and feedback into three distinct sections.\n\n### Step-by-Step: How to Build a Multi-Page Form in Google Forms\n### 1. Create or Open a Form\nStart by visiting Google Forms and either open an existing form or create a new one.\n\nIf you’re starting fresh, click the blank template. You’ll see the default form editor with a single section. If you already have a long form, you can divide it into pages as you go.\n\nGoogle automatically saves every change you make, so you don’t need to worry about losing progress. Still, it’s a good idea to give your form a meaningful name early on, so you can find it easily later.\n\n### 2. Add a Title and Description\nBefore diving into the questions, add a title and short description at the top. Your title should clearly show what the form is for. Use simple phrases like “ **[Customer Feedback Survey](\u002Ftemplates\u002Fcategories\u002Fcustomer-surveys)** ” or “Event Registration Form.”\n\nThe description below should explain why you’re collecting responses and how long it will take. Setting expectations helps users trust the process and reduces drop-offs.\n\nKeep this section brief and friendly. For instance: “ **We value your feedback! This short survey will take less than 3 minutes and help us improve our services.** ”\n\n### 3. Add Your First Questions\nOn the first page, start adding your questions. These might include basic details like name, email, or general preferences, anything you want everyone to answer.\n\nUse a mix of question types: multiple choice for quick responses, short answers for open feedback, or dropdowns for structured options. The goal is to keep it simple so respondents don’t feel stuck at the very beginning.\n\nAvoid putting too many questions on the first page. Three to five is ideal. This creates a light start and encourages users to continue.\n\n### 4. Add a New Section (Page Break)\nTo create a new page, look at the floating toolbar on the right. Click the “ **Add section** ” icon (it looks like two horizontal lines).\n\nThis action splits your form into two sections. You’ll now see “**Section 2**” at the bottom, which acts as your second page.\n\nGive the new section a descriptive title, such as “ **About Your Experience” or “Event Preferences**. ” Add a short line explaining what kind of questions this section covers. This helps users transition smoothly from one topic to another.\n\n### 5. Add Questions to the New Section\nOnce your new section is ready, start filling it with related questions. Keep questions focused on one theme. For example, if Section 1 is about personal info, Section 2 can ask for event feedback or preferences.\n\nThis organization makes your form intuitive. Respondents understand the purpose of each section and are less likely to feel lost or bored.\n\nRepeat the “Add section” step for every new topic or phase in your form. You can create as many sections as you need, but aim for no more than six pages for best engagement.\n\n### 6. Set Navigation Between Pages\nAt the bottom of each section, you’ll see a drop-down menu that says “**After section [X], continue to next section.**”\n\nYou can change this to control where users go next. For example, if you want respondents to skip certain pages, you can add logic.\n\nTo do this, click the three-dot menu on a multiple-choice question and choose “**Go to section based on answer**.” Then assign each answer its destination section.\n\nThis allows for personalized navigation. For example, if someone answers “ **Yes** ” to “Will you attend our event?”, you can direct them to the ticket details page. If they answer “ **No** ” you can skip to a thank-you message instead.\n\nUsing logic ensures users only see relevant content, improving their experience and keeping your data clean.\n\n### 7. Turn On a Progress Bar (Optional but Helpful)\nA progress bar is a simple but powerful motivator. It shows respondents how far they’ve come and how much remains.\n\nTo enable it, click the gear icon in the top right, go to the Presentation tab, and toggle on “Show progress bar.”\n\nWhen users see they’re halfway through, they’re less likely to abandon the form. Progress indicators create a sense of control, which helps maintain engagement until the final page.\n\n### 8. Preview and Test Your Form\nOnce your form is structured, click the eye icon at the top to preview it. This opens a live version of your form, allowing you to test how it flows from page to page.\n\nCheck all your branching logic paths to make sure they lead to the correct sections. You don’t want respondents stuck in a loop or skipping key questions.\n\nAlso, pay attention to formatting. Ensure each page looks clean, loads quickly, and clearly marks all required questions.\n\n### 9. Send or Share Your Form\nWhen everything looks good, click Send in the top right. You can share your form in several ways:\n\n- Copy the link and share it directly on social media or chat.\n\n- Send it via email using the built-in mail option.\n\n- **[Embed it into your website](\u002Fblog\u002Fhow-to-embed-a-google-form\u002F)** using the HTML embed code.\n\nBefore you share, review the form settings to confirm who can access it. If you collect sensitive data, make sure to turn on \"Require sign-in\" for internal use. Also, make sure the form is secure.\n\n### How Formester Makes It Easier\n**While Google Forms** handles basic multi-page forms, **[Formester](\u002F)** gives you more control and flexibility. You can:\n\n- Apply advanced conditional logic without limits.\n\n- Set response limits and control who can access your form.\n\n- Use custom branding and design elements to match your website.\n\n- Embed multi-page forms seamlessly for a smoother user journey.\n\n- Add automated follow-ups or confirmations to guide users after submission.\n\nWith Formester, you are not just splitting your form into pages. You are creating a complete experience that converts better and feels more professional.\n\n### Final Thoughts\nBuilding a **multi-page form in Google Form** is simple once you know the process:\n\n- Create your form and structure it with clear titles.\n\n- Add sections for different topics.\n\n- Use logic to guide navigation.\n\n- Turn on the progress bar.\n\n- Test and share your form confidently.\n\nBy chunking your long forms into shorter, focused pages, you keep users engaged and increase your completion rates. If you want more flexibility, automation, and design control, try Formester. It’s a smarter way to guide your respondents at **every step**.\n","blog\u002Fblog\u002Fhow-to-make-multi-page-google-forms.md",1214,630,{"text":120},"7 min read",{"title":122,"author":7,"authorImage":8,"authorProfile":9,"coverImg":123,"coverImgAlt":124,"createdAt":125,"description":126,"featured":14,"jsonld":127,"keywords":138,"metaDescription":126,"metaImage":139,"metaTitle":140,"publishedAt":141,"slug":142,"updatedAt":143,"__hash__":144,"body":145,"id":146,"coverImgWidth":117,"coverImgHeight":118,"readingStats":147},"Form Design Trends in 2026: 12 Patterns That Lift Completion Rates","https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002FHow_to_Make_User_Research_Survey_22_321c6a0561.png","a blog post cover about latest website and form design trends","2025-08-27T01:46:28.674Z","The 12 form and website design trends shaping 2026, from AI-personalized fields and conversational flows to neo-brutalism and guided scrolling. Real examples, w",[128],{"@type":129,"image":123,"author":130,"@context":85,"headline":122,"publisher":131,"description":134,"dateModified":135,"datePublished":136,"mainEntityOfPage":137},"Article",{"url":101,"name":100,"@type":22},{"logo":132,"name":28,"@type":29},{"url":133,"@type":27},"https:\u002F\u002Fformester.com\u002Flogo.svg","The 12 form and website design trends shaping 2026, from AI-personalized fields and conversational flows to neo-brutalism and guided scrolling.","2026-06-11","2025-08-26","https:\u002F\u002Fformester.com\u002Fblog\u002Fwebsite-and-form-design-trends\u002F","web design,\nform design,\nweb design trends,\nlatest web design,\nweb design examples,",[],"Form Design Trends 2026: 12 Conversion Patterns","2026-06-15T04:40:10.596Z","website-and-form-design-trends","2026-06-15T04:40:10.601Z","1KCO4FPHC2_-xUSnh0y_DM6dgbfFHYmUerCJs8ZECwc","![a blog post cover about latest website and form design trends](https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002FHow_to_Make_User_Research_Survey_22_321c6a0561.png)\n\n\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\">Web design moves in cycles. Form design moves in money. The average ecommerce checkout abandonment sits at \u003Ca href=\"https:\u002F\u002Fbaymard.com\u002Flists\u002Fcart-abandonment-rate\">70.22%, and roughly 35% of that is preventable through better form and checkout design\u003C\u002Fa>.\u003C\u002Fp>\n\n\u003Cp class=\"fmstr-blog-lead\">Translation: the layout of your sign-up form is doing more for revenue than your hero animation. Below are the 12 form and website design trends defining 2026, with the brands using them well, the ones overdoing it, and what to copy into your own builds this quarter.\u003C\u002Fp>\n\n\u003Cp class=\"fmstr-blog-lead\">Form trends sit alongside website trends on purpose: a 2026 landing page that opens with a neo-brutalist hero and closes with a 2014 contact form will lose the lead at the last screen.\u003C\u002Fp>\n\n\u003Cstyle>\n.fmstr-cmp-tmpl-tldr a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-tldr {\n--c-card: #f7f3ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-600: #6941c6; --c-violet-700: #5b34b1;\n--c-edge: #e4d7ff; --c-border: #d6c2f7;\n--c-shadow: 0 1px 3px rgba(16,24,40,.05);\nbackground: transparent;\npadding: 28px 0 40px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important; overflow-x: hidden; -webkit-text-size-adjust: 100%;}\n.fmstr-cmp-tmpl-tldr *, .fmstr-cmp-tmpl-tldr *::before, .fmstr-cmp-tmpl-tldr *::after { box-sizing: border-box; }\n.fmstr-cmp-tmpl-tldr__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-tmpl-tldr__card {\nbackground: var(--c-card);\nborder: 1px solid var(--c-border);\nborder-left: 4px solid var(--c-violet-500);\nborder-radius: 14px;\npadding: 22px 26px;\nbox-shadow: var(--c-shadow);\ndisplay: flex; flex-direction: column; gap: 10px;\n}\n.fmstr-cmp-tmpl-tldr__label {\nfont-size: 12px !important;\nfont-weight: 700 !important;\nletter-spacing: 0.08em !important;\ntext-transform: uppercase;\ncolor: var(--c-violet-700) !important;\ndisplay: inline-flex;\nalign-items: center;\ngap: 8px;\nmargin: 0 !important;\n}\n.fmstr-cmp-tmpl-tldr__label::before {\ncontent: \"\";\nwidth: 8px; height: 8px; border-radius: 9999px;\nbackground: var(--c-violet-500);\ndisplay: inline-block;\n}\n.fmstr-cmp-tmpl-tldr__body {\nfont-size: 16px !important;\nline-height: 1.65 !important;\ncolor: var(--c-fg-1);\nmargin: 0 !important;\nfont-weight: 500 !important;\n}\n.fmstr-cmp-tmpl-tldr__body strong { color: var(--c-violet-700); font-weight: 700; }\n.fmstr-cmp-tmpl-tldr__list { margin: 4px 0 0 !important; padding-left: 20px !important; display: flex; flex-direction: column; gap: 8px; }\n.fmstr-cmp-tmpl-tldr__list li { font-size: 16px !important; line-height: 1.6 !important; color: var(--c-fg-1); font-weight: 500 !important; }\n.fmstr-cmp-tmpl-tldr__list li 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, .fmstr-cmp-tmpl-tldr__list li { font-size: 15px !important; }\n}\n\n\n\u002F* mobile-safety-v2 *\u002F\n.fmstr-cmp-tmpl-tldr img, .fmstr-cmp-tmpl-tldr table, .fmstr-cmp-tmpl-tldr pre, .fmstr-cmp-tmpl-tldr iframe, .fmstr-cmp-tmpl-tldr video { max-width: 100%; }\n.fmstr-cmp-tmpl-tldr > * { min-width: 0; }\n.fmstr-cmp-tmpl-tldr [class*='__grid'] > *, .fmstr-cmp-tmpl-tldr [class*='__list'] > *, .fmstr-cmp-tmpl-tldr [class*='__cards'] > * { min-width: 0; max-width: 100%; }\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-tldr pre { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .fmstr-cmp-tmpl-tldr table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-tldr\" aria-labelledby=\"fmstr-cmp-tmpl-tldr-label\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-tldr__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-tldr__card\">\n\u003Cp class=\"fmstr-cmp-tmpl-tldr__label\" id=\"fmstr-cmp-tmpl-tldr-label\">The 60-second read\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-tldr__body\">Web design moves in cycles. Form design moves in money. The 12 patterns below are the ones moving completion rates in 2026, with the brands using them well and the ones overdoing them.\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-tmpl-tldr__list\">\n\u003Cli>\u003Cstrong>AI-personalized forms\u003C\u002Fstrong> are the trend of the year: the form rewrites itself based on email domain, UTM, or returning-user status.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Single-question-per-screen\u003C\u002Fstrong> layouts lift completion by \u003Ca href=\"https:\u002F\u002Fvoiceforms.anvevoice.app\u002Fblog\u002Fmulti-step-form-best-practices\u002F\">up to 86% on long forms\u003C\u002Fa>, and are close to mandatory on mobile.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Low-light mode\u003C\u002Fstrong> has replaced pure dark mode; \u003Cstrong>neo-brutalism\u003C\u002Fstrong> has moved from agency portfolios to mainstream SaaS.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Accessibility is the constraint, not the audit\u003C\u002Fstrong>, since the \u003Ca href=\"https:\u002F\u002Fwww.europarl.europa.eu\u002Flegislative-train\u002Ftheme-a-european-green-deal\u002Ffile-european-accessibility-act\">European Accessibility Act enforcement window opened mid-2025\u003C\u002Fa>.\u003C\u002Fli>\n\u003Cli>Pick two or three trends that match your stage. The pages losing ground in 2026 are the ones with a 2026 hero bolted onto a 2019 form.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003Cstyle>\n.fmstr-cmp-tmpl-steps a { text-decoration: none !important; color: #6941c6 !important; }\n.fmstr-cmp-tmpl-steps a:hover { text-decoration: underline !important; }\n.fmstr-cmp-tmpl-steps {\n--c-card: #ffffff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-600: #6941c6; --c-violet-700: #5b34b1;\n--c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-border: #eaecf0;\n--c-green-bg: #ecfdf3; --c-green-edge: #abefc6; --c-green-fg: #067647;\n--c-amber-bg: #fffaeb; --c-amber-edge: #fedf89; --c-amber-fg: #b54708;\n--c-blue-bg: #eff8ff; --c-blue-edge: #b2ddff; --c-blue-fg: #175cd3;\n--c-shadow: 0 1px 3px rgba(16,24,40,.05);\nbackground: transparent;\npadding: 48px 0;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important;\noverflow-x: hidden;\n}\n.fmstr-cmp-tmpl-steps *, .fmstr-cmp-tmpl-steps *::before, .fmstr-cmp-tmpl-steps *::after { box-sizing: border-box; }\n.fmstr-cmp-tmpl-steps > *, .fmstr-cmp-tmpl-steps > * > * { min-width: 0; }\n.fmstr-cmp-tmpl-steps__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-tmpl-steps__head { margin: 0 0 28px !important; }\n.fmstr-cmp-tmpl-steps__h2 {\nfont-size: clamp(26px, 3vw, 36px) !important; font-weight: 700 !important; line-height: 1.15 !important;\nletter-spacing: -.02em !important; margin: 0 !important; color: var(--c-fg-1);\n}\n.fmstr-cmp-tmpl-steps__intro { color: var(--c-fg-3); font-size: 17px !important; line-height: 1.6 !important; margin: 14px 0 0 !important; }\n.fmstr-cmp-tmpl-steps__list {\ndisplay: flex; flex-direction: column; gap: 16px;\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: 24px 26px;\nbox-shadow: var(--c-shadow);\ndisplay: flex; gap: 12px;\nalign-items: flex-start;\nmin-width: 0;\n}\n.fmstr-cmp-tmpl-steps__num {\nflex-shrink: 0;\nwidth: 26px; line-height: 1; height: 26px; border-radius: 7px;\nbackground: var(--c-tint);\nborder: 1px solid var(--c-edge);\ncolor: var(--c-violet-700) !important;\nfont-weight: 800; font-size: 13px;\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: 19px !important; font-weight: 700 !important; line-height: 1.3 !important;\ncolor: var(--c-fg-1); margin: 0 0 10px !important;\n}\n.fmstr-cmp-tmpl-steps__body {\nfont-size: 15.5px !important; line-height: 1.65 !important;\ncolor: var(--c-fg-2); margin: 0 0 14px !important;\n}\n.fmstr-cmp-tmpl-steps__body:last-child { margin-bottom: 0 !important; }\n.fmstr-cmp-tmpl-steps__brands { font-size: 14.5px !important; line-height: 1.6 !important; color: var(--c-fg-2); margin: 0 0 14px !important; }\n.fmstr-cmp-tmpl-steps__brands strong { color: var(--c-fg-1); font-weight: 700; }\n.fmstr-cmp-tmpl-steps__triad { display: flex; flex-direction: column; gap: 10px; margin: 0 !important; padding: 0 !important; list-style: none; }\n.fmstr-cmp-tmpl-steps__triad li { display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px !important; line-height: 1.6 !important; color: var(--c-fg-2); }\n.fmstr-cmp-tmpl-steps__tag {\nflex-shrink: 0;\ndisplay: inline-block;\nfont-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.04em !important;\ntext-transform: uppercase;\npadding: 3px 10px; border-radius: 9999px;\nmargin-top: 1px;\n}\n.fmstr-cmp-tmpl-steps__tag--copy { background: var(--c-green-bg); border: 1px solid var(--c-green-edge); color: var(--c-green-fg) !important; }\n.fmstr-cmp-tmpl-steps__tag--skip { background: var(--c-amber-bg); border: 1px solid var(--c-amber-edge); color: var(--c-amber-fg) !important; }\n.fmstr-cmp-tmpl-steps__tag--best { background: var(--c-blue-bg); border: 1px solid var(--c-blue-edge); color: var(--c-blue-fg) !important; }\n.fmstr-cmp-tmpl-steps__triad li span:last-child { flex: 1; min-width: 0; }\n\n@media (max-width: 540px) {\n.fmstr-cmp-tmpl-steps { padding: 36px 0; }\n.fmstr-cmp-tmpl-steps__item { padding: 20px 18px; gap: 12px; }\n.fmstr-cmp-tmpl-steps__num { width: 34px; height: 34px; font-size: 15px; }\n.fmstr-cmp-tmpl-steps__title { font-size: 17px !important; }\n.fmstr-cmp-tmpl-steps__body { font-size: 14.5px !important; }\n.fmstr-cmp-tmpl-steps__triad li { flex-direction: column; gap: 4px; align-items: stretch; }\n.fmstr-cmp-tmpl-steps__triad li > span:last-child { width: 100%; }\n.fmstr-cmp-tmpl-steps__main { width: 100%; }\n}\n\n\n\u002F* mobile-safety-v2 *\u002F\n.fmstr-cmp-tmpl-steps img, .fmstr-cmp-tmpl-steps table, .fmstr-cmp-tmpl-steps pre, .fmstr-cmp-tmpl-steps iframe, .fmstr-cmp-tmpl-steps video { max-width: 100%; }\n.fmstr-cmp-tmpl-steps > * { min-width: 0; }\n.fmstr-cmp-tmpl-steps [class*='__grid'] > *, .fmstr-cmp-tmpl-steps [class*='__list'] > *, .fmstr-cmp-tmpl-steps [class*='__cards'] > * { min-width: 0; max-width: 100%; }\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-steps pre { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .fmstr-cmp-tmpl-steps table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }\n}\n\n\n\n\u002F* mobile-inline-num *\u002F\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-steps__item { padding: 18px 16px; gap: 10px; flex-direction: row; align-items: flex-start; }\n  .fmstr-cmp-tmpl-steps__num { width: 28px; height: 28px; font-size: 13px; border-radius: 8px; }\n}\n\n\u002F* step-inline-num-restructure *\u002F\n.fmstr-cmp-tmpl-steps__item { display: block !important; }\n.fmstr-cmp-tmpl-steps__title { display: block; }\n.fmstr-cmp-tmpl-steps__num { display: inline-block !important; vertical-align: 2px; margin-right: 8px; padding: 2px 8px; width: auto !important; height: auto !important; border-radius: 6px; font-size: 12.5px !important; line-height: 1.3 !important; }\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-steps__num { font-size: 11.5px !important; padding: 2px 7px; margin-right: 6px; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-steps\" aria-labelledby=\"fmstr-cmp-tmpl-steps-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-steps__head\">\n\u003Ch2 class=\"fmstr-cmp-tmpl-steps__h2\" id=\"fmstr-cmp-tmpl-steps-h2\">The 12 Website and Form Design Trends Shaping 2026\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__intro\">For each trend: who is doing it well, what to copy, what to skip, and where it fits.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Col class=\"fmstr-cmp-tmpl-steps__list\">\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">1\u003C\u002Fspan>AI-Personalized Forms and Pages\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Personalization in 2026 is not a \"Hi, [First Name]\" merge tag. It is the form rewriting itself based on who shows up. A B2B sign-up sees a hubspot.com email and skips the company-size question. A property site sees a London IP and replaces \"ZIP code\" with \"postcode\".\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">A pricing form reads UTM=enterprise and surfaces the SOC 2 section before the credit card. None of this needs custom code in 2026; conditional logic and prefill have moved from \"advanced\" to default.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__brands\">\u003Cstrong>Brands doing it well:\u003C\u002Fstrong> Spotify (Discover Weekly), ASOS (auth-state-aware upsell), Notion (template gallery reorders by detected role).\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-tmpl-steps__triad\">\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--copy\">Copy\u003C\u002Fspan>\u003Cspan>Hide every field that can be inferred, prefilled, or asked later. Build the path with \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Fconditional-logic\u002F\">conditional logic\u003C\u002Fa> and pair it with \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Fpre-fill-fields\u002F\">prefill from external data\u003C\u002Fa> so returning users do not re-type.\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--skip\">Skip\u003C\u002Fspan>\u003Cspan>Surprise personalization. If the form prefills information the user has not given you yet, you have a privacy problem, not a UX win.\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--best\">Best for\u003C\u002Fspan>\u003Cspan>SaaS sign-ups, B2B demo requests, multi-segment landing pages.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">2\u003C\u002Fspan>Low-Light Mode as the New Default\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Dark mode is no longer a toggle in the footer. In 2026, the trend has shifted to a low-light default: muted greys, soft charcoals, dimmed highlights, lower contrast than pure dark mode. Easier on the eyes, moodier on the brand.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__brands\">\u003Cstrong>Brands doing it well:\u003C\u002Fstrong> Silver Drive, Balenciaga, Bequant, \u003Ca href=\"https:\u002F\u002Flinear.app\u002F\">Linear's marketing site\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-tmpl-steps__triad\">\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--copy\">Copy\u003C\u002Fspan>\u003Cspan>Design the form for both light and low-light at the same time. Inputs need a visible border in low-light; relying on background contrast alone breaks accessibility. Test field focus states against WCAG 4.5:1 minimum in both modes.\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--skip\">Skip\u003C\u002Fspan>\u003Cspan>Pure-black backgrounds with #FFFFFF text. The retina-burn era is over.\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--best\">Best for\u003C\u002Fspan>\u003Cspan>Design-led brands, fintech, music and lifestyle products.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">3\u003C\u002Fspan>Oversized, Expressive Typography\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Heros are still big in 2026, just less obedient. Variable fonts, oversized headlines, kinetic letter animations, and unconventional grid placements are now standard for design-forward brands. \u003Ca href=\"https:\u002F\u002Fwww.figma.com\u002Fresource-library\u002Fweb-design-trends\u002F\">Figma's 2026 trend report\u003C\u002Fa> calls out bold typography as one of the load-bearing trends of the year.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__brands\">\u003Cstrong>Brands doing it well:\u003C\u002Fstrong> CHRLS.DSGN, Chainzoku, Pact Media, the typographic experiments across \u003Ca href=\"https:\u002F\u002Fwww.awwwards.com\u002Fwebsites\u002Ftypography\u002F\">Awwwards SOTD\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-tmpl-steps__triad\">\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--copy\">Copy\u003C\u002Fspan>\u003Cspan>Pair an expressive display font in the hero with a quiet, neutral body font. Forms keep the neutral body font; do not put a 96px display weight on a field label.\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--skip\">Skip\u003C\u002Fspan>\u003Cspan>Putting a kinetic animated headline above a form. The animation steals focus that the form needs.\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--best\">Best for\u003C\u002Fspan>\u003Cspan>Agency sites, portfolios, brand-led landing pages.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">4\u003C\u002Fspan>Bento Grid Layouts\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">The bento grid, popularized by Apple's product pages and now copied across every SaaS comparison page on the web, is the dominant feature-layout pattern of 2026. Modular cards, varied sizes, clear hierarchy without losing density.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__brands\">\u003Cstrong>Brands doing it well:\u003C\u002Fstrong> Literal, Iconwerk, Procreate, Halo Branding, \u003Ca href=\"https:\u002F\u002Flinear.app\u002Fchangelog\">Linear's changelog page\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-tmpl-steps__triad\">\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--copy\">Copy\u003C\u002Fspan>\u003Cspan>Use the bento for \"what you get\" feature sections; pair big cards with hover micro-interactions instead of static images. Keep the longest card under three lines of copy.\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--skip\">Skip\u003C\u002Fspan>\u003Cspan>Putting a form inside one bento card. Forms need vertical space; jammed into a card they collapse.\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--best\">Best for\u003C\u002Fspan>\u003Cspan>SaaS feature pages, product launches, comparison pages.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">5\u003C\u002Fspan>Experimental Navigation and Guided Scrolling\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Two threads collided in 2026. One is experimental navigation: parallax, horizontal scroll, interactive maps, hidden drawers, radial menus.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">The other is guided scrolling, what \u003Ca href=\"https:\u002F\u002Fwebflow.com\u002Fblog\u002Fweb-design-trends-2026\">Webflow's 2026 trend report\u003C\u002Fa> calls \"turning scroll into a navigation tool\" with progress indicators, sticky chapters, and visual wayfinding. The combination wins. Experimental gives novelty; guided scrolling stops users from getting lost in it.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__brands\">\u003Cstrong>Brands doing it well:\u003C\u002Fstrong> Pixlspace, Gapsy Studio, Stripe's annual updates page (sticky chapter index).\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-tmpl-steps__triad\">\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--copy\">Copy\u003C\u002Fspan>\u003Cspan>If you build an unusual scroll, build a progress indicator in the same sprint. Forms get the same treatment: long forms need a step counter at the top, not just a \"Next\" button.\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--skip\">Skip\u003C\u002Fspan>\u003Cspan>Experimental navigation as the only way to find your pricing page. Always keep a standard nav available.\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--best\">Best for\u003C\u002Fspan>\u003Cspan>Agency sites, product showcases, long-scroll storytelling pages.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">6\u003C\u002Fspan>Conversational Forms\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Conversational forms swap labels and validation errors for human language.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">\"Where to?\" instead of \"Enter location.\" \"Whoops, that doesn't seem right\" instead of \"Invalid input.\" The numbers matter here. \u003Ca href=\"https:\u002F\u002Fformflux.io\u002Fblog\u002Fform-completion-rates-guide\">Tools with conversational, one-question-per-screen modes see 15-25% higher completion rates than traditional layouts\u003C\u002Fa>, and \u003Ca href=\"https:\u002F\u002Fsurveysparrow.com\u002Fblog\u002Fhow-can-conversational-forms-increase-survey-response-rates\u002F\">some studies report up to 40% uplift on longer lead-gen flows\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__brands\">\u003Cstrong>Brands doing it well:\u003C\u002Fstrong> ASOS, Mailchimp (brand voice carried into validation copy), Calm (encouragement framing).\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-tmpl-steps__triad\">\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--copy\">Copy\u003C\u002Fspan>\u003Cspan>Rewrite every field label and every error message in the brand voice. Treat form copy as marketing copy, not engineering copy. Build it with \u003Ca href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-create-conversational-forms-for-your-website\u002F\">Formester's conversational form patterns\u003C\u002Fa> for one-question-per-screen out of the box.\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--skip\">Skip\u003C\u002Fspan>\u003Cspan>Conversational tone on regulated forms. A medical intake form using \"Whoops!\" is the wrong register.\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--best\">Best for\u003C\u002Fspan>\u003Cspan>Lead capture, surveys, onboarding flows, anything emotional or qualitative.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">7\u003C\u002Fspan>Autofill, Prefill, and AI Suggestions\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Typing is the friction. Every input field is a chance to lose the user. In 2026, \"do not make them type\" is design law.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Three layers are now standard: browser autofill (HTML autocomplete attributes wired correctly), server-side prefill (URL parameters or session data), and AI suggestions that learn from the user's previous answers and propose the next one, the way Gmail proposes a reply.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__brands\">\u003Cstrong>Brands doing it well:\u003C\u002Fstrong> Google's address autocomplete, HubSpot's progressive profiling, \u003Ca href=\"https:\u002F\u002Fstripe.com\u002Flink\">Stripe Checkout's Link autofill\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-tmpl-steps__triad\">\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--copy\">Copy\u003C\u002Fspan>\u003Cspan>Audit every form for autocomplete attributes. Add \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Fauto-fill-forms-with-external-data\u002F\">Formester's prefill from external data\u003C\u002Fa> for any logged-in or returning-user flow. The 30 seconds saved per user compounds into measurable conversion.\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--skip\">Skip\u003C\u002Fspan>\u003Cspan>Blind AI suggestions on sensitive fields (medical history, financial details). Suggest in a non-binding way or not at all.\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--best\">Best for\u003C\u002Fspan>\u003Cspan>Checkout, address entry, repeat-customer flows, B2B sign-ups.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">8\u003C\u002Fspan>Micro-Interactions and Inline Feedback\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">A 200ms checkmark when the email validates. A subtle shake when the password is wrong. A bar that fills as the user moves through a multi-step form. None of these are decoration; each one is a status update the user reads without thinking.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__brands\">\u003Cstrong>Brands doing it well:\u003C\u002Fstrong> Headspace, Remembear, Stripe's inline card-validation animations, \u003Ca href=\"https:\u002F\u002F1password.com\u002F\">1Password's strength meter\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-tmpl-steps__triad\">\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--copy\">Copy\u003C\u002Fspan>\u003Cspan>Validate inline, not on submit. The user types their email, the field shows a tick or a hint the moment they leave it. Add a progress bar to every form over 3 steps; \u003Ca href=\"https:\u002F\u002Fvoiceforms.anvevoice.app\u002Fblog\u002Fmulti-step-form-best-practices\u002F\">progress indicators on multi-step forms reduce abandonment by 20-25%\u003C\u002Fa>.\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--skip\">Skip\u003C\u002Fspan>\u003Cspan>Long animations that block the next action. A celebration GIF on form submit is fine; a 4-second loading animation is not.\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--best\">Best for\u003C\u002Fspan>\u003Cspan>Multi-step forms, sign-ups, checkout, anywhere users need a sense of progress.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">9\u003C\u002Fspan>Accessibility-First, Not Accessibility-Added\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Accessibility used to be the audit you ran two weeks before launch.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">In 2026 it is the constraint you design against from the first wireframe, partly because the \u003Ca href=\"https:\u002F\u002Fwww.europarl.europa.eu\u002Flegislative-train\u002Ftheme-a-european-green-deal\u002Ffile-european-accessibility-act\">European Accessibility Act enforcement window opened on 28 June 2025\u003C\u002Fa> and dragged most B2B SaaS into WCAG 2.1 AA compliance by default.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">What this looks like on a form: contrast ratios above 4.5:1 for all input borders and label text, visible focus states (not just outline:none), labels associated with inputs via for=, error messages that announce themselves to screen readers, and keyboard navigation that works without a mouse.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__brands\">\u003Cstrong>Brands doing it well:\u003C\u002Fstrong> Scope, RNID, GOV.UK (the canonical accessible form system).\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-tmpl-steps__triad\">\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--copy\">Copy\u003C\u002Fspan>\u003Cspan>Every form ships with a screen-reader pass. If the form cannot be completed with keyboard only, it is broken, not \"not yet ready.\"\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--skip\">Skip\u003C\u002Fspan>\u003Cspan>Accessibility overlays. The widgets that promise \"WCAG compliance in 1 line of JavaScript\" are largely \u003Ca href=\"https:\u002F\u002Foverlayfactsheet.com\u002F\">discredited\u003C\u002Fa> and increase legal risk.\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--best\">Best for\u003C\u002Fspan>\u003Cspan>Every form. Non-negotiable in 2026.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">10\u003C\u002Fspan>Visible Trust Signals on Every Form\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Forms ask for personal data. Users are warier than they were in 2020. The lift comes from making the security visible, not just real.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">What goes on a high-trust form: a one-line privacy note next to the email field, a padlock icon near payment inputs, a \"we will never sell your data\" link to a real policy, \u003Ca href=\"https:\u002F\u002Fformester.com\u002Fsecurity\u002F\">GDPR-compliant data handling\u003C\u002Fa> for any EU user, and a clear sender identity if you are emailing them after submission.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__brands\">\u003Cstrong>Brands doing it well:\u003C\u002Fstrong> PayPal (badge stack on checkout), Stripe (compliance badges at every payment point), GOV.UK (\"we collect this to...\" inline copy).\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-tmpl-steps__triad\">\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--copy\">Copy\u003C\u002Fspan>\u003Cspan>Tell users what each field is for in a sentence under it. The phone number on a contact form should say \"we use this only to schedule the demo, not for marketing.\"\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--skip\">Skip\u003C\u002Fspan>\u003Cspan>Paranoia-inducing copy. \"Your data is 100% safe!\" reads as \"we just got breached.\"\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--best\">Best for\u003C\u002Fspan>\u003Cspan>Payment forms, lead capture, anything collecting an email.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">11\u003C\u002Fspan>Neo-Brutalism in Forms and Dashboards\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Hard borders. Flat colors. No shadows. Sans-serifs with too much weight. Neo-brutalism started on agency portfolios in 2023 and made it to mainstream SaaS in 2026: Gumroad, Vercel's marketing pages, and a growing list of B2B tools have adopted some flavor of it.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">The look reads as confidence. \"We do not need to soften ourselves with gradients.\" It also performs well in dense interfaces because the high contrast carries information cheaply.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__brands\">\u003Cstrong>Brands doing it well:\u003C\u002Fstrong> \u003Ca href=\"https:\u002F\u002Fgumroad.com\u002F\">Gumroad\u003C\u002Fa>, Vercel, Figma's developer-mode pages, \u003Ca href=\"https:\u002F\u002Fwww.notion.so\u002Fproduct\u002Fcalendar\">Notion Calendar's launch site\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-tmpl-steps__triad\">\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--copy\">Copy\u003C\u002Fspan>\u003Cspan>Use neo-brutalism on the elements that need attention (primary CTAs, error states, plan-selector cards). Forms can adopt the language with thick input borders and zero-radius buttons.\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--skip\">Skip\u003C\u002Fspan>\u003Cspan>Long-form reading surfaces. A 2,000-word landing page in pure neo-brutalism is exhausting.\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--best\">Best for\u003C\u002Fspan>\u003Cspan>Developer tools, design-led SaaS, agency sites, plan selectors.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\n\u003Cli class=\"fmstr-cmp-tmpl-steps__item\">\n\u003Ch3 class=\"fmstr-cmp-tmpl-steps__title\">\u003Cspan class=\"fmstr-cmp-tmpl-steps__num\" aria-hidden=\"true\">12\u003C\u002Fspan>Single-Question-Per-Screen and Voice Input\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">The most consequential form pattern of 2026 is also the simplest. Show one question. Wait for the answer. Show the next one. \u003Ca href=\"https:\u002F\u002Fvoiceforms.anvevoice.app\u002Fblog\u002Fmulti-step-form-best-practices\u002F\">Multi-step forms achieve 86% higher completion rates than equivalent single-page forms\u003C\u002Fa> when the steps are clean and the progress is visible.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">On mobile, the single-question pattern is close to mandatory: 30-field forms on a 5-inch screen lose 60-80% of submissions before the user reaches the second screen. Voice input is the natural extension.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__body\">Phones already have it; long-form fields (\"describe your project\") convert better when the user can talk instead of thumb-type.\u003C\u002Fp>\n\u003Cp class=\"fmstr-cmp-tmpl-steps__brands\">\u003Cstrong>Brands doing it well:\u003C\u002Fstrong> Typeform (the canonical single-question form), \u003Ca href=\"https:\u002F\u002Fpets.byspotify.com\u002F\">Spotify Pets\u003C\u002Fa>, Headspace onboarding.\u003C\u002Fp>\n\u003Cul class=\"fmstr-cmp-tmpl-steps__triad\">\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--copy\">Copy\u003C\u002Fspan>\u003Cspan>Any form over 8 fields should be multi-step with one question per screen and a progress bar. Long descriptive fields get a \"tap to speak\" affordance on mobile.\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--skip\">Skip\u003C\u002Fspan>\u003Cspan>Turning a 3-field contact form into a 3-screen wizard. The pattern is for length, not branding.\u003C\u002Fspan>\u003C\u002Fli>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-tmpl-steps__tag fmstr-cmp-tmpl-steps__tag--best\">Best for\u003C\u002Fspan>\u003Cspan>Lead generation, surveys, onboarding, anything with more than 8 fields.\u003C\u002Fspan>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\n\u003C\u002Fol>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003Cstyle>\n.fmstr-cmp-tmpl-midcta a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-midcta { background: transparent; padding: 48px 0; font-family: inherit; color: #101828; overflow-x: hidden; }\n.fmstr-cmp-tmpl-midcta *, .fmstr-cmp-tmpl-midcta *::before, .fmstr-cmp-tmpl-midcta *::after { box-sizing: border-box; }\n.fmstr-cmp-tmpl-midcta__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-tmpl-midcta__card { width: 100%; background: linear-gradient(135deg, #f7f3ff 0%, #faf7ff 100%); border: 1px solid #e4d7ff; border-radius: 18px; padding: 48px 32px; text-align: center; box-shadow: 0 4px 24px rgba(127, 86, 217, 0.08); }\n.fmstr-cmp-tmpl-midcta__inner { max-width: 760px; margin: 0 auto; }\n.fmstr-cmp-tmpl-midcta__eyebrow { display: inline-block; padding: 4px 12px; background: #ffffff; border: 1px solid #e4d7ff; border-radius: 9999px; color: #5b34b1 !important; font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: 0.06em !important; text-transform: uppercase; margin: 0 0 14px !important; }\n.fmstr-cmp-tmpl-midcta__h2 { font-size: clamp(22px, 3vw, 28px) !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; margin: 0 0 12px !important; color: #101828 !important; }\n.fmstr-cmp-tmpl-midcta__body { font-size: 16px !important; line-height: 1.55 !important; color: #475467 !important; margin: 0 0 22px !important; }\n.fmstr-cmp-tmpl-midcta__cta { display: inline-flex !important; align-items: center; gap: 8px; background: #7f56d9 !important; color: #ffffff !important; border: 1px solid #7f56d9 !important; padding: 12px 26px !important; border-radius: 9999px !important; font-size: 15px !important; font-weight: 600 !important; text-decoration: none !important; transition: background .15s ease, transform .15s ease; }\n.fmstr-cmp-tmpl-midcta__cta:hover { background: #6941c6 !important; border-color: #6941c6 !important; color: #ffffff !important; text-decoration: none !important; transform: translateY(-1px); }\n.fmstr-cmp-tmpl-midcta__cta::after { content: \"\\2192\"; transition: transform .15s ease; }\n.fmstr-cmp-tmpl-midcta__cta:hover::after { transform: translateX(2px); }\n.fmstr-cmp-tmpl-midcta__strip { font-size: 13px !important; color: #697586 !important; margin: 20px 0 0 !important; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 14px; width: 100%; }\n.fmstr-cmp-tmpl-midcta__strip span { color: #d6c2f7; }\n@media (max-width: 760px) {\n  .fmstr-cmp-tmpl-midcta__card { padding: 36px 22px; }\n}\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-midcta { padding: 32px 0; }\n  .fmstr-cmp-tmpl-midcta__card { padding: 26px 16px; border-radius: 14px; }\n  .fmstr-cmp-tmpl-midcta__h2 { font-size: 20px !important; }\n  .fmstr-cmp-tmpl-midcta__body { font-size: 15px !important; }\n  .fmstr-cmp-tmpl-midcta__cta { padding: 11px 22px !important; font-size: 14.5px !important; width: 100%; justify-content: center; }\n  .fmstr-cmp-tmpl-midcta__strip { font-size: 12.5px !important; gap: 4px 10px; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-midcta\" aria-labelledby=\"fmstr-cmp-tmpl-midcta-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-midcta__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-midcta__card\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-midcta__inner\">\n\u003Cspan class=\"fmstr-cmp-tmpl-midcta__eyebrow\">Modern forms\u003C\u002Fspan>\n\u003Ch2 class=\"fmstr-cmp-tmpl-midcta__h2\" id=\"fmstr-cmp-tmpl-midcta-h2\">Build forms that match every design trend on this list\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-tmpl-midcta__body\">Custom CSS, branded subdomains, multi-step layouts, conditional logic. No template lock-in. Free plan included.\u003C\u002Fp>\n\u003Ca class=\"fmstr-cmp-tmpl-midcta__cta\" href=\"https:\u002F\u002Fapp.formester.com\u002Fusers\u002Fsign_up\" style=\"background: #7f56d9 !important; color: #ffffff !important; border-color: #7f56d9 !important; text-decoration: none !important;\">Start free on Formester\u003C\u002Fa>\n\u003Cp class=\"fmstr-cmp-tmpl-midcta__strip\">Free forever plan\u003Cspan>•\u003C\u002Fspan>No credit card\u003Cspan>•\u003C\u002Fspan>Setup in 2 minutes\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\u003Cstyle>\n\u002F* host-link-override *\u002F\n.fmstr-cmp-tmpl-faq a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-faq {\n--c-card: #ffffff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-600: #6941c6;\n--c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-border: #eaecf0; --c-chip-bg: #f4f4f7;\n--c-shadow: 0 1px 3px rgba(16,24,40,.05);\n\nbackground: transparent; padding: 56px 24px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important; overflow-x: hidden; -webkit-text-size-adjust: 100%;}\n.fmstr-cmp-tmpl-faq *, .fmstr-cmp-tmpl-faq *::before, .fmstr-cmp-tmpl-faq *::after { box-sizing: border-box; }\n.fmstr-cmp-tmpl-faq__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-tmpl-faq__h2 { font-size: clamp(26px, 3vw, 36px) !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -.02em !important; margin: 0 !important; color: var(--c-fg-1); text-align: left; }\n.fmstr-cmp-tmpl-faq__intro { color: var(--c-fg-3); font-size: 17px !important; line-height: 1.6 !important; margin: 14px 0 28px !important; text-align: left; }\n.fmstr-cmp-tmpl-faq__list { display: flex; flex-direction: column; gap: 12px; }\n.fmstr-cmp-tmpl-faq__item {\nbackground: var(--c-card); border: 1px solid var(--c-border);\nborder-radius: 14px; box-shadow: var(--c-shadow); overflow: hidden;\n}\n.fmstr-cmp-tmpl-faq__item > summary {\npadding: 18px 22px; cursor: pointer; font-weight: 600; font-size: 16.5px;\ncolor: var(--c-fg-1); display: flex; align-items: center; gap: 14px;\nlist-style: none;\n}\n.fmstr-cmp-tmpl-faq__item > summary::-webkit-details-marker { display: none; }\n.fmstr-cmp-tmpl-faq__item > summary::before {\ncontent: \"\"; width: 28px; height: 28px; border-radius: 8px; flex-shrink: 0;\nbackground-color: var(--c-chip-bg);\nbackground-image: url(\"data:image\u002Fsvg+xml,%3Csvg xmlns='http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%2375747f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l4 4 4-4'\u002F%3E%3C\u002Fsvg%3E\");\nbackground-repeat: no-repeat; background-position: center;\ntransition: transform .15s ease, background-color .15s ease;\n}\n.fmstr-cmp-tmpl-faq__item[open] > summary::before { transform: rotate(180deg); background-color: var(--c-tint); }\n.fmstr-cmp-tmpl-faq__item[open] > summary { color: var(--c-violet-600) !important; }\n.fmstr-cmp-tmpl-faq__answer { padding: 0 22px 22px 64px; color: var(--c-fg-2); font-size: 15.5px; line-height: 1.7; }\n.fmstr-cmp-tmpl-faq__answer a { color: var(--c-violet-600) !important; text-decoration: none !important; }\n.fmstr-cmp-tmpl-faq__answer a:hover { text-decoration: underline !important; }\n\n@media (max-width: 760px) {\n.fmstr-cmp-tmpl-faq { padding: 40px 16px; }\n.fmstr-cmp-tmpl-faq__intro { font-size: 15.5px !important; text-align: left; }\n.fmstr-cmp-tmpl-faq__item > summary { padding: 16px 16px; font-size: 15.5px; gap: 12px; }\n.fmstr-cmp-tmpl-faq__item > summary::before { width: 26px; height: 26px; }\n.fmstr-cmp-tmpl-faq__answer { padding: 0 16px 18px 16px; font-size: 15px; line-height: 1.65; }\n}\n\n\n\u002F* mobile-safety-v2 *\u002F\n.fmstr-cmp-tmpl-faq img, .fmstr-cmp-tmpl-faq table, .fmstr-cmp-tmpl-faq pre, .fmstr-cmp-tmpl-faq iframe, .fmstr-cmp-tmpl-faq video { max-width: 100%; }\n.fmstr-cmp-tmpl-faq > * { min-width: 0; }\n.fmstr-cmp-tmpl-faq [class*='__grid'] > *, .fmstr-cmp-tmpl-faq [class*='__list'] > *, .fmstr-cmp-tmpl-faq [class*='__cards'] > * { min-width: 0; max-width: 100%; }\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-faq pre { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .fmstr-cmp-tmpl-faq table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-faq\" aria-labelledby=\"fmstr-cmp-tmpl-faq-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__container\">\n\u003Ch2 class=\"fmstr-cmp-tmpl-faq__h2\" id=\"fmstr-cmp-tmpl-faq-h2\">Frequently asked questions\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-tmpl-faq__intro\">The questions teams actually ask when planning a 2026 form or website refresh.\u003C\u002Fp>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__list\">\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>What is the biggest form design trend of 2026?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">AI-personalized forms. In 2026, the form rewrites itself based on who shows up: detected email domain, UTM source, returning-user status, geolocation. The form a logged-in enterprise admin sees is materially different from the form a cold visitor sees, and conditional logic builders make this a config change, not an engineering project.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Are conversational forms still worth using in 2026?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Yes. Conversational, one-question-per-screen forms see 15-25% higher completion rates than traditional layouts, and up to 40% uplift on longer flows. The pattern stopped being a novelty around 2022 and is now the default for any form over 8 fields.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Is dark mode still a 2026 trend?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Dark mode is now a baseline expectation, not a trend. The 2026 evolution is \"low-light\" mode: muted greys, dimmed highlights, lower contrast than pure dark. Easier on the eyes for long sessions, and a richer brand canvas than pure black.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>How does AI change form design in 2026?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Three ways. AI prefills more fields than browser autofill can. AI generates the form from a prompt for non-designers. AI personalizes the question order and field set per user. The biggest practical shift is that designers no longer have to draft every form; they curate AI-generated drafts.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>What is the best form length in 2026?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">As short as the data you need. The average ecommerce checkout has 23 fields when the optimum is 12-14, so most teams can cut a third of their form fields and lose nothing. For lead capture, 3-5 fields outperform every other length on initial submission; ask the rest progressively after the user is in.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003Cdetails class=\"fmstr-cmp-tmpl-faq__item\">\n\u003Csummary>Should every form be accessible by default in 2026?\u003C\u002Fsummary>\n\u003Cdiv class=\"fmstr-cmp-tmpl-faq__answer\">Yes. The European Accessibility Act enforcement window opened in mid-2025 and most B2B SaaS now ship WCAG 2.1 AA by default. Beyond compliance, accessible forms have higher completion rates because keyboard navigation, visible focus states, and clear error messages help every user, not only assistive-tech users.\u003C\u002Fdiv>\n\u003C\u002Fdetails>\n\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n\u003Cstyle>\n\u002F* host-link-override *\u002F\n.fmstr-cmp-tmpl-rel a { text-decoration: none !important; }\n.fmstr-cmp-tmpl-rel {\n--c-card: #ffffff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-600: #6941c6;\n--c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-border: #eaecf0;\n--c-shadow: 0 4px 20px rgba(16,24,40,.06);\n\nbackground: transparent;\npadding: 56px 24px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important; overflow-x: hidden; -webkit-text-size-adjust: 100%;}\n.fmstr-cmp-tmpl-rel *, .fmstr-cmp-tmpl-rel *::before, .fmstr-cmp-tmpl-rel *::after { box-sizing: border-box; }\n.fmstr-cmp-tmpl-rel__container { max-width: 1200px; margin: 0 auto; }\n.fmstr-cmp-tmpl-rel__head { margin: 0 0 28px !important; text-align: left; }\n.fmstr-cmp-tmpl-rel__h2 { font-size: clamp(26px, 3vw, 36px) !important; font-weight: 700 !important; line-height: 1.15 !important; letter-spacing: -.02em !important; margin: 0 !important; color: var(--c-fg-1); text-align: left; }\n.fmstr-cmp-tmpl-rel__intro { color: var(--c-fg-3); font-size: 17px !important; line-height: 1.6 !important; margin: 14px 0 0 !important; text-align: left; }\n\n.fmstr-cmp-tmpl-rel__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n.fmstr-cmp-tmpl-rel__card {\nbackground: var(--c-card); border: 1px solid var(--c-border);\nborder-radius: 14px; padding: 20px 22px; display: flex; flex-direction: column; gap: 8px;\ntext-decoration: none !important; color: inherit !important; transition: all .15s ease;\nposition: relative;\n}\n.fmstr-cmp-tmpl-rel__card:hover { border-color: var(--c-edge); box-shadow: var(--c-shadow); transform: translateY(-1px); }\n.fmstr-cmp-tmpl-rel__chip {\ndisplay: inline-block; padding: 3px 10px; border-radius: 9999px;\nbackground: var(--c-tint); border: 1px solid var(--c-edge);\ncolor: var(--c-violet-600); font-size: 11.5px; font-weight: 600; letter-spacing: .02em;\ntext-transform: uppercase; align-self: flex-start;\nmargin-bottom: 2px;\n}\n.fmstr-cmp-tmpl-rel__title {\nfont-size: 16px !important; font-weight: 700 !important; color: var(--c-fg-1); margin: 0 !important; line-height: 1.3 !important; text-align: left; }\n.fmstr-cmp-tmpl-rel__body { font-size: 14.5px !important; line-height: 1.55 !important; color: var(--c-fg-2); margin: 0 !important; }\n.fmstr-cmp-tmpl-rel__arrow {\nmargin-top: 6px; color: var(--c-violet-600); font-size: 14px; font-weight: 600;\ndisplay: inline-flex; align-items: center; gap: 6px;\n}\n.fmstr-cmp-tmpl-rel__arrow::after {\ncontent: \"\\2192\"; transition: transform .15s ease; display: inline-block;\n}\n.fmstr-cmp-tmpl-rel__card:hover .fmstr-cmp-tmpl-rel__arrow::after { transform: translateX(3px); }\n\n@media (max-width: 880px) { .fmstr-cmp-tmpl-rel__grid { grid-template-columns: 1fr 1fr; gap: 14px; } }\n@media (max-width: 540px) {\n.fmstr-cmp-tmpl-rel { padding: 40px 16px; }\n.fmstr-cmp-tmpl-rel__grid { grid-template-columns: 1fr; gap: 12px; }\n.fmstr-cmp-tmpl-rel__card { padding: 18px 20px; }\n}\n\n\n\u002F* mobile-safety-v2 *\u002F\n.fmstr-cmp-tmpl-rel img, .fmstr-cmp-tmpl-rel table, .fmstr-cmp-tmpl-rel pre, .fmstr-cmp-tmpl-rel iframe, .fmstr-cmp-tmpl-rel video { max-width: 100%; }\n.fmstr-cmp-tmpl-rel > * { min-width: 0; }\n.fmstr-cmp-tmpl-rel [class*='__grid'] > *, .fmstr-cmp-tmpl-rel [class*='__list'] > *, .fmstr-cmp-tmpl-rel [class*='__cards'] > * { min-width: 0; max-width: 100%; }\n@media (max-width: 540px) {\n  .fmstr-cmp-tmpl-rel pre { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .fmstr-cmp-tmpl-rel table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }\n}\n\u003C\u002Fstyle>\n\n\u003Csection class=\"fmstr-cmp-tmpl-rel\" aria-labelledby=\"fmstr-cmp-tmpl-rel-h2\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-rel__container\">\n\u003Cdiv class=\"fmstr-cmp-tmpl-rel__head\">\n\u003Ch2 class=\"fmstr-cmp-tmpl-rel__h2\" id=\"fmstr-cmp-tmpl-rel-h2\">Related reads on Formester\u003C\u002Fh2>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__intro\">Go deeper on the form-design patterns called out above.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv class=\"fmstr-cmp-tmpl-rel__grid\">\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fcontact-form-design-tips-best-practices-and-examples\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Formester\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Contact Form Design Tips, Best Practices and Examples\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">The field-by-field playbook for a contact form that converts.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Read\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-visual-design-impacts-conversions\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Formester\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">How Visual Design Impacts Conversions\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">Layout, color, and typography choices that move completion rates.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Read\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fincrease-lead-conversions-with-lower-form-abadonment\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Formester\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">Increase Lead Conversions With Lower Form Abandonment\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">The diagnostics behind dropped lead-capture flows, and the fixes.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Read\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fwhat-is-conditional-logic-how-to-use-it\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Formester\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">What is Conditional Logic and How to Use It\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">The mechanic behind AI-personalized forms, demystified.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Read\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-create-conversational-forms-for-your-website\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Formester\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">How to Create Conversational Forms\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">One-question-per-screen patterns ready to copy into your build.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Read\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003Ca class=\"fmstr-cmp-tmpl-rel__card\" href=\"https:\u002F\u002Fformester.com\u002Fsecurity\u002F\">\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__chip\">Formester\u003C\u002Fspan>\n\u003Ch3 class=\"fmstr-cmp-tmpl-rel__title\">GDPR-Compliant Forms\u003C\u002Fh3>\n\u003Cp class=\"fmstr-cmp-tmpl-rel__body\">The trust-signal layer for any EU-facing form in 2026.\u003C\u002Fp>\n\u003Cspan class=\"fmstr-cmp-tmpl-rel__arrow\">Open\u003C\u002Fspan>\n\u003C\u002Fa>\n\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fsection>\n\n\n","blog\u002Fblog\u002Fwebsite-and-form-design-trends.md",{"text":148},"13 min read",{"title":150,"author":100,"authorImage":8,"authorProfile":101,"coverImg":151,"coverImgAlt":152,"createdAt":153,"description":154,"featured":14,"jsonld":155,"keywords":191,"metaDescription":160,"metaImage":192,"metaTitle":193,"publishedAt":194,"slug":195,"updatedAt":196,"__hash__":197,"body":198,"id":199,"coverImgWidth":93,"coverImgHeight":94,"readingStats":200},"How Long Does a Background Check Take? Timeline by Check Type (2026)","https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002Fhow_long_do_background_checks_take_7e57faa290.png","How long does a background check take 2026 timeline","2026-06-29T05:45:40.979Z","Most US background checks take 1 to 5 business days. Get the full timeline by check type, what causes delays, and 7 employer tactics to speed yours up.",[156,165],{"@type":129,"image":151,"author":157,"@context":85,"headline":150,"publisher":158,"description":160,"dateModified":161,"datePublished":161,"mainEntityOfPage":162},{"url":101,"name":100,"@type":22},{"url":37,"logo":159,"name":28,"@type":29},{"url":26,"@type":27},"Most background checks take 1 to 5 business days. Full timeline by type (criminal, MVR, employment, education) plus what causes delays and how to speed yours up.","2026-06-29",{"@id":163,"@type":164},"https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-long-do-background-checks-take\u002F","WebPage",{"@type":49,"@context":85,"mainEntity":166},[167,171,175,179,183,187],{"name":168,"@type":53,"acceptedAnswer":169},"Why is my background check still pending after 10 days?",{"text":170,"@type":56},"Three likely reasons. First, a county courthouse search is in progress and the court is short-staffed or closed. Second, a past employer is not responding to verification requests. Third, the candidate's consent form had incomplete information and the provider is waiting on clarification. Ask your provider which component is the bottleneck, they will usually tell you within a single email.",{"name":172,"@type":53,"acceptedAnswer":173},"Can a background check be completed in 1 day?",{"text":174,"@type":56},"Yes, for limited checks. An instant database criminal search, SSN trace, and MVR can all complete the same day, often within an hour. A full pre-employment check with employment and education verification cannot be done in one day because those components require human responses from former employers and schools.",{"name":176,"@type":53,"acceptedAnswer":177},"What is the average background check turnaround time?",{"text":178,"@type":56},"For a standard US pre-employment screen (identity + criminal + MVR + employment + education), the average is 3 to 5 business days. Add a credit check or drug test and add 1 to 2 days. Add international records and the average jumps to 2 to 4 weeks.",{"name":180,"@type":53,"acceptedAnswer":181},"Can I move forward with the hire before the background check clears?",{"text":182,"@type":56},"You can extend a contingent offer. The candidate signs and accepts contingent on a clean check. You preserve your offer window without skipping the screen. Do not put the candidate on payroll before the check clears in regulated industries (healthcare, transportation, finance, childcare).",{"name":184,"@type":53,"acceptedAnswer":185},"Do background checks expire?",{"text":186,"@type":56},"Yes. Most employers re-run a check if the existing one is more than 30 days old, and a fresh check is required if more than 6 months have passed. Some industries (DOT, healthcare) require annual re-checks.",{"name":188,"@type":53,"acceptedAnswer":189},"Can I see my own background check?",{"text":190,"@type":56},"Yes. Under the FCRA, candidates have the right to see the full report and dispute anything inaccurate. If you are an employer, you must give the candidate a copy of the report before taking adverse action based on it.","how long do background checks take, background check turnaround time, employment background check time, criminal background check time, FBI background check time, employer background check guide",[],"How Long Does a Background Check Take? 2026 Timeline by Type","2026-06-29T11:02:01.000Z","how-long-do-background-checks-take","2026-06-29T11:02:02.262Z","5f7Unt1GOFSO8OiHr56t5ngwRz_J-9gqIJ14Rzcs6nE","\u003Cp style=\"font-size: inherit;\">Most US background checks take 1 to 5 business days. Slower checks (FBI fingerprint, international records, courts on holiday) can stretch to 30 days or more. The exact wait depends on the check types you order, where the data lives, and how complete the candidate's information is on day one.\u003C\u002Fp>\n\n\u003Cp>The table below shows typical turnaround by check type. The rest of this guide walks through each one, the most common reasons checks stall, and what you can do as an employer to speed yours up.\u003C\u002Fp>\n\n\u003Ch2>Background check turnaround at a glance\u003C\u002Fh2>\n\n\u003Cdiv class=\"table-wrap\">\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\u003Cth>Check type\u003C\u002Fth>\u003Cth>Typical turnaround\u003C\u002Fth>\u003Cth>Slowest case\u003C\u002Fth>\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>SSN \u002F identity verification\u003C\u002Ftd>\u003Ctd>Under 1 day\u003C\u002Ftd>\u003Ctd>2 to 3 days if data is mismatched\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Criminal records (instant database)\u003C\u002Ftd>\u003Ctd>Under 1 hour\u003C\u002Ftd>\u003Ctd>Same-day\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Criminal records (county courthouse)\u003C\u002Ftd>\u003Ctd>1 to 7 business days\u003C\u002Ftd>\u003Ctd>14+ days if the court is closed\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Criminal records (FBI fingerprint)\u003C\u002Ftd>\u003Ctd>3 to 7 business days (LiveScan)\u003C\u002Ftd>\u003Ctd>8 to 12 weeks if mailed\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>MVR (driving record)\u003C\u002Ftd>\u003Ctd>Real-time in most states\u003C\u002Ftd>\u003Ctd>1 to 3 days in CA, NY\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Employment verification\u003C\u002Ftd>\u003Ctd>3 to 5 business days\u003C\u002Ftd>\u003Ctd>2 weeks if employer is unresponsive\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Education verification\u003C\u002Ftd>\u003Ctd>3 to 7 business days\u003C\u002Ftd>\u003Ctd>4 weeks for international schools\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Credit check\u003C\u002Ftd>\u003Ctd>Instant\u003C\u002Ftd>\u003Ctd>3 to 5 days if the file is frozen\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Drug test (5-panel urine)\u003C\u002Ftd>\u003Ctd>1 to 3 business days\u003C\u002Ftd>\u003Ctd>1 week if lab confirmation is needed\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>Professional license verification\u003C\u002Ftd>\u003Ctd>1 to 3 days\u003C\u002Ftd>\u003Ctd>1 week if the board verifies manually\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>International background check\u003C\u002Ftd>\u003Ctd>2 to 4 weeks\u003C\u002Ftd>\u003Ctd>8+ weeks for some countries\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003C\u002Fdiv>\n\n\u003Ch2>What is a background check?\u003C\u002Fh2>\n\n\u003Cp>A background check is a structured review of a candidate's history before hire. Employers run them to verify the resume, screen for risk, and meet regulatory requirements in industries like healthcare, transportation, finance, and childcare.\u003C\u002Fp>\n\n\u003Cp>A typical pre-employment screen bundles several individual checks: identity verification, criminal record search, MVR, employment and education verification, sometimes a credit pull or drug test. Each component runs on its own timeline because each one pulls from a different source. The total wait is set by your slowest component, not your fastest.\u003C\u002Fp>\n\n\u003Ch2>How long does an employment background check take?\u003C\u002Fh2>\n\n\u003Cp>A standard pre-employment background check takes 3 to 5 business days end to end.\u003C\u002Fp>\n\n\u003Cp>That timeline assumes three things:\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>The candidate signs the consent and disclosure form on day one\u003C\u002Fli>\n\u003Cli>Your screening provider runs all components in parallel (most do, but ask)\u003C\u002Fli>\n\u003Cli>No single component stalls (the bottleneck sets the total)\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>According to \u003Ca href=\"https:\u002F\u002Fwww.goodhire.com\u002Fblog\u002Fhow-long-do-background-checks-take\u002F\">Goodhire's benchmark data\u003C\u002Fa>, about 80% of standard checks return within five business days, and roughly half close in under three.\u003C\u002Fp>\n\n\u003Cp>The biggest single thing employers control: the consent form. A complete, FCRA-compliant \u003Ca href=\"\u002Ftemplates\u002Fbackground-check-authorization-form-22780\u002F\">background check form\u003C\u002Fa> captures the candidate's full legal name, date of birth, SSN, seven-year address history, and signed authorization in one go. Missing data is the single most common reason a check stalls on day one.\u003C\u002Fp>\n\n\u003Ch2>How long does a criminal background check take?\u003C\u002Fh2>\n\n\u003Cp>A criminal background check has the widest range of any single component.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>Instant database search:\u003C\u002Fstrong> Under 1 hour. Most providers run a multi-state criminal database search first to flag potential matches.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>County courthouse search:\u003C\u002Fstrong> 1 to 7 business days. The provider sends a researcher (or runs a county database query) to verify any hits or pull records the instant database missed. Court closures, holidays, and short-staffed clerks all stretch this.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>State repository search:\u003C\u002Fstrong> 1 to 3 business days when the state has an API connection (CA, NY, FL, TX, IL, GA). Up to 14 business days for smaller states that handle requests manually.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>FBI fingerprint check (LiveScan or FD-258 card):\u003C\u002Fstrong> 3 to 7 business days for digital LiveScan submissions. 8 to 12 weeks if the prints are mailed to the FBI's Criminal Justice Information Services Division. The \u003Ca href=\"https:\u002F\u002Fwww.fbi.gov\u002Fhow-we-can-help-you\u002Fmore-fbi-services-and-information\u002Fidentity-history-summary-checks\">FBI documents the current processing times\u003C\u002Fa> on its identity history page.\u003C\u002Fp>\n\n\u003Cp>The wide range exists because the United States has no single criminal database. Records are split across more than 3,000 county courthouses, 50 state repositories, the FBI's NCIC, and federal court records (PACER). A thorough check touches several of those in sequence.\u003C\u002Fp>\n\n\u003Ch2>How long does an MVR (driving record) check take?\u003C\u002Fh2>\n\n\u003Cp>For most states, an MVR returns in real time, often within 5 minutes, through an API connection to the state DMV. The exceptions:\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>California, New York: 1 to 3 business days\u003C\u002Fli>\n\u003Cli>A handful of smaller states: same day, but only during business hours\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>If the role doesn't involve driving, skip the MVR. It saves time and money.\u003C\u002Fp>\n\n\u003Ch2>How long does employment verification take?\u003C\u002Fh2>\n\n\u003Cp>Employment verification runs 3 to 5 business days on average. The variable is the previous employer:\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>Large companies that use The Work Number (Equifax): instant to 1 day\u003C\u002Fli>\n\u003Cli>Mid-size companies with an HR contact: 1 to 3 business days\u003C\u002Fli>\n\u003Cli>Small businesses with no formal HR: 5 to 10 business days\u003C\u002Fli>\n\u003Cli>Companies that have closed, merged, or gone bankrupt: 2+ weeks or alternative documentation (W-2, paystubs)\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>The candidate can help. Ask them to list a direct supervisor and an HR contact on the application, not just the company name. Pair the application with a structured \u003Ca href=\"\u002Ftemplates\u002Freference-forms-template\u002F\">reference check form template\u003C\u002Fa> so references are captured before the offer goes out.\u003C\u002Fp>\n\n\u003Ch2>How long does education verification take?\u003C\u002Fh2>\n\n\u003Cp>Education verification runs 3 to 7 business days for US institutions.\u003C\u002Fp>\n\n\u003Cp>Faster cases: the school is on the National Student Clearinghouse network, which covers most US colleges and universities. Results return same-day to next-day.\u003C\u002Fp>\n\n\u003Cp>Slower cases:\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>High schools (not on the Clearinghouse, manual registrar verification)\u003C\u002Fli>\n\u003Cli>Schools that have closed\u003C\u002Fli>\n\u003Cli>International degrees (2 to 4 weeks, may require a credential evaluation)\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>If the role doesn't require the specific degree, consider whether you need the check at all. Each verification adds 3+ days to the total wait.\u003C\u002Fp>\n\n\u003Ch2>How long does a state background check take?\u003C\u002Fh2>\n\n\u003Cp>State checks fall into two buckets.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>API-connected states\u003C\u002Fstrong> (CA, FL, NY, TX, IL, GA, and others): 1 to 3 business days. Some return same-day for in-state criminal records.\u003C\u002Fp>\n\n\u003Cp>\u003Cstrong>Manual states:\u003C\u002Fstrong> 5 to 14 business days. The provider mails or faxes a request to the state repository and waits.\u003C\u002Fp>\n\n\u003Cp>A few states (DE, ME, NH) restrict what employers can pull at the state level. Your provider will route those to the county level instead, which slows the timeline.\u003C\u002Fp>\n\n\u003Ch2>How long does an international background check take?\u003C\u002Fh2>\n\n\u003Cp>International checks take 2 to 4 weeks minimum. Some countries take 8+ weeks. Records often have to be requested in person, by mail, or through a local agent, and document translation adds time on top.\u003C\u002Fp>\n\n\u003Cp>If you are hiring international remote employees, build the international check into your offer timeline early. Treat the formal start date as the date the check clears, not the date the offer is signed.\u003C\u002Fp>\n\n\u003Ch2>What causes delays in the background check process?\u003C\u002Fh2>\n\n\u003Cp>The most common causes, in order of how often we see each one:\u003C\u002Fp>\n\n\u003Col>\n\u003Cli>\u003Cstrong>Incomplete consent form.\u003C\u002Fstrong> Missing date of birth, partial address history, no SSN. Triggers a back-and-forth with the candidate that costs a full day or more.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Common name.\u003C\u002Fstrong> \"John Smith\" pulls dozens of potential matches across counties. The provider has to disambiguate by date of birth and address.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Court closures.\u003C\u002Fstrong> US courts close for federal holidays, county-specific holidays, and inclement weather. Some county courts also run a 4-day week.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Frozen credit report.\u003C\u002Fstrong> The candidate's credit file is frozen with one of the bureaus. The candidate has to lift the freeze, which adds 2 to 3 days.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Unresponsive past employer.\u003C\u002Fstrong> The HR contact does not return calls or emails. The provider typically follows up 3 times before escalating.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>International components.\u003C\u002Fstrong> Records have to be requested by mail in some countries. Document translation and credential evaluation add time.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>FCRA dispute.\u003C\u002Fstrong> The candidate disputes a finding on the report. The investigation has up to 30 days under the FCRA.\u003C\u002Fli>\n\u003C\u002Fol>\n\n\u003Cp>The first three account for most delays. The first one is the only one fully within your control.\u003C\u002Fp>\n\n\u003Ch2>How to speed up your background check process\u003C\u002Fh2>\n\n\u003Cp>Seven tactics that move the needle, in order of impact:\u003C\u002Fp>\n\n\u003Col>\n\u003Cli>\u003Cstrong>Use a structured, FCRA-compliant consent form.\u003C\u002Fstrong> Capture full legal name, date of birth, SSN, and seven-year address history at intake. Pre-built compliant templates do this for you (and the disclosure and authorization language is already wired in).\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Collect reference contacts on the application, not after the offer.\u003C\u002Fstrong> Direct supervisor name, title, current contact info. Do not accept \"HR\" as a contact.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Pre-validate SSN format on the form.\u003C\u002Fstrong> Saves a 24-hour back-and-forth when the candidate transposed two digits.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Use a screening provider with API-based criminal and MVR lookups.\u003C\u002Fstrong> Real-time hits return in minutes instead of days.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Communicate the timeline to the candidate upfront.\u003C\u002Fstrong> \"Expect 3 to 5 business days. We will email you on day 5 if it is still in progress.\" Cuts down on candidate anxiety and reduces dropouts.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Use a contingent offer letter.\u003C\u002Fstrong> The candidate signs, accepts, and gives notice while the check is running. You preserve your offer window.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Tie the check to the application form.\u003C\u002Fstrong> When the \u003Ca href=\"\u002Ftemplates\u002Fcategories\u002Fjob-application-forms\u002F\">job application form template\u003C\u002Fa> and consent form share the same fields, you skip re-entry on day one.\u003C\u002Fli>\n\u003C\u002Fol>\n\n\u003Ch2>The takeaway\u003C\u002Fh2>\n\n\u003Cp>Most checks land in 3 to 5 business days. The fastest path runs through a complete consent form, an API-connected screening provider, and a candidate who knows what to expect. The slowest checks happen when missing information, court closures, or unresponsive past employers stack up.\u003C\u002Fp>\n\n\u003Cp>If you are running checks at any kind of volume, the single biggest lever is the form itself. A complete, FCRA-compliant, signed-on-day-one consent flow eliminates the most common cause of delay before the check even starts.\u003C\u002Fp>\n\n\u003Csection class=\"faq\">\n\u003Ch2>Background check turnaround FAQ\u003C\u002Fh2>\n\u003Cdetails>\u003Csummary>Why is my background check still pending after 10 days?\u003C\u002Fsummary>\u003Cdiv>Three likely reasons. First, a county courthouse search is in progress and the court is short-staffed or closed. Second, a past employer is not responding to verification requests. Third, the candidate's consent form had incomplete information and the provider is waiting on clarification. Ask your provider which component is the bottleneck, they will usually tell you within a single email.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>Can a background check be completed in 1 day?\u003C\u002Fsummary>\u003Cdiv>Yes, for limited checks. An instant database criminal search, SSN trace, and MVR can all complete the same day, often within an hour. A full pre-employment check with employment and education verification cannot be done in one day because those components require human responses from former employers and schools.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>What is the average background check turnaround time?\u003C\u002Fsummary>\u003Cdiv>For a standard US pre-employment screen (identity + criminal + MVR + employment + education), the average is 3 to 5 business days. Add a credit check or drug test and add 1 to 2 days. Add international records and the average jumps to 2 to 4 weeks.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>Can I move forward with the hire before the background check clears?\u003C\u002Fsummary>\u003Cdiv>You can extend a contingent offer. The candidate signs and accepts contingent on a clean check. You preserve your offer window without skipping the screen. Do not put the candidate on payroll before the check clears in regulated industries (healthcare, transportation, finance, childcare).\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>Do background checks expire?\u003C\u002Fsummary>\u003Cdiv>Yes. Most employers re-run a check if the existing one is more than 30 days old, and a fresh check is required if more than 6 months have passed. Some industries (DOT, healthcare) require annual re-checks.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>Can I see my own background check?\u003C\u002Fsummary>\u003Cdiv>Yes. Under the FCRA, candidates have the right to see the full report and dispute anything inaccurate. If you are an employer, you must give the candidate a copy of the report before taking adverse action based on it.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003C\u002Fsection>\n\n","blog\u002Fblog\u002Fhow-long-do-background-checks-take.md",{"text":201},"10 min read",{"title":203,"author":7,"authorImage":8,"authorProfile":9,"coverImg":204,"coverImgAlt":205,"createdAt":206,"description":207,"featured":14,"jsonld":208,"keywords":209,"metaDescription":210,"metaImage":211,"metaTitle":212,"publishedAt":213,"slug":214,"updatedAt":215,"__hash__":216,"body":217,"id":218,"coverImgWidth":117,"coverImgHeight":118,"readingStats":219},"How to Track Form Submissions Using Hidden Fields","https:\u002F\u002Fformester-strapi.s3.ap-south-1.amazonaws.com\u002F53_ee59adbe17.png","a blog post cover about how to track form conversions using hidden fields","2025-07-18T01:54:33.648Z","Discover how to track form submissions using UTM parameters and hidden fields in online forms, no need for Google Analytics or code.\n\n",[],"hidden fields,\nutm tracking,\nconversion tracking,\nform submission tracking,","Learn how to track form submissions using UTM parameters and hidden fields in online forms, no need for Google Analytics or code.\n\n",[],"How to Track Form Conversions Using Hidden Fields","2026-06-22T05:06:22.803Z","how-to-track-form-conversions-using-hidden-form-fields","2026-06-22T05:06:29.664Z","xywQJ6W_GdLucg_-NySVhFSePITQ-d-v5xighU0KyEM","\u003Cp style=\"font-size: inherit;\">You spent the budget. A lead just filled out your form. Which channel sent them, the LinkedIn ad, the newsletter, or the blog popup?\u003C\u002Fp>\n\n\u003Cp>Here is the short answer: tag your form link with UTM parameters, add a few hidden fields, and every submission carries its own source. No Google Analytics, no code, no extra tools.\u003C\u002Fp>\n\n\u003Cp>This guide shows the exact steps inside \u003Ca href=\"https:\u002F\u002Fformester.com\u002F\">Formester\u003C\u002Fa>, from building a tagged URL to filtering leads by source and exporting them. It takes a few minutes to set up once.\u003C\u002Fp>\n\n\u003Ch2>What Are UTM Parameters? (The 5 Tags Explained)\u003C\u002Fh2>\n\n\u003Cp>UTM parameters are small tags you add to the end of a link. When someone clicks a tagged link, the tags travel with them, so you can see exactly where the click came from.\u003C\u002Fp>\n\n\u003Cp>There are five, and three do most of the work:\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>\u003Cstrong>utm_source\u003C\u002Fstrong>: Where the traffic came from: linkedin, newsletter, google.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>utm_medium\u003C\u002Fstrong>: The type of channel: paid, email, social, organic.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>utm_campaign\u003C\u002Fstrong>: The specific campaign: crm_demo_july, spring_sale.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>utm_term and utm_content\u003C\u002Fstrong>: Optional. utm_term records the paid keyword; utm_content tells two versions of the same link apart (for example, two buttons in one email).\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>A tagged form link looks like this: https:\u002F\u002Fyourform.com\u003Cwbr>?utm_source=linkedin\u003Cwbr>&utm_medium=paid\u003Cwbr>&utm_campaign=crm_demo. Spend money on marketing, and you should know which of those tags actually convert.\u003C\u002Fp>\n\n\u003Ch2>How to Track UTM Parameters in Your Forms: 5 Steps\u003C\u002Fh2>\n\n\u003Cp>Five steps, start to finish. Build the form, tag the link, add hidden fields, test it, then filter and export. You only set this up once per form.\u003C\u002Fp>\n\n\u003Ch3>Step 1: Build Your Lead Capture Form\u003C\u002Fh3>\n\n\u003Cp>Open your Formester dashboard and create a new \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ftemplates\u002Fcategories\u002Flead-generation\u002F\">lead capture form\u003C\u002Fa>. Add the visible fields you actually need: name, email, company. Keep it short; every extra field costs you submissions.\u003C\u002Fp>\n\n\u003Ch3>Step 2: Build a UTM-Tagged Link\u003C\u002Fh3>\n\n\u003Cp>You need a version of your form link with UTM tags baked in. The easiest way is Google's free Campaign URL Builder.\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>Open Google's Campaign URL Builder (search \"campaign url builder\"; it is the first result).\u003C\u002Fli>\n\u003Cli>Paste your form URL into the Website URL field.\u003C\u002Fli>\n\u003Cli>Fill in source (linkedin), medium (paid), and campaign (crm_demo_july).\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>The builder hands you a full tagged URL. Want it tidy for an ad or bio link? Shorten it with Bitly. Make one tagged link per channel so each source stays clean.\u003C\u002Fp>\n\n\u003Ch3>Step 3: Add Hidden Fields That Auto-Fill From the URL\u003C\u002Fh3>\n\n\u003Cp>This is the part that does the work. A hidden field sits on the form, invisible to the visitor, and quietly reads its value from the URL.\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>In the Formester builder, add a single line input field.\u003C\u002Fli>\n\u003Cli>Rename the field label to match the tag exactly: utm_source.\u003C\u002Fli>\n\u003Cli>Click the eye icon to hide it from view.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>Repeat for each tag you want to capture: utm_medium, utm_campaign, and campaign_id if you use one. The field name has to match the UTM tag character for character, or it stays blank.\u003C\u002Fp>\n\n\u003Cp>Now, when a visitor lands on the form from your tagged link, those hidden fields fill themselves in. It is the same mechanism as \u003Ca href=\"https:\u002F\u002Fformester.com\u002Fblog\u002Fhow-to-pre-fill-form-fields-by-url-parameters\u002F\">prefilling form fields from URL parameters\u003C\u002Fa>, pointed at attribution instead of convenience.\u003C\u002Fp>\n\n\u003Ch3>Step 4: Test It Before You Launch\u003C\u002Fh3>\n\n\u003Cp>Never trust attribution you have not tested. Open your tagged form link in a new browser tab, fill it out, and hit submit.\u003C\u002Fp>\n\n\u003Cp>Then open your Formester dashboard, go to the form, and open Results. Click the latest submission. You should see the hidden values captured alongside the visible ones: source linkedin, medium paid, campaign crm_demo_july.\u003C\u002Fp>\n\n\u003Cp>Run it again with a second tagged link, say source google and medium organic, and confirm the two submissions show different sources. If a field is blank, the field name and the UTM tag do not match yet.\u003C\u002Fp>\n\n\u003Ch3>Step 5: Filter, Export, and Sync Your Leads by Source\u003C\u002Fh3>\n\n\u003Cp>This is the payoff. Want every lead that came from LinkedIn?\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>Open the Results tab.\u003C\u002Fli>\n\u003Cli>In Filters, set utm_source = linkedin.\u003C\u002Fli>\n\u003Cli>Read the filtered list, or export it as a CSV in one click.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>To keep the data flowing automatically, connect the form to \u003Ca href=\"https:\u002F\u002Fformester.com\u002Fintegrations\u002Fgoogle-sheets\u002F\">Google Sheets\u003C\u002Fa> or push leads straight into \u003Ca href=\"https:\u002F\u002Fformester.com\u002Fintegrations\u002Fhubspot\u002F\">HubSpot\u003C\u002Fa>. The UTM values ride along with each lead, so your sales and email tools know the source without anyone copying it by hand.\u003C\u002Fp>\n\n\u003Ch2>Hidden Fields vs Google Analytics vs GTM: Which to Use\u003C\u002Fh2>\n\n\u003Cp>These three approaches answer different questions, so plenty of teams run more than one.\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>\u003Cstrong>Hidden fields\u003C\u002Fstrong>: Tag the submission itself. The source lands inside your results, CSV, and CRM next to the lead. Best when you care about which channel produced an actual lead, not just a visit. No code, no setup.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Google Analytics\u003C\u002Fstrong>: Tracks the page visit and traffic shape. Great for top-of-funnel volume, weaker at tying a single lead to a single source. Formester also offers a native \u003Ca href=\"https:\u002F\u002Fformester.com\u002Fintegrations\u002Fgoogle-analytics\u002F\">Google Analytics integration\u003C\u002Fa> if you want both views.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Google Tag Manager\u003C\u002Fstrong>: Fires events when a form is submitted, useful for sending conversions to ad platforms. More moving parts, and it still does not store the source on the lead record. Connect it through Formester's \u003Ca href=\"https:\u002F\u002Fformester.com\u002Fintegrations\u002Fgoogle-tag-manager\u002F\">Google Tag Manager integration\u003C\u002Fa>.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>Short version: use hidden fields for lead-level attribution, Analytics for traffic, GTM for ad-conversion events. The hidden-field method is the one that needs no setup and travels with the data.\u003C\u002Fp>\n\n\u003Ch2>Why Hidden Fields Beat the Alternatives\u003C\u002Fh2>\n\n\u003Cul>\n\u003Cli>No setup in Google Analytics and no scripts to maintain.\u003C\u002Fli>\n\u003Cli>Source data lives on the submission, not buried in a separate analytics report.\u003C\u002Fli>\n\u003Cli>Per-lead, not per-visit: you know which channel produced the actual form fill.\u003C\u002Fli>\n\u003Cli>Works the same across popups, landing pages, and \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Fembed-forms\u002F\">embedded forms\u003C\u002Fa>.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>Paid ads, influencer drops, content marketing: whatever the channel, every lead points back to its source.\u003C\u002Fp>\n\n\u003Ch2>Why Your Hidden Fields Might Come Back Empty\u003C\u002Fh2>\n\n\u003Cp>If a submission arrives with blank UTM fields, one of these is usually the reason:\u003C\u002Fp>\n\n\u003Cul>\n\u003Cli>The visitor came directly, from a bookmark, or from an untagged link. No tags in the URL means nothing to capture. That is expected for organic and direct traffic.\u003C\u002Fli>\n\u003Cli>The field name does not match the UTM tag exactly. utm_source captures; UTM_Source or utm-source does not.\u003C\u002Fli>\n\u003Cli>A redirect or link wrapper stripped the parameters before the form loaded. Test the final landing URL, not the link you pasted.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Cp>Treat blank values as a signal, not a bug. They tell you which share of leads arrived without a tracked campaign, which is useful to know on its own.\u003C\u002Fp>\n\n\u003Ch2>Start Tracking Every Lead's Source\u003C\u002Fh2>\n\n\u003Cp>Knowing where a lead came from changes how you spend. Double down on the channels that convert, cut the ones that just spend.\u003C\u002Fp>\n\n\u003Cp>Hidden fields give you that without a single line of code. Tag the link, add the fields, and the source rides along with every submission into your results, your spreadsheet, and your CRM.\u003C\u002Fp>\n\n\u003Cp>Want to see it work? \u003Ca href=\"https:\u002F\u002Fapp.formester.com\u002Fusers\u002Fsign_up\u002F\">Build a form free\u003C\u002Fa>, tag a link, and watch the first source land in your results. From there, \u003Ca href=\"https:\u002F\u002Fformester.com\u002Ffeatures\u002Fform-analytics\u002F\">form analytics\u003C\u002Fa> shows you the rest of the picture.\u003C\u002Fp>\n\n\u003Csection class=\"faq\">\n\u003Ch2>Frequently Asked Questions\u003C\u002Fh2>\n\u003Cdetails>\u003Csummary>How do I track which campaign a form submission came from?\u003C\u002Fsummary>\u003Cdiv>Tag your form link with UTM parameters, then add hidden fields named utm_source, utm_medium, and utm_campaign to the form. When someone opens the tagged link, those fields auto-fill, so every submission carries its own source.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>What are the five UTM parameters?\u003C\u002Fsummary>\u003Cdiv>utm_source (where the traffic came from), utm_medium (the channel type), utm_campaign (the campaign name), utm_term (paid keyword), and utm_content (which link or ad variant). Source, medium, and campaign are the three most teams use.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>Can I track form sources without Google Analytics?\u003C\u002Fsummary>\u003Cdiv>Yes. Hidden fields capture the UTM values on the form itself, so the source is stored with the submission. You can filter and export that data without setting up Google Analytics or writing any code.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>Why are my hidden UTM fields coming back blank?\u003C\u002Fsummary>\u003Cdiv>Hidden fields only fill when the link carries UTM parameters. Direct visits, bookmarked links, and some redirects strip the tags, so those submissions arrive empty. Always share the full tagged URL and test it before launching.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>What is the difference between UTM hidden fields and Google Analytics tracking?\u003C\u002Fsummary>\u003Cdiv>Google Analytics tracks the page visit. Hidden fields tag the actual submission, so the source travels with the lead into your results, CRM, or spreadsheet. Many teams use both: Analytics for traffic, hidden fields for lead-level attribution.\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003C\u002Fsection>\n\n","blog\u002Fblog\u002Fhow-to-track-form-conversions-using-hidden-form-fields.md",{"text":120},1788363417829]