[{"data":1,"prerenderedAt":204},["ShallowReactive",2],{"page-free-form-builder-for-website":3},{"head":4,"jsonld":56,"components":161},{"title":5,"link":6,"meta":7},"Free Form Builder for Website (Embed on Any Site)",[],[8,11,14,16,19,22,24,26,29,32,34,37,39,41,43,45,48,51,53],{"property":9,"content":10},"article:modified_time","2026-06-13T10:56:42.176Z",{"hid":12,"name":12,"content":13},"description","Free form builder for your website. Embed on WordPress, Webflow, Wix, Squarespace, or plain HTML in 3 minutes. 100 responses/month free, no card.",{"hid":15,"name":15,"content":5},"og:site_name",{"hid":17,"property":17,"content":18},"og:type","website",{"hid":20,"property":20,"content":21},"og:url","https://formester.com/free-form-builder-for-website/",{"hid":23,"property":23,"content":5},"og:title",{"hid":25,"property":25,"content":13},"og:description",{"hid":27,"property":27,"content":28},"og:image","https://formester.com/formester-logo-meta-image.png",{"hid":30,"name":30,"content":31},"og:image:alt","Formester Logo",{"hid":33,"name":33,"content":21},"twitter:url",{"name":35,"content":36},"twitter:site","@_formester_",{"hid":38,"name":38,"content":5},"twitter:title",{"hid":40,"name":40,"content":13},"twitter:description",{"hid":42,"name":42,"content":28},"twitter:image",{"hid":44,"name":44,"content":31},"twitter:image:alt",{"hid":46,"name":46,"content":47},"twitter:card","summary_large_image",{"hid":49,"name":49,"content":50},"apple-mobile-web-app-title","Formester",{"hid":52,"name":52,"property":27,"content":28},"image",{"hid":54,"name":54,"content":55},"keywords",[],[57],{"@graph":58,"@context":160},[59,67,77,105,143],{"@id":60,"url":21,"name":5,"@type":61,"headline":5,"isPartOf":62,"breadcrumb":64,"inLanguage":66,"description":13},"https://formester.com/free-form-builder-for-website/#webpage","WebPage",{"@id":63},"https://formester.com/#website",{"@id":65},"https://formester.com/free-form-builder-for-website/#breadcrumb","en-US",{"@id":65,"@type":68,"itemListElement":69},"BreadcrumbList",[70,75],{"item":71,"name":72,"@type":73,"position":74},"https://formester.com/","Home","ListItem",1,{"item":21,"name":5,"@type":73,"position":76},2,{"@id":78,"url":21,"name":79,"@type":80,"offers":81,"publisher":92,"description":97,"aggregateRating":98,"operatingSystem":103,"applicationCategory":104},"https://formester.com/free-form-builder-for-website/#software","Formester Free Form Builder","SoftwareApplication",[82,89],{"url":83,"name":84,"@type":85,"price":86,"availability":87,"priceCurrency":88},"https://formester.com/pricing/","Free","Offer","0","https://schema.org/InStock","USD",{"url":83,"name":90,"@type":85,"price":91,"availability":87,"priceCurrency":88},"Personal","12",{"url":71,"logo":93,"name":50,"@type":96},{"url":94,"@type":95},"https://formester.com/logo.png","ImageObject","Organization","Free embeddable form builder with six embed modes: inline, popup, sidebar, side tab, popover, fullscreen. Works on WordPress, Webflow, Wix, Squarespace, GoDaddy, and plain HTML.",{"@type":99,"bestRating":100,"ratingCount":101,"ratingValue":102},"AggregateRating","5","11","4.7","Web, iOS, Android","BusinessApplication",{"@id":106,"@type":107,"mainEntity":108},"https://formester.com/free-form-builder-for-website/#faq","FAQPage",[109,115,119,123,127,131,135,139],{"name":110,"@type":111,"acceptedAnswer":112},"Is the embed code really free to use?","Question",{"text":113,"@type":114},"Yes. Build the form on the free plan, copy the snippet, paste it on your site. No usage cap on the embed itself, the only cap is 100 responses per month across all your forms.","Answer",{"name":116,"@type":111,"acceptedAnswer":117},"Will the embedded form display Powered by Formester?",{"text":118,"@type":114},"A small Formester credit shows on forms on the free plan. The Personal plan at $12 a month removes it across every form and every embed mode.",{"name":120,"@type":111,"acceptedAnswer":121},"Can I embed multiple forms on one page?",{"text":122,"@type":114},"Yes. Each form has its own snippet, you can paste as many as you need on the same page without conflicts.",{"name":124,"@type":111,"acceptedAnswer":125},"Does the embed work on mobile?",{"text":126,"@type":114},"Yes. Every embed mode is mobile responsive by default. The form adapts to the screen size of the device, including the popup, side tab, and fullscreen modes.",{"name":128,"@type":111,"acceptedAnswer":129},"Will the form match my site's styles?",{"text":130,"@type":114},"You control the colors, fonts, button styles, and spacing inside Formester. Custom CSS is available if you want to match a specific design system. The form keeps its own styles inside the embed so it does not collide with your site's CSS.",{"name":132,"@type":111,"acceptedAnswer":133},"Do I need to host anything?",{"text":134,"@type":114},"No. The form is hosted by Formester. The snippet you paste just loads it on your page. No server, no database, no maintenance on your end.",{"name":136,"@type":111,"acceptedAnswer":137},"How is this different from Google Forms?",{"text":138,"@type":114},"Google Forms embeds only as a plain iframe, with Google styling and a Powered by Google line you cannot remove. Formester ships six embed modes, lets you brand and style the form, and adds payment collection, file uploads, signatures, and analytics on the free plan.",{"name":140,"@type":111,"acceptedAnswer":141},"Can I migrate later if I outgrow the free plan?",{"text":142,"@type":114},"Yes. Every form, every submission, every integration stays on the same account when you upgrade. The embed code on your site keeps working without changes, the new plan limits apply from the moment you upgrade.",{"@id":144,"name":145,"step":146,"@type":158,"totalTime":159},"https://formester.com/free-form-builder-for-website/#howto","How to embed a Formester form on any website",[147,151,154],{"name":148,"text":149,"@type":150,"position":74},"Build the form in Formester","Start with a template or paste a prompt into the AI form generator. Edit fields, labels, and conditional logic in the drag-and-drop builder.","HowToStep",{"name":152,"text":153,"@type":150,"position":76},"Copy the embed snippet","Open Share, choose Embed. Pick inline, popup, side tab, sidebar, popover, or fullscreen. Copy the one-line snippet.",{"name":155,"text":156,"@type":150,"position":157},"Paste into your site's HTML block","On WordPress add a Custom HTML block, on Webflow drop an Embed element, on Wix add an Embed Code element, on Squarespace add a Code Block, or paste anywhere between the body tags in plain HTML.",3,"HowTo","PT3M","https://schema.org",[162,167,174,177,180,183,186,189,192,195,198,201],{"id":163,"__component":164,"markup":165,"useContainer":166},750,"micro-components.raw-html","\u003Cstyle>\n.fmstr-cmp-ffb-hero a { text-decoration: none !important; }\n.fmstr-cmp-ffb-hero {\n--c-bg: #ffffff; --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-100: #ede4ff; --c-violet-500: #7f56d9; --c-violet-600: #6941c6; --c-violet-700: #5b34b1;\n--c-success: #12b76a; --c-amber: #f59e0b; --c-border: #eaecf0;\n--c-shadow-sm: 0 1px 3px rgba(16,24,40,.05);\n--c-shadow-lg: 0 20px 50px -12px rgba(16,24,40,.18), 0 8px 20px -8px rgba(16,24,40,.08);\nbackground: radial-gradient(ellipse at top left, var(--c-tint) 0%, #ffffff 55%);\npadding: 88px 24px 80px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1); position: relative; overflow: hidden;\n}\n.fmstr-cmp-ffb-hero *, .fmstr-cmp-ffb-hero *::before, .fmstr-cmp-ffb-hero *::after { box-sizing: border-box; }\n.fmstr-cmp-ffb-hero > *, .fmstr-cmp-ffb-hero > * > * { min-width: 0; }\n.fmstr-cmp-ffb-hero__container { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 1.05fr 1fr; gap: 64px; align-items: center; }\n.fmstr-cmp-ffb-hero__badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--c-edge); color: var(--c-violet-700); font-size: 13px; font-weight: 600; margin-bottom: 22px; box-shadow: var(--c-shadow-sm); }\n.fmstr-cmp-ffb-hero__badge-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--c-violet-500); }\n.fmstr-cmp-ffb-hero__h1 { margin: 0 0 18px; font-size: clamp(36px, 4.6vw, 54px); line-height: 1.07; letter-spacing: -0.028em; font-weight: 700; }\n.fmstr-cmp-ffb-hero__h1-accent { background: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: var(--c-violet-600); }\n.fmstr-cmp-ffb-hero__sub { margin: 0 0 32px; max-width: 540px; font-size: 18px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-ffb-hero__sub a { color: var(--c-violet-700); border-bottom: 1px solid var(--c-violet-300); }\n.fmstr-cmp-ffb-hero__ctas { display: inline-flex; flex-wrap: wrap; gap: 12px; margin-bottom: 28px; }\n.fmstr-cmp-ffb-hero__cta-primary { display: inline-flex; align-items: center; gap: 8px; padding: 14px 26px; border-radius: 10px; background: var(--c-violet-500) !important; color: #fff !important; font-weight: 600; font-size: 15.5px; border: 1px solid var(--c-violet-500); box-shadow: 0 6px 16px rgba(127,86,217,.25); }\n.fmstr-cmp-ffb-hero__cta-primary:hover { background: var(--c-violet-600) !important; }\n.fmstr-cmp-ffb-hero__cta-secondary { display: inline-flex; align-items: center; gap: 8px; padding: 14px 22px; border-radius: 10px; background: #fff !important; color: var(--c-fg-1) !important; font-weight: 600; font-size: 15.5px; border: 1px solid var(--c-border); }\n.fmstr-cmp-ffb-hero__cta-secondary:hover { border-color: var(--c-violet-500); color: var(--c-violet-600) !important; }\n.fmstr-cmp-ffb-hero__trust { display: flex; flex-wrap: wrap; gap: 16px 28px; font-size: 13px; color: var(--c-fg-3); }\n.fmstr-cmp-ffb-hero__trust-item { display: inline-flex; align-items: center; gap: 6px; }\n.fmstr-cmp-ffb-hero__trust-check { color: var(--c-success); flex-shrink: 0; }\n\n/* Right side: code-snippet + form mockup */\n.fmstr-cmp-ffb-hero__visual { position: relative; display: flex; flex-direction: column; gap: 16px; }\n.fmstr-cmp-ffb-hero__code {\nbackground: #1d1933; color: #e0d8ff; border-radius: 14px; padding: 16px 18px; font-family: ui-monospace, 'SF Mono', Menlo, monospace; font-size: 12.5px; line-height: 1.55; box-shadow: 0 12px 32px rgba(29,25,51,.3);\n}\n.fmstr-cmp-ffb-hero__code-head { display: flex; align-items: center; gap: 8px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.1); }\n.fmstr-cmp-ffb-hero__code-dot { width: 9px; height: 9px; border-radius: 50%; background: #f87171; }\n.fmstr-cmp-ffb-hero__code-dot--y { background: #fbbf24; }\n.fmstr-cmp-ffb-hero__code-dot--g { background: #34d399; }\n.fmstr-cmp-ffb-hero__code-label { margin-left: 8px; font-size: 11px; color: rgba(255,255,255,.55); font-weight: 600; }\n.fmstr-cmp-ffb-hero__code-copy { margin-left: auto; padding: 3px 9px; background: rgba(127,86,217,.45); color: #fff; border-radius: 6px; font-size: 10.5px; font-weight: 700; letter-spacing: 0.04em; }\n.fmstr-cmp-ffb-hero__code-tag { color: #c4b5fd; }\n.fmstr-cmp-ffb-hero__code-attr { color: #fbbf24; }\n.fmstr-cmp-ffb-hero__code-str { color: #a7f3d0; }\n.fmstr-cmp-ffb-hero__form {\nbackground: #ffffff; border: 1px solid var(--c-border); border-radius: 18px; padding: 20px; box-shadow: var(--c-shadow-lg); position: relative;\n}\n.fmstr-cmp-ffb-hero__form-h { display: flex; align-items: center; gap: 8px; padding-bottom: 12px; margin-bottom: 14px; border-bottom: 1px solid var(--c-border); }\n.fmstr-cmp-ffb-hero__form-h-icon { width: 22px; height: 22px; border-radius: 6px; background: var(--c-violet-100); color: var(--c-violet-700); display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; }\n.fmstr-cmp-ffb-hero__form-h-title { font-size: 13px; font-weight: 700; color: var(--c-fg-1); }\n.fmstr-cmp-ffb-hero__form-h-meta { margin-left: auto; font-size: 11px; color: var(--c-fg-3); font-weight: 600; }\n.fmstr-cmp-ffb-hero__form-field { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid var(--c-border); border-radius: 9px; background: #fff; font-size: 13px; color: var(--c-fg-1); margin-bottom: 8px; }\n.fmstr-cmp-ffb-hero__form-field-label { color: var(--c-fg-3); margin-right: 6px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; }\n.fmstr-cmp-ffb-hero__form-cta { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 11px; border-radius: 9px; background: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700)); color: #fff; font-size: 13.5px; font-weight: 700; margin-top: 4px; }\n.fmstr-cmp-ffb-hero__chip {\nposition: absolute; background: #fff; border: 1px solid var(--c-edge); box-shadow: var(--c-shadow-lg); border-radius: 12px; padding: 10px 14px; display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: var(--c-fg-1); z-index: 2;\n}\n.fmstr-cmp-ffb-hero__chip-icon { width: 28px; height: 28px; border-radius: 8px; background: var(--c-violet-100); color: var(--c-violet-700); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.fmstr-cmp-ffb-hero__chip--cms { bottom: -16px; left: -16px; }\n\n@media (max-width: 980px) {\n.fmstr-cmp-ffb-hero__container { grid-template-columns: 1fr; gap: 48px; }\n.fmstr-cmp-ffb-hero__visual { max-width: 480px; margin: 0 auto; width: 100%; }\n}\n@media (max-width: 760px) {\n.fmstr-cmp-ffb-hero { padding: 80px 16px 56px; }\n.fmstr-cmp-ffb-hero__sub { font-size: 16px; }\n.fmstr-cmp-ffb-hero__trust { flex-direction: column; gap: 10px; }\n}\n@media (max-width: 540px) {\n.fmstr-cmp-ffb-hero__ctas { flex-direction: column; align-items: stretch; }\n.fmstr-cmp-ffb-hero__cta-primary, .fmstr-cmp-ffb-hero__cta-secondary { justify-content: center; }\n.fmstr-cmp-ffb-hero__chip { display: none; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-ffb-hero\">\n\u003Cdiv class=\"fmstr-cmp-ffb-hero__container\">\n\u003Cdiv class=\"fmstr-cmp-ffb-hero__content\">\n\u003Cspan class=\"fmstr-cmp-ffb-hero__badge\">\u003Cspan class=\"fmstr-cmp-ffb-hero__badge-dot\">\u003C/span>Free forever. No card.\u003C/span>\n\u003Ch1 class=\"fmstr-cmp-ffb-hero__h1\">Free \u003Cspan class=\"fmstr-cmp-ffb-hero__h1-accent\">form builder\u003C/span> for any website\u003C/h1>\n\u003Cp class=\"fmstr-cmp-ffb-hero__sub\">Build a form, copy one line of embed code, paste it into your site. Works on WordPress, Webflow, Wix, Squarespace, GoDaddy, or hand-coded HTML. No card on signup, 100 responses per month on the free plan.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-ffb-hero__ctas\">\n\u003Ca class=\"fmstr-cmp-ffb-hero__cta-primary\" href=\"https://app.formester.com/users/sign_up\">Build a free form\u003C/a>\n\u003Ca class=\"fmstr-cmp-ffb-hero__cta-secondary\" href=\"#embed-modes\">See the embed in action\u003C/a>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-hero__trust\">\n\u003Cspan class=\"fmstr-cmp-ffb-hero__trust-item\">\u003Csvg class=\"fmstr-cmp-ffb-hero__trust-check\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>6 embed modes\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffb-hero__trust-item\">\u003Csvg class=\"fmstr-cmp-ffb-hero__trust-check\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>One snippet, any CMS\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffb-hero__trust-item\">\u003Csvg class=\"fmstr-cmp-ffb-hero__trust-check\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>Mobile responsive\u003C/span>\n\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffb-hero__visual\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-ffb-hero__code\">\n\u003Cdiv class=\"fmstr-cmp-ffb-hero__code-head\">\n\u003Cspan class=\"fmstr-cmp-ffb-hero__code-dot\">\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffb-hero__code-dot fmstr-cmp-ffb-hero__code-dot--y\">\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffb-hero__code-dot fmstr-cmp-ffb-hero__code-dot--g\">\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffb-hero__code-label\">Paste anywhere in your site\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffb-hero__code-copy\">COPY\u003C/span>\n\u003C/div>\n\u003Cdiv><\u003Cspan class=\"fmstr-cmp-ffb-hero__code-tag\">script\u003C/span> \u003Cspan class=\"fmstr-cmp-ffb-hero__code-attr\">src\u003C/span>=\u003Cspan class=\"fmstr-cmp-ffb-hero__code-str\">\"https://embed.formester.com/v1.js\"\u003C/span>></\u003Cspan class=\"fmstr-cmp-ffb-hero__code-tag\">script\u003C/span>>\u003C/div>\n\u003Cdiv><\u003Cspan class=\"fmstr-cmp-ffb-hero__code-tag\">div\u003C/span> \u003Cspan class=\"fmstr-cmp-ffb-hero__code-attr\">data-formester\u003C/span>=\u003Cspan class=\"fmstr-cmp-ffb-hero__code-str\">\"contact-2026\"\u003C/span>></\u003Cspan class=\"fmstr-cmp-ffb-hero__code-tag\">div\u003C/span>>\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffb-hero__form\">\n\u003Cdiv class=\"fmstr-cmp-ffb-hero__form-h\">\n\u003Cspan class=\"fmstr-cmp-ffb-hero__form-h-icon\">F\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffb-hero__form-h-title\">Contact us\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffb-hero__form-h-meta\">Inline embed\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-hero__form-field\">\u003Cspan class=\"fmstr-cmp-ffb-hero__form-field-label\">NAME\u003C/span>Sarah Chen\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-hero__form-field\">\u003Cspan class=\"fmstr-cmp-ffb-hero__form-field-label\">EMAIL\u003C/span>sarah@studio.co\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-hero__form-field\">\u003Cspan class=\"fmstr-cmp-ffb-hero__form-field-label\">TOPIC\u003C/span>Demo request · Enterprise\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-hero__form-cta\">Send message\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M3 8h10M9 4l4 4-4 4\"/>\u003C/svg>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-hero__chip fmstr-cmp-ffb-hero__chip--cms\">\n\u003Cspan class=\"fmstr-cmp-ffb-hero__chip-icon\">\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"16 18 22 12 16 6\"/>\u003Cpolyline points=\"8 6 2 12 8 18\"/>\u003C/svg>\n\u003C/span>\nLive in 3 min\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",false,{"id":168,"__component":169,"label":170,"heading":171,"description":171,"showTrustBadges":166,"rawHtml":171,"title":172,"logos":173},597,"macro-components.trust-seals","Trusted by leading organisations",null,[],[],{"id":175,"__component":164,"markup":176,"useContainer":166},751,"\u003Cstyle>\n.fmstr-cmp-ffb-em {\n--c-bg: #ffffff; --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-100: #ede4ff; --c-violet-500: #7f56d9; --c-violet-700: #5b34b1;\n--c-border: #eaecf0;\nbackground: #fff; padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1);\n}\n.fmstr-cmp-ffb-em *, .fmstr-cmp-ffb-em *::before, .fmstr-cmp-ffb-em *::after { box-sizing: border-box; }\n.fmstr-cmp-ffb-em > *, .fmstr-cmp-ffb-em > * > * { min-width: 0; }\n.fmstr-cmp-ffb-em__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-ffb-em__header { max-width: 760px; margin: 0 auto 48px; text-align: center; }\n.fmstr-cmp-ffb-em__h2 { margin: 0 0 14px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-ffb-em__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-ffb-em__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n.fmstr-cmp-ffb-em__card {\ndisplay: flex; flex-direction: column; gap: 0; background: #fff; border: 1px solid var(--c-border); border-radius: 16px; overflow: hidden;\ntransition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;\n}\n.fmstr-cmp-ffb-em__card:hover { border-color: var(--c-edge); transform: translateY(-2px); box-shadow: 0 12px 28px rgba(16,24,40,.08); }\n.fmstr-cmp-ffb-em__visual { position: relative; height: 132px; background: linear-gradient(135deg, #f5f1ff 0%, #ede4ff 100%); padding: 16px; display: flex; align-items: center; justify-content: center; overflow: hidden; }\n/* Distinct mini-mockup per mode */\n.fmstr-cmp-ffb-em__mock { background: #fff; border: 1px solid var(--c-edge); border-radius: 6px; padding: 6px; font-size: 9.5px; color: var(--c-violet-700); font-weight: 700; box-shadow: 0 6px 16px rgba(91,52,177,.18); }\n.fmstr-cmp-ffb-em__page { position: absolute; inset: 12px; border: 1px dashed rgba(127,86,217,.4); border-radius: 8px; background: rgba(255,255,255,.5); }\n.fmstr-cmp-ffb-em__page-bar { position: absolute; top: 6px; left: 6px; right: 6px; height: 5px; background: rgba(127,86,217,.18); border-radius: 3px; }\n.fmstr-cmp-ffb-em__page-bar2 { top: 16px; right: 50%; width: 50%; opacity: .55; }\n/* Mode-specific visuals */\n.fmstr-cmp-ffb-em__inline { position: relative; width: 70%; }\n.fmstr-cmp-ffb-em__popup { position: relative; width: 60%; box-shadow: 0 10px 30px rgba(91,52,177,.25); }\n.fmstr-cmp-ffb-em__side-tab { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); writing-mode: vertical-rl; padding: 8px 4px; font-size: 9px; }\n.fmstr-cmp-ffb-em__sidebar { position: absolute; right: 8px; top: 12px; bottom: 12px; width: 50%; padding: 8px; }\n.fmstr-cmp-ffb-em__popover { position: absolute; bottom: 16px; right: 14px; width: 60%; }\n.fmstr-cmp-ffb-em__fullscreen { position: absolute; inset: 14px; padding: 10px; }\n.fmstr-cmp-ffb-em__body { padding: 18px 20px 22px; display: flex; flex-direction: column; gap: 8px; }\n.fmstr-cmp-ffb-em__mode { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 800; color: var(--c-violet-700); text-transform: uppercase; letter-spacing: 0.08em; }\n.fmstr-cmp-ffb-em__title { margin: 0; font-size: 16px; font-weight: 700; color: var(--c-fg-1); line-height: 1.3; }\n.fmstr-cmp-ffb-em__copy { margin: 0; font-size: 14px; line-height: 1.55; color: var(--c-fg-2); }\n.fmstr-cmp-ffb-em__best { margin-top: auto; padding-top: 10px; display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; color: var(--c-fg-3); }\n.fmstr-cmp-ffb-em__best strong { color: var(--c-fg-1); font-weight: 700; }\n.fmstr-cmp-ffb-em__foot { margin: 36px 0 0; text-align: center; padding: 18px 22px; background: var(--c-soft); border: 1px solid var(--c-border); border-radius: 12px; font-size: 15px; line-height: 1.55; color: var(--c-fg-2); }\n.fmstr-cmp-ffb-em__foot strong { color: var(--c-fg-1); font-weight: 600; }\n@media (max-width: 880px) {\n.fmstr-cmp-ffb-em { padding: 64px 18px; }\n.fmstr-cmp-ffb-em__grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 540px) {\n.fmstr-cmp-ffb-em__grid { grid-template-columns: 1fr; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-ffb-em\" id=\"embed-modes\">\n\u003Cdiv class=\"fmstr-cmp-ffb-em__container\">\n\u003Cdiv class=\"fmstr-cmp-ffb-em__header\">\n\u003Ch2 class=\"fmstr-cmp-ffb-em__h2\">Six embed modes, one for every spot on your site\u003C/h2>\n\u003Cp class=\"fmstr-cmp-ffb-em__sub\">A contact form belongs inline on the page. A newsletter belongs in a popup. A feedback prompt belongs in a side tab that stays out of the way. Formester ships all six so you do not have to pick a different tool for each job.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffb-em__grid\">\n\n\u003Cdiv class=\"fmstr-cmp-ffb-em__card\">\n\u003Cdiv class=\"fmstr-cmp-ffb-em__visual\">\n\u003Cdiv class=\"fmstr-cmp-ffb-em__page\">\u003Cdiv class=\"fmstr-cmp-ffb-em__page-bar\">\u003C/div>\u003Cdiv class=\"fmstr-cmp-ffb-em__page-bar fmstr-cmp-ffb-em__page-bar2\">\u003C/div>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-em__mock fmstr-cmp-ffb-em__inline\">INLINE FORM\u003Cbr>Drops into the page\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-em__body\">\n\u003Cspan class=\"fmstr-cmp-ffb-em__mode\">Inline\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-ffb-em__title\">Drops into the page like any other block\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffb-em__copy\">Renders inline where the snippet sits. Keeps its own styles inside the embed.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-ffb-em__best\">Best for: \u003Cstrong>contact, applications, signup blocks\u003C/strong>\u003C/span>\n\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffb-em__card\">\n\u003Cdiv class=\"fmstr-cmp-ffb-em__visual\">\n\u003Cdiv class=\"fmstr-cmp-ffb-em__page\">\u003Cdiv class=\"fmstr-cmp-ffb-em__page-bar\">\u003C/div>\u003Cdiv class=\"fmstr-cmp-ffb-em__page-bar fmstr-cmp-ffb-em__page-bar2\">\u003C/div>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-em__mock fmstr-cmp-ffb-em__popup\">POPUP\u003Cbr>Opens over the page\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-em__body\">\n\u003Cspan class=\"fmstr-cmp-ffb-em__mode\">Popup\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-ffb-em__title\">Opens over the page on click or after a delay\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffb-em__copy\">Trigger on click, scroll depth, time, or exit intent. Dimmed overlay behind.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-ffb-em__best\">Best for: \u003Cstrong>lead magnets, exit intent, gated downloads\u003C/strong>\u003C/span>\n\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffb-em__card\">\n\u003Cdiv class=\"fmstr-cmp-ffb-em__visual\">\n\u003Cdiv class=\"fmstr-cmp-ffb-em__page\">\u003Cdiv class=\"fmstr-cmp-ffb-em__page-bar\">\u003C/div>\u003Cdiv class=\"fmstr-cmp-ffb-em__page-bar fmstr-cmp-ffb-em__page-bar2\">\u003C/div>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-em__mock fmstr-cmp-ffb-em__side-tab\">FEEDBACK\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-em__body\">\n\u003Cspan class=\"fmstr-cmp-ffb-em__mode\">Side tab\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-ffb-em__title\">Anchored tab on the side, opens on click\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffb-em__copy\">Pinned to the page edge. Stays out of the reading flow until tapped.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-ffb-em__best\">Best for: \u003Cstrong>always-on feedback, support requests\u003C/strong>\u003C/span>\n\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffb-em__card\">\n\u003Cdiv class=\"fmstr-cmp-ffb-em__visual\">\n\u003Cdiv class=\"fmstr-cmp-ffb-em__page\">\u003Cdiv class=\"fmstr-cmp-ffb-em__page-bar\">\u003C/div>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-em__mock fmstr-cmp-ffb-em__sidebar\">SIDEBAR\u003Cbr>Slides in\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-em__body\">\n\u003Cspan class=\"fmstr-cmp-ffb-em__mode\">Sidebar\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-ffb-em__title\">Slides in from the edge of the screen\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffb-em__copy\">Animated drawer from left or right. Leaves the page visible behind it.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-ffb-em__best\">Best for: \u003Cstrong>beta signups, event RSVPs\u003C/strong>\u003C/span>\n\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffb-em__card\">\n\u003Cdiv class=\"fmstr-cmp-ffb-em__visual\">\n\u003Cdiv class=\"fmstr-cmp-ffb-em__page\">\u003Cdiv class=\"fmstr-cmp-ffb-em__page-bar\">\u003C/div>\u003Cdiv class=\"fmstr-cmp-ffb-em__page-bar fmstr-cmp-ffb-em__page-bar2\">\u003C/div>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-em__mock fmstr-cmp-ffb-em__popover\">POPOVER\u003Cbr>Floating card\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-em__body\">\n\u003Cspan class=\"fmstr-cmp-ffb-em__mode\">Popover\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-ffb-em__title\">Small floating card that pulls attention\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffb-em__copy\">Smaller than a popup. No overlay. Anchored to a button or page corner.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-ffb-em__best\">Best for: \u003Cstrong>onboarding nudges, one-question polls\u003C/strong>\u003C/span>\n\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffb-em__card\">\n\u003Cdiv class=\"fmstr-cmp-ffb-em__visual\">\n\u003Cdiv class=\"fmstr-cmp-ffb-em__mock fmstr-cmp-ffb-em__fullscreen\">FULLSCREEN\u003Cbr>Takes over viewport\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-em__body\">\n\u003Cspan class=\"fmstr-cmp-ffb-em__mode\">Fullscreen\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-ffb-em__title\">Takes over the full viewport when triggered\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffb-em__copy\">Immersive mode. One question at a time, like a survey landing page.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-ffb-em__best\">Best for: \u003Cstrong>survey landings, NPS asks, course intakes\u003C/strong>\u003C/span>\n\u003C/div>\n\u003C/div>\n\n\u003C/div>\n\n\u003Cp class=\"fmstr-cmp-ffb-em__foot\">\u003Cstrong>Every mode uses the same embed snippet.\u003C/strong> Switch modes from the dashboard, the live form on your site updates without you touching the code again.\u003C/p>\n\n\u003C/div>\n\u003C/section>\n",{"id":178,"__component":164,"markup":179,"useContainer":166},752,"\u003Cstyle>\n.fmstr-cmp-ffb-cms {\n--c-bg: #ffffff; --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-100: #ede4ff; --c-violet-500: #7f56d9; --c-violet-700: #5b34b1;\n--c-border: #eaecf0;\n--c-wp: #21759b; --c-webflow: #4353ff; --c-wix: #fbbf24; --c-square: #000000; --c-html: #e34c26;\nbackground: var(--c-soft); padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1);\n}\n.fmstr-cmp-ffb-cms *, .fmstr-cmp-ffb-cms *::before, .fmstr-cmp-ffb-cms *::after { box-sizing: border-box; }\n.fmstr-cmp-ffb-cms > *, .fmstr-cmp-ffb-cms > * > * { min-width: 0; }\n.fmstr-cmp-ffb-cms__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-ffb-cms__header { max-width: 760px; margin: 0 auto 48px; text-align: center; }\n.fmstr-cmp-ffb-cms__h2 { margin: 0 0 14px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-ffb-cms__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-ffb-cms__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }\n.fmstr-cmp-ffb-cms__card {\ndisplay: flex; flex-direction: column; gap: 14px; padding: 24px; background: #fff; border: 1px solid var(--c-border); border-radius: 16px;\ntransition: border-color .2s ease, transform .2s ease;\n}\n.fmstr-cmp-ffb-cms__card:hover { border-color: var(--c-edge); transform: translateY(-2px); }\n.fmstr-cmp-ffb-cms__cms-head { display: flex; align-items: center; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid var(--c-border); }\n.fmstr-cmp-ffb-cms__cms-mark { width: 36px; height: 36px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 14px; letter-spacing: -0.01em; flex-shrink: 0; }\n.fmstr-cmp-ffb-cms__cms-mark--wp { background: var(--c-wp); }\n.fmstr-cmp-ffb-cms__cms-mark--webflow { background: var(--c-webflow); }\n.fmstr-cmp-ffb-cms__cms-mark--wix { background: var(--c-wix); color: #1a1a1a; }\n.fmstr-cmp-ffb-cms__cms-mark--square { background: var(--c-square); }\n.fmstr-cmp-ffb-cms__cms-mark--html { background: var(--c-html); font-size: 11px; }\n.fmstr-cmp-ffb-cms__cms-name { font-size: 17px; font-weight: 700; color: var(--c-fg-1); margin: 0; line-height: 1; }\n.fmstr-cmp-ffb-cms__cms-meta { font-size: 12px; color: var(--c-fg-3); margin: 4px 0 0; font-weight: 500; }\n.fmstr-cmp-ffb-cms__steps { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }\n.fmstr-cmp-ffb-cms__step { display: flex; gap: 12px; align-items: flex-start; font-size: 14.5px; line-height: 1.55; color: var(--c-fg-2); }\n.fmstr-cmp-ffb-cms__step-num {\ndisplay: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%;\nbackground: var(--c-tint); color: var(--c-violet-700); font-weight: 800; font-size: 11.5px; flex-shrink: 0; margin-top: 1px;\n}\n.fmstr-cmp-ffb-cms__step strong { color: var(--c-fg-1); font-weight: 600; }\n.fmstr-cmp-ffb-cms__note { font-size: 13.5px; color: var(--c-fg-3); line-height: 1.5; margin: 4px 0 0; padding: 10px 12px; background: var(--c-soft); border-left: 3px solid var(--c-edge); border-radius: 6px; }\n.fmstr-cmp-ffb-cms__card--full { grid-column: 1 / -1; }\n@media (max-width: 720px) {\n.fmstr-cmp-ffb-cms { padding: 64px 18px; }\n.fmstr-cmp-ffb-cms__grid { grid-template-columns: 1fr; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-ffb-cms\">\n\u003Cdiv class=\"fmstr-cmp-ffb-cms__container\">\n\u003Cdiv class=\"fmstr-cmp-ffb-cms__header\">\n\u003Ch2 class=\"fmstr-cmp-ffb-cms__h2\">Embed on your site in 3 minutes, on any CMS\u003C/h2>\n\u003Cp class=\"fmstr-cmp-ffb-cms__sub\">Build the form, grab the snippet, paste it where you want it to appear. Hit publish. Done.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-cms__grid\">\n\n\u003Cdiv class=\"fmstr-cmp-ffb-cms__card\">\n\u003Cdiv class=\"fmstr-cmp-ffb-cms__cms-head\">\n\u003Cspan class=\"fmstr-cmp-ffb-cms__cms-mark fmstr-cmp-ffb-cms__cms-mark--wp\">W\u003C/span>\n\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-ffb-cms__cms-name\">\u003Ca href=\"https://formester.com/plugins/wordpress/\" style=\"color: inherit !important; text-decoration: none !important;\">WordPress\u003C/a>\u003C/h3>\u003Cp class=\"fmstr-cmp-ffb-cms__cms-meta\">Gutenberg · Classic · Elementor · Divi\u003C/p>\u003C/div>\n\u003C/div>\n\u003Col class=\"fmstr-cmp-ffb-cms__steps\">\n\u003Cli class=\"fmstr-cmp-ffb-cms__step\">\u003Cspan class=\"fmstr-cmp-ffb-cms__step-num\">1\u003C/span>Copy the embed snippet from your Formester dashboard.\u003C/li>\n\u003Cli class=\"fmstr-cmp-ffb-cms__step\">\u003Cspan class=\"fmstr-cmp-ffb-cms__step-num\">2\u003C/span>Edit the page and add a \u003Cstrong>Custom HTML\u003C/strong> block.\u003C/li>\n\u003Cli class=\"fmstr-cmp-ffb-cms__step\">\u003Cspan class=\"fmstr-cmp-ffb-cms__step-num\">3\u003C/span>Paste the snippet, save, publish.\u003C/li>\n\u003C/ol>\n\u003Cp class=\"fmstr-cmp-ffb-cms__note\">The form keeps its styles, the page keeps its layout. Works on Gutenberg, classic editor, Elementor, and Divi.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffb-cms__card\">\n\u003Cdiv class=\"fmstr-cmp-ffb-cms__cms-head\">\n\u003Cspan class=\"fmstr-cmp-ffb-cms__cms-mark fmstr-cmp-ffb-cms__cms-mark--webflow\">W\u003C/span>\n\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-ffb-cms__cms-name\">\u003Ca href=\"https://formester.com/plugins/webflow/\" style=\"color: inherit !important; text-decoration: none !important;\">Webflow\u003C/a>\u003C/h3>\u003Cp class=\"fmstr-cmp-ffb-cms__cms-meta\">Native Embed element\u003C/p>\u003C/div>\n\u003C/div>\n\u003Col class=\"fmstr-cmp-ffb-cms__steps\">\n\u003Cli class=\"fmstr-cmp-ffb-cms__step\">\u003Cspan class=\"fmstr-cmp-ffb-cms__step-num\">1\u003C/span>Copy the snippet.\u003C/li>\n\u003Cli class=\"fmstr-cmp-ffb-cms__step\">\u003Cspan class=\"fmstr-cmp-ffb-cms__step-num\">2\u003C/span>Drop an \u003Cstrong>Embed\u003C/strong> element where you want the form.\u003C/li>\n\u003Cli class=\"fmstr-cmp-ffb-cms__step\">\u003Cspan class=\"fmstr-cmp-ffb-cms__step-num\">3\u003C/span>Paste, publish.\u003C/li>\n\u003C/ol>\n\u003Cp class=\"fmstr-cmp-ffb-cms__note\">The form sits inside your Webflow grid like a native component.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffb-cms__card\">\n\u003Cdiv class=\"fmstr-cmp-ffb-cms__cms-head\">\n\u003Cspan class=\"fmstr-cmp-ffb-cms__cms-mark fmstr-cmp-ffb-cms__cms-mark--wix\">W\u003C/span>\n\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-ffb-cms__cms-name\">Wix\u003C/h3>\u003Cp class=\"fmstr-cmp-ffb-cms__cms-meta\">Embed Code element\u003C/p>\u003C/div>\n\u003C/div>\n\u003Col class=\"fmstr-cmp-ffb-cms__steps\">\n\u003Cli class=\"fmstr-cmp-ffb-cms__step\">\u003Cspan class=\"fmstr-cmp-ffb-cms__step-num\">1\u003C/span>Copy the snippet.\u003C/li>\n\u003Cli class=\"fmstr-cmp-ffb-cms__step\">\u003Cspan class=\"fmstr-cmp-ffb-cms__step-num\">2\u003C/span>Add an \u003Cstrong>Embed Code\u003C/strong> element (Add → More → Embed HTML).\u003C/li>\n\u003Cli class=\"fmstr-cmp-ffb-cms__step\">\u003Cspan class=\"fmstr-cmp-ffb-cms__step-num\">3\u003C/span>Paste and publish.\u003C/li>\n\u003C/ol>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffb-cms__card\">\n\u003Cdiv class=\"fmstr-cmp-ffb-cms__cms-head\">\n\u003Cspan class=\"fmstr-cmp-ffb-cms__cms-mark fmstr-cmp-ffb-cms__cms-mark--square\">S\u003C/span>\n\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-ffb-cms__cms-name\">Squarespace\u003C/h3>\u003Cp class=\"fmstr-cmp-ffb-cms__cms-meta\">Code Block\u003C/p>\u003C/div>\n\u003C/div>\n\u003Col class=\"fmstr-cmp-ffb-cms__steps\">\n\u003Cli class=\"fmstr-cmp-ffb-cms__step\">\u003Cspan class=\"fmstr-cmp-ffb-cms__step-num\">1\u003C/span>Copy the snippet.\u003C/li>\n\u003Cli class=\"fmstr-cmp-ffb-cms__step\">\u003Cspan class=\"fmstr-cmp-ffb-cms__step-num\">2\u003C/span>Add a \u003Cstrong>Code Block\u003C/strong> to the page.\u003C/li>\n\u003Cli class=\"fmstr-cmp-ffb-cms__step\">\u003Cspan class=\"fmstr-cmp-ffb-cms__step-num\">3\u003C/span>Paste, save, publish.\u003C/li>\n\u003C/ol>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffb-cms__card fmstr-cmp-ffb-cms__card--full\">\n\u003Cdiv class=\"fmstr-cmp-ffb-cms__cms-head\">\n\u003Cspan class=\"fmstr-cmp-ffb-cms__cms-mark fmstr-cmp-ffb-cms__cms-mark--html\"></>\u003C/span>\n\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-ffb-cms__cms-name\">Plain HTML, or any other site\u003C/h3>\u003Cp class=\"fmstr-cmp-ffb-cms__cms-meta\">GoDaddy · Carrd · Notion · static · internal tools\u003C/p>\u003C/div>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-ffb-cms__step\" style=\"font-size: 15px; color: var(--c-fg-2); margin: 0;\">Drop the snippet between the \u003Ccode style=\"background: var(--c-soft); padding: 2px 6px; border-radius: 4px; font-size: 13px; color: var(--c-violet-700);\"><body>\u003C/code> tags wherever you want the form. That is it. GoDaddy, Carrd, Notion sites with custom domains, static site generators, internal tools, all handled.\u003C/p>\n\u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",{"id":181,"__component":164,"markup":182,"useContainer":166},753,"\u003Cstyle>\n.fmstr-cmp-ffb-whats a { text-decoration: none !important; }\n.fmstr-cmp-ffb-whats {\n--c-bg: #ffffff; --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-100: #ede4ff; --c-violet-500: #7f56d9; --c-violet-700: #5b34b1;\n--c-success: #12b76a; --c-danger: #f04438; --c-border: #eaecf0;\n--c-shadow-md: 0 8px 24px rgba(16,24,40,.08);\nbackground: #fff; padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1);\n}\n.fmstr-cmp-ffb-whats *, .fmstr-cmp-ffb-whats *::before, .fmstr-cmp-ffb-whats *::after { box-sizing: border-box; }\n.fmstr-cmp-ffb-whats > *, .fmstr-cmp-ffb-whats > * > * { min-width: 0; }\n.fmstr-cmp-ffb-whats__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-ffb-whats__intro { display: grid; grid-template-columns: 1fr 1.05fr; gap: 56px; align-items: center; margin-bottom: 56px; }\n.fmstr-cmp-ffb-whats__copy h2 { margin: 0 0 18px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-ffb-whats__copy p { margin: 0 0 16px; font-size: 16.5px; line-height: 1.65; color: var(--c-fg-2); }\n.fmstr-cmp-ffb-whats__copy p:last-child { margin-bottom: 0; }\n.fmstr-cmp-ffb-whats__copy p strong { color: var(--c-fg-1); font-weight: 600; }\n.fmstr-cmp-ffb-whats__panel {\nbackground: linear-gradient(135deg, var(--c-tint) 0%, #fff 100%); border: 1px solid var(--c-edge); border-radius: 18px; padding: 26px; box-shadow: var(--c-shadow-md);\n}\n.fmstr-cmp-ffb-whats__panel-h { display: flex; align-items: center; gap: 10px; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px dashed rgba(91,52,177,.18); }\n.fmstr-cmp-ffb-whats__panel-h-pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: #fff; border: 1px solid var(--c-edge); font-size: 12px; font-weight: 800; color: var(--c-violet-700); text-transform: uppercase; letter-spacing: 0.06em; }\n.fmstr-cmp-ffb-whats__panel-h-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--c-success); box-shadow: 0 0 0 3px rgba(18,183,106,.18); }\n.fmstr-cmp-ffb-whats__panel-h-meta { font-size: 13px; color: var(--c-fg-3); font-weight: 600; margin-left: auto; }\n.fmstr-cmp-ffb-whats__list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px; }\n.fmstr-cmp-ffb-whats__item { display: flex; align-items: flex-start; gap: 8px; font-size: 14px; line-height: 1.45; color: var(--c-fg-1); }\n.fmstr-cmp-ffb-whats__item svg { flex-shrink: 0; width: 16px; height: 16px; color: var(--c-success); margin-top: 1px; }\n.fmstr-cmp-ffb-whats__foot { margin: 20px 0 0; padding-top: 16px; border-top: 1px dashed rgba(91,52,177,.18); font-size: 13.5px; line-height: 1.5; color: var(--c-fg-3); }\n.fmstr-cmp-ffb-whats__foot strong { color: var(--c-fg-1); font-weight: 600; }\n.fmstr-cmp-ffb-whats__foot a { color: var(--c-violet-700); border-bottom: 1px solid var(--c-violet-300); }\n\n@media (max-width: 980px) {\n.fmstr-cmp-ffb-whats__intro { grid-template-columns: 1fr; gap: 32px; }\n}\n@media (max-width: 600px) {\n.fmstr-cmp-ffb-whats { padding: 64px 18px; }\n.fmstr-cmp-ffb-whats__list { grid-template-columns: 1fr; }\n.fmstr-cmp-ffb-whats__panel { padding: 20px; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-ffb-whats\">\n\u003Cdiv class=\"fmstr-cmp-ffb-whats__container\">\n\u003Cdiv class=\"fmstr-cmp-ffb-whats__intro\">\n\u003Cdiv class=\"fmstr-cmp-ffb-whats__copy\">\n\u003Ch2>What you get on the free plan\u003C/h2>\n\u003Cp>No trial timer, no card on signup, \u003Cstrong>no surprise paywall on field types\u003C/strong>. Here is the exact line.\u003C/p>\n\u003Cp>Formester branding shows on the form on the free plan. Remove it on the Personal plan at \u003Ca href=\"https://formester.com/pricing/\" style=\"color: var(--c-violet-700); border-bottom: 1px solid var(--c-violet-300);\">$12 a month\u003C/a>.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-whats__panel\">\n\u003Cdiv class=\"fmstr-cmp-ffb-whats__panel-h\">\n\u003Cspan class=\"fmstr-cmp-ffb-whats__panel-h-pill\">\u003Cspan class=\"fmstr-cmp-ffb-whats__panel-h-dot\">\u003C/span>Free plan\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffb-whats__panel-h-meta\">$0 / month forever\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-whats__list\">\n\u003Cdiv class=\"fmstr-cmp-ffb-whats__item\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>100 form responses per month, every month\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-whats__item\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>Unlimited forms, build as many as you need\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-whats__item\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003Ca href=\"https://formester.com/ai-form-generator/\" style=\"color: inherit;\">AI form generator\u003C/a> from a prompt, PDF, or list\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-whats__item\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>Every field type: file upload, signature, payment, scheduler\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-whats__item\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>All six embed modes\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-whats__item\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>Card-style and one-question-at-a-time layouts\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-whats__item\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>Quiz auto-scoring with pass/fail thresholds\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-whats__item\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>Drop-off analytics, completion rate, time spent\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-whats__item\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>CSV export of every submission\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-whats__item\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>Payment collection through Stripe and PayPal\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-whats__item\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>Slack and email notifications on every response\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",{"id":184,"__component":164,"markup":185,"useContainer":166},754,"\u003Cstyle>\n.fmstr-cmp-ffb-uc a { text-decoration: none !important; }\n.fmstr-cmp-ffb-uc {\n--c-bg: #ffffff; --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-100: #ede4ff; --c-violet-500: #7f56d9; --c-violet-700: #5b34b1;\n--c-border: #eaecf0;\nbackground: var(--c-soft); padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1);\n}\n.fmstr-cmp-ffb-uc *, .fmstr-cmp-ffb-uc *::before, .fmstr-cmp-ffb-uc *::after { box-sizing: border-box; }\n.fmstr-cmp-ffb-uc > *, .fmstr-cmp-ffb-uc > * > * { min-width: 0; }\n.fmstr-cmp-ffb-uc__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-ffb-uc__header { max-width: 760px; margin: 0 auto 48px; text-align: center; }\n.fmstr-cmp-ffb-uc__h2 { margin: 0 0 14px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-ffb-uc__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-ffb-uc__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n.fmstr-cmp-ffb-uc__card {\ndisplay: flex; flex-direction: column; gap: 10px; background: #fff; border: 1px solid var(--c-border); border-radius: 16px; padding: 22px;\ntransition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;\n}\n.fmstr-cmp-ffb-uc__card:hover { border-color: var(--c-edge); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(16,24,40,.07); }\n.fmstr-cmp-ffb-uc__card-head { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }\n.fmstr-cmp-ffb-uc__card-icon { width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; }\n.fmstr-cmp-ffb-uc__card-icon svg { width: 18px; height: 18px; }\n.fmstr-cmp-ffb-uc__card-icon--saas { background: linear-gradient(135deg, #7f56d9, #5b34b1); }\n.fmstr-cmp-ffb-uc__card-icon--food { background: linear-gradient(135deg, #f59e0b, #d97706); }\n.fmstr-cmp-ffb-uc__card-icon--photo { background: linear-gradient(135deg, #ec4899, #be185d); }\n.fmstr-cmp-ffb-uc__card-icon--agency { background: linear-gradient(135deg, #06b6d4, #0891b2); }\n.fmstr-cmp-ffb-uc__card-icon--course { background: linear-gradient(135deg, #10b981, #059669); }\n.fmstr-cmp-ffb-uc__card-icon--free { background: linear-gradient(135deg, #6366f1, #4338ca); }\n.fmstr-cmp-ffb-uc__card-title { margin: 0; font-size: 16px; font-weight: 700; color: var(--c-fg-1); line-height: 1.3; }\n.fmstr-cmp-ffb-uc__card-body { margin: 0; font-size: 14px; line-height: 1.55; color: var(--c-fg-2); }\n.fmstr-cmp-ffb-uc__card-body a { color: var(--c-violet-700); border-bottom: 1px solid var(--c-violet-300); }\n@media (max-width: 880px) {\n.fmstr-cmp-ffb-uc { padding: 64px 18px; }\n.fmstr-cmp-ffb-uc__grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 540px) {\n.fmstr-cmp-ffb-uc__grid { grid-template-columns: 1fr; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-ffb-uc\">\n\u003Cdiv class=\"fmstr-cmp-ffb-uc__container\">\n\u003Cdiv class=\"fmstr-cmp-ffb-uc__header\">\n\u003Ch2 class=\"fmstr-cmp-ffb-uc__h2\">What the free plan covers, with room to spare\u003C/h2>\n\u003Cp class=\"fmstr-cmp-ffb-uc__sub\">100 responses a month is not a demo limit. It is enough to run a real form for a real business.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-uc__grid\">\n\u003Cdiv class=\"fmstr-cmp-ffb-uc__card\">\n\u003Cdiv class=\"fmstr-cmp-ffb-uc__card-head\">\n\u003Cspan class=\"fmstr-cmp-ffb-uc__card-icon fmstr-cmp-ffb-uc__card-icon--saas\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"/>\u003Cpath d=\"M3 9h18M9 21V9\"/>\u003C/svg>\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-ffb-uc__card-title\">SaaS waitlist\u003C/h3>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-ffb-uc__card-body\">Inline signup on the landing page, Slack ping on every new lead, CSV export to your founder email weekly.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-uc__card\">\n\u003Cdiv class=\"fmstr-cmp-ffb-uc__card-head\">\n\u003Cspan class=\"fmstr-cmp-ffb-uc__card-icon fmstr-cmp-ffb-uc__card-icon--food\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M18 8a6 6 0 0 1-12 0M6 8h12v12H6zM10 2v3M14 2v3\"/>\u003C/svg>\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-ffb-uc__card-title\">Restaurant feedback\u003C/h3>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-ffb-uc__card-body\">QR code on the receipt, mobile-first form, 100 submissions covers a month of dinner service comfortably.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-uc__card\">\n\u003Cdiv class=\"fmstr-cmp-ffb-uc__card-head\">\n\u003Cspan class=\"fmstr-cmp-ffb-uc__card-icon fmstr-cmp-ffb-uc__card-icon--photo\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"2\" y=\"6\" width=\"20\" height=\"14\" rx=\"2\"/>\u003Ccircle cx=\"12\" cy=\"13\" r=\"3.5\"/>\u003Cpath d=\"M9 6l1.5-2.5h3L15 6\"/>\u003C/svg>\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-ffb-uc__card-title\">Photographer inquiry\u003C/h3>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-ffb-uc__card-body\">Side tab on the portfolio site, file upload field for reference images, payment field for the deposit.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-uc__card\">\n\u003Cdiv class=\"fmstr-cmp-ffb-uc__card-head\">\n\u003Cspan class=\"fmstr-cmp-ffb-uc__card-icon fmstr-cmp-ffb-uc__card-icon--agency\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\"/>\u003Cpath d=\"M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18\"/>\u003C/svg>\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-ffb-uc__card-title\">Agency contact form\u003C/h3>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-ffb-uc__card-body\">Popup on exit intent, conditional fields by project type, leads land in \u003Ca href=\"https://formester.com/integrations/hubspot/\">HubSpot\u003C/a> through the native integration.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-uc__card\">\n\u003Cdiv class=\"fmstr-cmp-ffb-uc__card-head\">\n\u003Cspan class=\"fmstr-cmp-ffb-uc__card-icon fmstr-cmp-ffb-uc__card-icon--course\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M3 9l9-6 9 6-9 6z\"/>\u003Cpath d=\"M3 9v6l9 6 9-6V9\"/>\u003C/svg>\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-ffb-uc__card-title\">Course or workshop signup\u003C/h3>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-ffb-uc__card-body\">Card-style form with payment, Stripe handles the checkout, drop-off analytics show where people quit.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-uc__card\">\n\u003Cdiv class=\"fmstr-cmp-ffb-uc__card-head\">\n\u003Cspan class=\"fmstr-cmp-ffb-uc__card-icon fmstr-cmp-ffb-uc__card-icon--free\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z\"/>\u003Cpath d=\"M14 3v6h6M9 13h6M9 17h4\"/>\u003C/svg>\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-ffb-uc__card-title\">Freelance intake\u003C/h3>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-ffb-uc__card-body\">Long-form questionnaire, one question per page, PDF copy of the submission sent back to the client automatically.\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",{"id":187,"__component":164,"markup":188,"useContainer":166},756,"\u003Cstyle>\n.fmstr-cmp-ffb-cmp {\n--c-bg: #ffffff; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-100: #ede4ff; --c-violet-700: #5b34b1;\n--c-border: #eaecf0;\nbackground: #fff; padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1);\n}\n.fmstr-cmp-ffb-cmp *, .fmstr-cmp-ffb-cmp *::before, .fmstr-cmp-ffb-cmp *::after { box-sizing: border-box; }\n.fmstr-cmp-ffb-cmp > *, .fmstr-cmp-ffb-cmp > * > * { min-width: 0; }\n.fmstr-cmp-ffb-cmp__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-ffb-cmp__header { max-width: 800px; margin: 0 auto 40px; text-align: center; }\n.fmstr-cmp-ffb-cmp__h2 { margin: 0 0 14px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-ffb-cmp__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-ffb-cmp__scroll { overflow-x: auto; border: 1px solid var(--c-border); border-radius: 16px; box-shadow: 0 1px 3px rgba(16,24,40,.04); }\n.fmstr-cmp-ffb-cmp__table { width: 100%; border-collapse: collapse; min-width: 760px; font-size: 14.5px; }\n.fmstr-cmp-ffb-cmp__table thead th { text-align: left; padding: 16px 18px; font-size: 13px; font-weight: 700; color: var(--c-fg-1); background: #f9fafb; border-bottom: 1px solid var(--c-border); white-space: nowrap; }\n.fmstr-cmp-ffb-cmp__table thead th.fmstr-cmp-ffb-cmp__col-us { background: var(--c-tint); color: var(--c-violet-700); }\n.fmstr-cmp-ffb-cmp__table tbody td { padding: 14px 18px; border-bottom: 1px solid var(--c-border); color: var(--c-fg-2); vertical-align: top; }\n.fmstr-cmp-ffb-cmp__table tbody tr:last-child td { border-bottom: none; }\n.fmstr-cmp-ffb-cmp__table tbody td:first-child { font-weight: 700; color: var(--c-fg-1); }\n.fmstr-cmp-ffb-cmp__table tbody td.fmstr-cmp-ffb-cmp__col-us { background: #fcfaff; color: var(--c-fg-1); font-weight: 500; }\n.fmstr-cmp-ffb-cmp__src { font-size: 13px; line-height: 1.6; color: var(--c-fg-3); margin: 18px 0 0; }\n@media (max-width: 720px) {\n.fmstr-cmp-ffb-cmp { padding: 64px 16px; }\n.fmstr-cmp-ffb-cmp__table { font-size: 13.5px; }\n.fmstr-cmp-ffb-cmp__table thead th, .fmstr-cmp-ffb-cmp__table tbody td { padding: 12px 14px; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-ffb-cmp\">\n\u003Cdiv class=\"fmstr-cmp-ffb-cmp__container\">\n\u003Cdiv class=\"fmstr-cmp-ffb-cmp__header\">\n\u003Ch2 class=\"fmstr-cmp-ffb-cmp__h2\">Formester vs Google Forms vs Jotform vs forms.app, on the free tier\u003C/h2>\n\u003Cp class=\"fmstr-cmp-ffb-cmp__sub\">The four free plans most people compare when they need an embedded website form. Everything below is the free tier, not the paid plan.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-cmp__scroll\">\n\u003Ctable class=\"fmstr-cmp-ffb-cmp__table\">\n\u003Cthead>\n\u003Ctr>\u003Cth>Feature\u003C/th>\u003Cth class=\"fmstr-cmp-ffb-cmp__col-us\">Formester Free\u003C/th>\u003Cth>Google Forms\u003C/th>\u003Cth>Jotform Free\u003C/th>\u003Cth>forms.app Free\u003C/th>\u003C/tr>\n\u003C/thead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>Monthly responses\u003C/td>\u003Ctd class=\"fmstr-cmp-ffb-cmp__col-us\">100\u003C/td>\u003Ctd>Unlimited (bounded by Drive)\u003C/td>\u003Ctd>100\u003C/td>\u003Ctd>100\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>Forms\u003C/td>\u003Ctd class=\"fmstr-cmp-ffb-cmp__col-us\">Unlimited\u003C/td>\u003Ctd>Unlimited\u003C/td>\u003Ctd>5\u003C/td>\u003Ctd>Unlimited\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>Embed on your own site\u003C/td>\u003Ctd class=\"fmstr-cmp-ffb-cmp__col-us\">Six modes (inline, popup, side tab, sidebar, popover, fullscreen)\u003C/td>\u003Ctd>Inline iframe only\u003C/td>\u003Ctd>Inline, popup, lightbox\u003C/td>\u003Ctd>Inline, popup\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>AI form generator\u003C/td>\u003Ctd class=\"fmstr-cmp-ffb-cmp__col-us\">Yes, on free\u003C/td>\u003Ctd>No\u003C/td>\u003Ctd>Partial (paid tiers)\u003C/td>\u003Ctd>Yes, on free\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>Payment collection\u003C/td>\u003Ctd class=\"fmstr-cmp-ffb-cmp__col-us\">Stripe and PayPal on free\u003C/td>\u003Ctd>No native\u003C/td>\u003Ctd>Paid plans only\u003C/td>\u003Ctd>Yes on free\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>Branding on the form\u003C/td>\u003Ctd class=\"fmstr-cmp-ffb-cmp__col-us\">Formester branding shown\u003C/td>\u003Ctd>Powered by Google\u003C/td>\u003Ctd>Jotform branding\u003C/td>\u003Ctd>forms.app branding\u003C/td>\u003C/tr>\n\u003C/tbody>\n\u003C/table>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-ffb-cmp__src\">Sources: pricing pages of each vendor as of 2026-06 and the Formester pricing page.\u003C/p>\n\u003C/div>\n\u003C/section>\n",{"id":190,"__component":164,"markup":191,"useContainer":166},755,"\u003Cstyle>\n.fmstr-cmp-ffb-up {\n--c-bg: #ffffff; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-100: #ede4ff; --c-violet-500: #7f56d9; --c-violet-700: #5b34b1;\n--c-border: #eaecf0;\nbackground: var(--c-soft, #f9fafb); padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1);\n}\n.fmstr-cmp-ffb-up *, .fmstr-cmp-ffb-up *::before, .fmstr-cmp-ffb-up *::after { box-sizing: border-box; }\n.fmstr-cmp-ffb-up > *, .fmstr-cmp-ffb-up > * > * { min-width: 0; }\n.fmstr-cmp-ffb-up__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-ffb-up__header { max-width: 760px; margin: 0 auto 48px; text-align: center; }\n.fmstr-cmp-ffb-up__h2 { margin: 0 0 14px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-ffb-up__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-ffb-up__list { display: grid; grid-template-columns: 1fr; gap: 14px; max-width: 880px; margin: 0 auto; }\n.fmstr-cmp-ffb-up__row { display: grid; grid-template-columns: 60px 1fr 110px; gap: 22px; align-items: center; padding: 22px 26px; background: #fff; border: 1px solid var(--c-border); border-radius: 14px; transition: border-color .2s ease; }\n.fmstr-cmp-ffb-up__row:hover { border-color: var(--c-edge); }\n.fmstr-cmp-ffb-up__num { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px; background: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700)); color: #fff; font-weight: 700; font-size: 18px; flex-shrink: 0; }\n.fmstr-cmp-ffb-up__body { display: flex; flex-direction: column; gap: 6px; }\n.fmstr-cmp-ffb-up__title { margin: 0; font-size: 16.5px; font-weight: 700; color: var(--c-fg-1); line-height: 1.35; }\n.fmstr-cmp-ffb-up__copy { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--c-fg-2); }\n.fmstr-cmp-ffb-up__plan { padding: 6px 12px; border-radius: 999px; background: var(--c-tint); color: var(--c-violet-700); font-size: 12.5px; font-weight: 700; text-align: center; }\n.fmstr-cmp-ffb-up__final { margin: 28px auto 0; max-width: 880px; padding: 18px 22px; background: #fff; border: 1px dashed var(--c-edge); border-radius: 12px; font-size: 14.5px; color: var(--c-fg-2); line-height: 1.55; text-align: center; }\n.fmstr-cmp-ffb-up__final strong { color: var(--c-fg-1); font-weight: 600; }\n@media (max-width: 640px) {\n.fmstr-cmp-ffb-up { padding: 64px 18px; }\n.fmstr-cmp-ffb-up__row { grid-template-columns: 1fr; gap: 12px; padding: 20px; }\n.fmstr-cmp-ffb-up__plan { justify-self: flex-start; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-ffb-up\">\n\u003Cdiv class=\"fmstr-cmp-ffb-up__container\">\n\u003Cdiv class=\"fmstr-cmp-ffb-up__header\">\n\u003Ch2 class=\"fmstr-cmp-ffb-up__h2\">When to upgrade, and what changes\u003C/h2>\n\u003Cp class=\"fmstr-cmp-ffb-up__sub\">Most people stay on the free plan for months. Some hit one of these walls and move up.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-up__list\">\n\u003Cdiv class=\"fmstr-cmp-ffb-up__row\">\n\u003Cspan class=\"fmstr-cmp-ffb-up__num\">1\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-ffb-up__body\">\n\u003Ch3 class=\"fmstr-cmp-ffb-up__title\">You cross 100 responses a month\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffb-up__copy\">Personal at $12/month lifts the cap to 1,000.\u003C/p>\n\u003C/div>\n\u003Cspan class=\"fmstr-cmp-ffb-up__plan\">PERSONAL · $12/mo\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-up__row\">\n\u003Cspan class=\"fmstr-cmp-ffb-up__num\">2\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-ffb-up__body\">\n\u003Ch3 class=\"fmstr-cmp-ffb-up__title\">You need to remove Formester branding\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffb-up__copy\">Personal removes it on every form, every embed mode.\u003C/p>\n\u003C/div>\n\u003Cspan class=\"fmstr-cmp-ffb-up__plan\">PERSONAL · $12/mo\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-up__row\">\n\u003Cspan class=\"fmstr-cmp-ffb-up__num\">3\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-ffb-up__body\">\n\u003Ch3 class=\"fmstr-cmp-ffb-up__title\">You need conditional logic, redirect on completion, GTM and GA4\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffb-up__copy\">All on Personal.\u003C/p>\n\u003C/div>\n\u003Cspan class=\"fmstr-cmp-ffb-up__plan\">PERSONAL · $12/mo\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-up__row\">\n\u003Cspan class=\"fmstr-cmp-ffb-up__num\">4\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-ffb-up__body\">\n\u003Ch3 class=\"fmstr-cmp-ffb-up__title\">You need the API, PDF exports, or a team\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffb-up__copy\">Business at $45/month covers it, with 15,000 responses and 50 GB of file storage.\u003C/p>\n\u003C/div>\n\u003Cspan class=\"fmstr-cmp-ffb-up__plan\">BUSINESS · $45/mo\u003C/span>\n\u003C/div>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-ffb-up__final\">\u003Cstrong>No feature gate on field types, no trial that quietly disables your form.\u003C/strong> The free plan is a real product.\u003C/p>\n\u003C/div>\n\u003C/section>\n",{"id":193,"__component":164,"markup":194,"useContainer":166},771,"\u003Cdiv class=\"raw-html-embed\">\u003Cstyle>\n.fmstr-cmp-testimonials a { text-decoration: none !important; }\n\n.fmstr-cmp-testimonials {\n--c-bg: #ffffff;\n--c-soft: #f9fafb;\n--c-tint: #f7f3ff;\n--c-edge: #e4d7ff;\n--c-fg-1: #101828;\n--c-fg-2: #475467;\n--c-fg-3: #697586;\n--c-violet-500: #7f56d9;\n--c-violet-600: #6941c6;\n--c-violet-700: #5b34b1;\n--c-amber-400: #fdc022;\n--c-border: #eaecf0;\n--c-shadow-sm: 0 1px 3px rgba(16,24,40,.05), 0 1px 2px rgba(16,24,40,.03);\n--c-shadow-md: 0 8px 24px rgba(16,24,40,.08);\n\nbackground: var(--c-bg);\npadding: 88px 0;\nfont-family: inherit;\noverflow-x: hidden;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-testimonials *, .fmstr-cmp-testimonials *::before, .fmstr-cmp-testimonials *::after { box-sizing: border-box; }\n.fmstr-cmp-testimonials > *, .fmstr-cmp-testimonials > * > * { min-width: 0; }\n\n.fmstr-cmp-testimonials__container { max-width: 1180px; margin: 0 auto; padding: 0 24px; }\n\n.fmstr-cmp-testimonials__header { max-width: 820px; margin: 0 auto 48px; text-align: center; }\n.fmstr-cmp-testimonials__eyebrow {\ndisplay: inline-block;\npadding: 4px 12px;\nmargin-bottom: 16px;\nbackground: var(--c-tint);\nborder-radius: 9999px;\nfont-size: 12px;\nfont-weight: 700;\nletter-spacing: 0.08em;\ntext-transform: uppercase;\ncolor: var(--c-violet-700);\n}\n.fmstr-cmp-testimonials__h2 { margin: 0 0 14px; font-size: clamp(28px, 3.6vw, 42px); line-height: 1.12; letter-spacing: -0.02em; font-weight: 700; color: var(--c-fg-1); }\n.fmstr-cmp-testimonials__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n\n/* Aggregate ratings strip */\n.fmstr-cmp-testimonials__agg {\ndisplay: inline-flex;\nalign-items: center;\ngap: 28px;\nmargin-top: 22px;\npadding: 12px 22px;\nbackground: #ffffff;\nborder: 1px solid var(--c-border);\nborder-radius: 14px;\nbox-shadow: var(--c-shadow-sm);\nflex-wrap: wrap;\njustify-content: center;\n}\n.fmstr-cmp-testimonials__agg-item {\ndisplay: inline-flex; align-items: center; gap: 8px;\nfont-size: 12.5px;\ncolor: var(--c-fg-2);\n}\n.fmstr-cmp-testimonials__agg-stars { color: var(--c-amber-400); display: inline-flex; gap: 1px; }\n.fmstr-cmp-testimonials__agg-rating { font-weight: 700; color: var(--c-fg-1); }\n.fmstr-cmp-testimonials__agg-src { color: var(--c-fg-3); font-weight: 600; }\n.fmstr-cmp-testimonials__agg-divider {\nwidth: 1px; height: 18px;\nbackground: var(--c-border);\n}\n\n/* Marquee tracks */\n.fmstr-cmp-testimonials__tracks {\ndisplay: flex; flex-direction: column;\ngap: 18px;\nposition: relative;\n}\n.fmstr-cmp-testimonials__track {\noverflow: hidden;\nmask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);\n-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);\n}\n.fmstr-cmp-testimonials__row {\ndisplay: flex;\ngap: 18px;\nwidth: max-content;\nanimation: fmstr-cmp-testimonials-marquee 48s linear infinite;\nwill-change: transform;\n}\n.fmstr-cmp-testimonials__row--reverse {\nanimation: fmstr-cmp-testimonials-marquee-reverse 56s linear infinite;\n}\n.fmstr-cmp-testimonials__track:hover .fmstr-cmp-testimonials__row,\n.fmstr-cmp-testimonials__track:focus-within .fmstr-cmp-testimonials__row {\nanimation-play-state: paused;\n}\n@keyframes fmstr-cmp-testimonials-marquee {\n0% { transform: translateX(0); }\n100% { transform: translateX(-50%); }\n}\n@keyframes fmstr-cmp-testimonials-marquee-reverse {\n0% { transform: translateX(-50%); }\n100% { transform: translateX(0); }\n}\n@media (prefers-reduced-motion: reduce) {\n.fmstr-cmp-testimonials__row, .fmstr-cmp-testimonials__row--reverse { animation: none; }\n.fmstr-cmp-testimonials__track { mask-image: none; -webkit-mask-image: none; overflow-x: auto; padding-bottom: 8px; }\n}\n\n/* Card */\n.fmstr-cmp-testimonials__card {\nflex-shrink: 0;\nwidth: 360px;\ndisplay: flex; flex-direction: column; gap: 16px;\npadding: 24px 26px;\nbackground: #ffffff;\nborder: 1px solid var(--c-border);\nborder-radius: 14px;\nbox-shadow: var(--c-shadow-sm);\n}\n.fmstr-cmp-testimonials__card-top {\ndisplay: flex; align-items: center; justify-content: space-between; gap: 12px;\n}\n.fmstr-cmp-testimonials__stars { color: var(--c-amber-400); display: inline-flex; gap: 2px; }\n.fmstr-cmp-testimonials__source {\ndisplay: inline-flex; align-items: center; gap: 6px;\nfont-size: 11px;\nfont-weight: 700;\ncolor: var(--c-fg-3);\nletter-spacing: 0.02em;\n}\n.fmstr-cmp-testimonials__source-logo {\nwidth: 18px; height: 18px;\nborder-radius: 4px;\ndisplay: inline-flex; align-items: center; justify-content: center;\nflex-shrink: 0;\nfont-weight: 800;\nfont-size: 9px;\ncolor: #ffffff;\n}\n.fmstr-cmp-testimonials__source-logo--g2 { background: #FF492C; }\n.fmstr-cmp-testimonials__source-logo--ph { background: #DA552F; }\n.fmstr-cmp-testimonials__source-logo--tp { background: #00B67A; }\n\n.fmstr-cmp-testimonials__quote {\nmargin: 0;\nfont-size: 15px;\nline-height: 1.6;\ncolor: var(--c-fg-1);\nfont-weight: 500;\n}\n.fmstr-cmp-testimonials__quote::before { content: open-quote; color: var(--c-violet-500); font-weight: 700; }\n.fmstr-cmp-testimonials__quote::after { content: close-quote; color: var(--c-violet-500); font-weight: 700; }\n\n.fmstr-cmp-testimonials__foot {\ndisplay: flex; align-items: center; gap: 12px;\npadding-top: 14px;\nborder-top: 1px solid var(--c-border);\n}\n.fmstr-cmp-testimonials__avatar {\nwidth: 38px; height: 38px;\nborder-radius: 50%;\ncolor: #ffffff;\nfont-weight: 700;\nfont-size: 13px;\ndisplay: inline-flex; align-items: center; justify-content: center;\nflex-shrink: 0;\nletter-spacing: 0.02em;\n}\n.fmstr-cmp-testimonials__avatar--violet { background: linear-gradient(135deg, #7f56d9, #5b34b1); }\n.fmstr-cmp-testimonials__avatar--green { background: linear-gradient(135deg, #12b76a, #027a48); }\n.fmstr-cmp-testimonials__avatar--blue { background: linear-gradient(135deg, #1A73E8, #1a4a8e); }\n.fmstr-cmp-testimonials__avatar--orange { background: linear-gradient(135deg, #FF7A59, #c2410c); }\n.fmstr-cmp-testimonials__avatar--pink { background: linear-gradient(135deg, #f04438, #be123c); }\n.fmstr-cmp-testimonials__name { font-size: 13.5px; font-weight: 700; color: var(--c-fg-1); line-height: 1.3; }\n.fmstr-cmp-testimonials__role { font-size: 12px; color: var(--c-fg-3); margin-top: 1px; }\n\n@media (max-width: 540px) {\n.fmstr-cmp-testimonials { padding: 64px 0; }\n.fmstr-cmp-testimonials__card { width: 300px; padding: 20px 22px; }\n.fmstr-cmp-testimonials__agg { gap: 14px; padding: 10px 16px; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-testimonials\" aria-labelledby=\"fmstr-cmp-testimonials-h2\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__container\">\n\n\u003Cheader class=\"fmstr-cmp-testimonials__header\">\n\u003Cspan class=\"fmstr-cmp-testimonials__eyebrow\">Testimonials\u003C/span>\n\u003Ch2 class=\"fmstr-cmp-testimonials__h2\" id=\"fmstr-cmp-testimonials-h2\">What teams are saying about Formester\u003C/h2>\n\u003Cp class=\"fmstr-cmp-testimonials__sub\">Real reviews from G2, Trustpilot, and Product Hunt.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-testimonials__agg\" aria-label=\"Aggregate ratings\">\n\u003Cspan class=\"fmstr-cmp-testimonials__agg-item\">\n\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--g2\">G2\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__agg-rating\">4.7\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__agg-src\">G2 (11 reviews)\u003C/span>\n\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__agg-divider\">\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__agg-item\">\n\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--tp\">★\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__agg-rating\">4.7\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__agg-src\">Trustpilot (24 reviews)\u003C/span>\n\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__agg-divider\">\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__agg-item\">\n\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--ph\">P\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__agg-rating\">5.0\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__agg-src\">Product Hunt\u003C/span>\n\u003C/span>\n\u003C/div>\n\u003C/header>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-testimonials__tracks\">\n\n\u003C!-- Row 1: scrolls left -->\n\u003Cdiv class=\"fmstr-cmp-testimonials__track\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__row\">\n\n\u003C!-- Karthik B. — G2 -->\n\u003Carticle class=\"fmstr-cmp-testimonials__card\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__card-top\">\n\u003Cspan class=\"fmstr-cmp-testimonials__stars\" aria-label=\"5 out of 5\">\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__source\">\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--g2\">G2\u003C/span>G2\u003C/span>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-testimonials__quote\">Formester offers a ton of features and my developer loves using it to integrate to various marketing pages. It's quick and easy to create using drag and drop. It allowed me to remove branding unlike Typeform that has branding even in paid plans. Their support is top notch.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-testimonials__foot\">\n\u003Cspan class=\"fmstr-cmp-testimonials__avatar fmstr-cmp-testimonials__avatar--violet\">K\u003C/span>\n\u003Cdiv>\u003Cdiv class=\"fmstr-cmp-testimonials__name\">Karthik B.\u003C/div>\u003Cdiv class=\"fmstr-cmp-testimonials__role\">Social Media Manager · B2C, SaaS, EdTech\u003C/div>\u003C/div>\n\u003C/div>\n\u003C/article>\n\n\u003C!-- Trustpilot — Apr 21, 2026 -->\n\u003Carticle class=\"fmstr-cmp-testimonials__card\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__card-top\">\n\u003Cspan class=\"fmstr-cmp-testimonials__stars\" aria-label=\"5 out of 5\">\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__source\">\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--tp\">★\u003C/span>Trustpilot\u003C/span>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-testimonials__quote\">Formester brings together some amazing technology all in one easy to use tool. The AI form builder makes things a breeze to set up and completed 75% of my build and then another 25% tweaking. Combined with the AI agent workflow automation after forms are submitted, it's one amazing package.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-testimonials__foot\">\n\u003Cspan class=\"fmstr-cmp-testimonials__avatar fmstr-cmp-testimonials__avatar--green\">V\u003C/span>\n\u003Cdiv>\u003Cdiv class=\"fmstr-cmp-testimonials__name\">Verified Trustpilot reviewer\u003C/div>\u003Cdiv class=\"fmstr-cmp-testimonials__role\">April 2026\u003C/div>\u003C/div>\n\u003C/div>\n\u003C/article>\n\n\u003C!-- Justin C. — G2 -->\n\u003Carticle class=\"fmstr-cmp-testimonials__card\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__card-top\">\n\u003Cspan class=\"fmstr-cmp-testimonials__stars\" aria-label=\"5 out of 5\">\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__source\">\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--g2\">G2\u003C/span>G2\u003C/span>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-testimonials__quote\">Beautiful and easy to use. The templates and the floating button feature with easy-to-use integration with Google Sheet is crazy. I was looking for a simple and beautiful form to put on my website for free.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-testimonials__foot\">\n\u003Cspan class=\"fmstr-cmp-testimonials__avatar fmstr-cmp-testimonials__avatar--blue\">J\u003C/span>\n\u003Cdiv>\u003Cdiv class=\"fmstr-cmp-testimonials__name\">Justin C.\u003C/div>\u003Cdiv class=\"fmstr-cmp-testimonials__role\">Online Private English Teacher\u003C/div>\u003C/div>\n\u003C/div>\n\u003C/article>\n\n\u003C!-- Trustpilot — Judy, Apr 1, 2026 -->\n\u003Carticle class=\"fmstr-cmp-testimonials__card\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__card-top\">\n\u003Cspan class=\"fmstr-cmp-testimonials__stars\" aria-label=\"5 out of 5\">\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__source\">\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--tp\">★\u003C/span>Trustpilot\u003C/span>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-testimonials__quote\">We were looking for a new platform for building quizzes for our educational program. This one has not let us down. It has tons of features and is easy to use. The company is super responsive if you have questions or need help with anything.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-testimonials__foot\">\n\u003Cspan class=\"fmstr-cmp-testimonials__avatar fmstr-cmp-testimonials__avatar--orange\">J\u003C/span>\n\u003Cdiv>\u003Cdiv class=\"fmstr-cmp-testimonials__name\">Judy\u003C/div>\u003Cdiv class=\"fmstr-cmp-testimonials__role\">April 2026\u003C/div>\u003C/div>\n\u003C/div>\n\u003C/article>\n\n\u003C!-- Deepika K. — G2 -->\n\u003Carticle class=\"fmstr-cmp-testimonials__card\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__card-top\">\n\u003Cspan class=\"fmstr-cmp-testimonials__stars\" aria-label=\"4.5 out of 5\">\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__source\">\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--g2\">G2\u003C/span>G2\u003C/span>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-testimonials__quote\">Formester form builder has lots of customisation options. It's very easy to generate online forms. The UI is very attractive and easy to use. No prior experience is required to use it.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-testimonials__foot\">\n\u003Cspan class=\"fmstr-cmp-testimonials__avatar fmstr-cmp-testimonials__avatar--pink\">D\u003C/span>\n\u003Cdiv>\u003Cdiv class=\"fmstr-cmp-testimonials__name\">Deepika K.\u003C/div>\u003Cdiv class=\"fmstr-cmp-testimonials__role\">Business Development Executive\u003C/div>\u003C/div>\n\u003C/div>\n\u003C/article>\n\n\u003C!-- Duplicate set A for seamless loop -->\n\u003Carticle class=\"fmstr-cmp-testimonials__card\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__card-top\">\n\u003Cspan class=\"fmstr-cmp-testimonials__stars\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__source\">\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--g2\">G2\u003C/span>G2\u003C/span>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-testimonials__quote\">Formester offers a ton of features and my developer loves using it to integrate to various marketing pages. It's quick and easy to create using drag and drop. It allowed me to remove branding unlike Typeform that has branding even in paid plans. Their support is top notch.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-testimonials__foot\">\u003Cspan class=\"fmstr-cmp-testimonials__avatar fmstr-cmp-testimonials__avatar--violet\">K\u003C/span>\u003Cdiv>\u003Cdiv class=\"fmstr-cmp-testimonials__name\">Karthik B.\u003C/div>\u003Cdiv class=\"fmstr-cmp-testimonials__role\">Social Media Manager · B2C, SaaS, EdTech\u003C/div>\u003C/div>\u003C/div>\n\u003C/article>\n\u003Carticle class=\"fmstr-cmp-testimonials__card\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__card-top\">\n\u003Cspan class=\"fmstr-cmp-testimonials__stars\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__source\">\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--tp\">★\u003C/span>Trustpilot\u003C/span>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-testimonials__quote\">Formester brings together some amazing technology all in one easy to use tool. The AI form builder makes things a breeze to set up and completed 75% of my build and then another 25% tweaking. Combined with the AI agent workflow automation after forms are submitted, it's one amazing package.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-testimonials__foot\">\u003Cspan class=\"fmstr-cmp-testimonials__avatar fmstr-cmp-testimonials__avatar--green\">V\u003C/span>\u003Cdiv>\u003Cdiv class=\"fmstr-cmp-testimonials__name\">Verified Trustpilot reviewer\u003C/div>\u003Cdiv class=\"fmstr-cmp-testimonials__role\">April 2026\u003C/div>\u003C/div>\u003C/div>\n\u003C/article>\n\u003Carticle class=\"fmstr-cmp-testimonials__card\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__card-top\">\n\u003Cspan class=\"fmstr-cmp-testimonials__stars\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__source\">\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--g2\">G2\u003C/span>G2\u003C/span>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-testimonials__quote\">Beautiful and easy to use. The templates and the floating button feature with easy-to-use integration with Google Sheet is crazy. I was looking for a simple and beautiful form to put on my website for free.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-testimonials__foot\">\u003Cspan class=\"fmstr-cmp-testimonials__avatar fmstr-cmp-testimonials__avatar--blue\">J\u003C/span>\u003Cdiv>\u003Cdiv class=\"fmstr-cmp-testimonials__name\">Justin C.\u003C/div>\u003Cdiv class=\"fmstr-cmp-testimonials__role\">Online Private English Teacher\u003C/div>\u003C/div>\u003C/div>\n\u003C/article>\n\u003Carticle class=\"fmstr-cmp-testimonials__card\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__card-top\">\n\u003Cspan class=\"fmstr-cmp-testimonials__stars\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__source\">\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--tp\">★\u003C/span>Trustpilot\u003C/span>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-testimonials__quote\">We were looking for a new platform for building quizzes for our educational program. This one has not let us down. It has tons of features and is easy to use. The company is super responsive if you have questions or need help with anything.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-testimonials__foot\">\u003Cspan class=\"fmstr-cmp-testimonials__avatar fmstr-cmp-testimonials__avatar--orange\">J\u003C/span>\u003Cdiv>\u003Cdiv class=\"fmstr-cmp-testimonials__name\">Judy\u003C/div>\u003Cdiv class=\"fmstr-cmp-testimonials__role\">April 2026\u003C/div>\u003C/div>\u003C/div>\n\u003C/article>\n\u003Carticle class=\"fmstr-cmp-testimonials__card\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__card-top\">\n\u003Cspan class=\"fmstr-cmp-testimonials__stars\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__source\">\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--g2\">G2\u003C/span>G2\u003C/span>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-testimonials__quote\">Formester form builder has lots of customisation options. It's very easy to generate online forms. The UI is very attractive and easy to use. No prior experience is required to use it.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-testimonials__foot\">\u003Cspan class=\"fmstr-cmp-testimonials__avatar fmstr-cmp-testimonials__avatar--pink\">D\u003C/span>\u003Cdiv>\u003Cdiv class=\"fmstr-cmp-testimonials__name\">Deepika K.\u003C/div>\u003Cdiv class=\"fmstr-cmp-testimonials__role\">Business Development Executive\u003C/div>\u003C/div>\u003C/div>\n\u003C/article>\n\n\u003C/div>\n\u003C/div>\n\n\u003C!-- Row 2: scrolls right -->\n\u003Cdiv class=\"fmstr-cmp-testimonials__track\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__row fmstr-cmp-testimonials__row--reverse\">\n\n\u003C!-- Trustpilot — Feb 5, 2026 -->\n\u003Carticle class=\"fmstr-cmp-testimonials__card\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__card-top\">\n\u003Cspan class=\"fmstr-cmp-testimonials__stars\" aria-label=\"5 out of 5\">\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__source\">\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--tp\">★\u003C/span>Trustpilot\u003C/span>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-testimonials__quote\">Formester is an incredibly professional company. They are very helpful, they help solve any problems quickly. At my request, features were enabled and changed in a short time, so I was able to completely customize my Quote Form to my needs.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-testimonials__foot\">\n\u003Cspan class=\"fmstr-cmp-testimonials__avatar fmstr-cmp-testimonials__avatar--violet\">V\u003C/span>\n\u003Cdiv>\u003Cdiv class=\"fmstr-cmp-testimonials__name\">Verified Trustpilot reviewer\u003C/div>\u003Cdiv class=\"fmstr-cmp-testimonials__role\">February 2026\u003C/div>\u003C/div>\n\u003C/div>\n\u003C/article>\n\n\u003C!-- Guibril D. — G2 -->\n\u003Carticle class=\"fmstr-cmp-testimonials__card\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__card-top\">\n\u003Cspan class=\"fmstr-cmp-testimonials__stars\" aria-label=\"4.5 out of 5\">\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__source\">\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--g2\">G2\u003C/span>G2\u003C/span>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-testimonials__quote\">Formester solves the problem of complicated data collection by providing a quick tool to create customized and automated forms. Ultra-fast form creation thanks to drag and drop.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-testimonials__foot\">\n\u003Cspan class=\"fmstr-cmp-testimonials__avatar fmstr-cmp-testimonials__avatar--green\">G\u003C/span>\n\u003Cdiv>\u003Cdiv class=\"fmstr-cmp-testimonials__name\">Guibril D.\u003C/div>\u003Cdiv class=\"fmstr-cmp-testimonials__role\">Engineer · Renewables & Environment\u003C/div>\u003C/div>\n\u003C/div>\n\u003C/article>\n\n\u003C!-- Joo, Banghyun — Product Hunt -->\n\u003Carticle class=\"fmstr-cmp-testimonials__card\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__card-top\">\n\u003Cspan class=\"fmstr-cmp-testimonials__stars\" aria-label=\"5 out of 5\">\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__source\">\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--ph\">P\u003C/span>Product Hunt\u003C/span>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-testimonials__quote\">Great form and always good support. Easy to set up, easy to share, and the team behind it actually responds when you need something.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-testimonials__foot\">\n\u003Cspan class=\"fmstr-cmp-testimonials__avatar fmstr-cmp-testimonials__avatar--blue\">B\u003C/span>\n\u003Cdiv>\u003Cdiv class=\"fmstr-cmp-testimonials__name\">Banghyun Joo\u003C/div>\u003Cdiv class=\"fmstr-cmp-testimonials__role\">Dunoit\u003C/div>\u003C/div>\n\u003C/div>\n\u003C/article>\n\n\u003C!-- Aashika S. — G2 -->\n\u003Carticle class=\"fmstr-cmp-testimonials__card\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__card-top\">\n\u003Cspan class=\"fmstr-cmp-testimonials__stars\" aria-label=\"4.5 out of 5\">\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__source\">\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--g2\">G2\u003C/span>G2\u003C/span>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-testimonials__quote\">We are able to easily build so many forms for our daily business work. These are easy for sharing too with our clients at one time instantly. There is also a feature for identifying if there is any spam in the form filling process.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-testimonials__foot\">\n\u003Cspan class=\"fmstr-cmp-testimonials__avatar fmstr-cmp-testimonials__avatar--orange\">A\u003C/span>\n\u003Cdiv>\u003Cdiv class=\"fmstr-cmp-testimonials__name\">Aashika S.\u003C/div>\u003Cdiv class=\"fmstr-cmp-testimonials__role\">Manager\u003C/div>\u003C/div>\n\u003C/div>\n\u003C/article>\n\n\u003C!-- Trustpilot — Jan 28 -->\n\u003Carticle class=\"fmstr-cmp-testimonials__card\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__card-top\">\n\u003Cspan class=\"fmstr-cmp-testimonials__stars\" aria-label=\"5 out of 5\">\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\n\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__source\">\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--tp\">★\u003C/span>Trustpilot\u003C/span>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-testimonials__quote\">Great support and the price-performance ratio is good. The team is quick to reply and the product does exactly what it promises.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-testimonials__foot\">\n\u003Cspan class=\"fmstr-cmp-testimonials__avatar fmstr-cmp-testimonials__avatar--pink\">V\u003C/span>\n\u003Cdiv>\u003Cdiv class=\"fmstr-cmp-testimonials__name\">Verified Trustpilot reviewer\u003C/div>\u003Cdiv class=\"fmstr-cmp-testimonials__role\">January 2026\u003C/div>\u003C/div>\n\u003C/div>\n\u003C/article>\n\n\u003C!-- Duplicate set B for seamless loop -->\n\u003Carticle class=\"fmstr-cmp-testimonials__card\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__card-top\">\n\u003Cspan class=\"fmstr-cmp-testimonials__stars\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__source\">\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--tp\">★\u003C/span>Trustpilot\u003C/span>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-testimonials__quote\">Formester is an incredibly professional company. They are very helpful, they help solve any problems quickly. At my request, features were enabled and changed in a short time, so I was able to completely customize my Quote Form to my needs.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-testimonials__foot\">\u003Cspan class=\"fmstr-cmp-testimonials__avatar fmstr-cmp-testimonials__avatar--violet\">V\u003C/span>\u003Cdiv>\u003Cdiv class=\"fmstr-cmp-testimonials__name\">Verified Trustpilot reviewer\u003C/div>\u003Cdiv class=\"fmstr-cmp-testimonials__role\">February 2026\u003C/div>\u003C/div>\u003C/div>\n\u003C/article>\n\u003Carticle class=\"fmstr-cmp-testimonials__card\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__card-top\">\n\u003Cspan class=\"fmstr-cmp-testimonials__stars\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__source\">\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--g2\">G2\u003C/span>G2\u003C/span>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-testimonials__quote\">Formester solves the problem of complicated data collection by providing a quick tool to create customized and automated forms. Ultra-fast form creation thanks to drag and drop.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-testimonials__foot\">\u003Cspan class=\"fmstr-cmp-testimonials__avatar fmstr-cmp-testimonials__avatar--green\">G\u003C/span>\u003Cdiv>\u003Cdiv class=\"fmstr-cmp-testimonials__name\">Guibril D.\u003C/div>\u003Cdiv class=\"fmstr-cmp-testimonials__role\">Engineer · Renewables & Environment\u003C/div>\u003C/div>\u003C/div>\n\u003C/article>\n\u003Carticle class=\"fmstr-cmp-testimonials__card\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__card-top\">\n\u003Cspan class=\"fmstr-cmp-testimonials__stars\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__source\">\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--ph\">P\u003C/span>Product Hunt\u003C/span>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-testimonials__quote\">Great form and always good support. Easy to set up, easy to share, and the team behind it actually responds when you need something.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-testimonials__foot\">\u003Cspan class=\"fmstr-cmp-testimonials__avatar fmstr-cmp-testimonials__avatar--blue\">B\u003C/span>\u003Cdiv>\u003Cdiv class=\"fmstr-cmp-testimonials__name\">Banghyun Joo\u003C/div>\u003Cdiv class=\"fmstr-cmp-testimonials__role\">Dunoit\u003C/div>\u003C/div>\u003C/div>\n\u003C/article>\n\u003Carticle class=\"fmstr-cmp-testimonials__card\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__card-top\">\n\u003Cspan class=\"fmstr-cmp-testimonials__stars\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__source\">\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--g2\">G2\u003C/span>G2\u003C/span>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-testimonials__quote\">We are able to easily build so many forms for our daily business work. These are easy for sharing too with our clients at one time instantly. There is also a feature for identifying if there is any spam in the form filling process.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-testimonials__foot\">\u003Cspan class=\"fmstr-cmp-testimonials__avatar fmstr-cmp-testimonials__avatar--orange\">A\u003C/span>\u003Cdiv>\u003Cdiv class=\"fmstr-cmp-testimonials__name\">Aashika S.\u003C/div>\u003Cdiv class=\"fmstr-cmp-testimonials__role\">Manager\u003C/div>\u003C/div>\u003C/div>\n\u003C/article>\n\u003Carticle class=\"fmstr-cmp-testimonials__card\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-testimonials__card-top\">\n\u003Cspan class=\"fmstr-cmp-testimonials__stars\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpolygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26\">\u003C/polygon>\u003C/svg>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-testimonials__source\">\u003Cspan class=\"fmstr-cmp-testimonials__source-logo fmstr-cmp-testimonials__source-logo--tp\">★\u003C/span>Trustpilot\u003C/span>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-testimonials__quote\">Great support and the price-performance ratio is good. The team is quick to reply and the product does exactly what it promises.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-testimonials__foot\">\u003Cspan class=\"fmstr-cmp-testimonials__avatar fmstr-cmp-testimonials__avatar--pink\">V\u003C/span>\u003Cdiv>\u003Cdiv class=\"fmstr-cmp-testimonials__name\">Verified Trustpilot reviewer\u003C/div>\u003Cdiv class=\"fmstr-cmp-testimonials__role\">January 2026\u003C/div>\u003C/div>\u003C/div>\n\u003C/article>\n\n\u003C/div>\n\u003C/div>\n\n\u003C/div>\n\u003C/section>\n\u003C/div>",{"id":196,"__component":164,"markup":197,"useContainer":166},757,"\u003Cstyle>\n.fmstr-cmp-ffb-cta a { text-decoration: none !important; }\n.fmstr-cmp-ffb-cta {\n--c-violet-500: #7f56d9; --c-violet-700: #5b34b1;\n--c-fg-on-dark: #fff; --c-fg-on-dark-2: rgba(255,255,255,0.78); --c-fg-on-dark-3: rgba(255,255,255,0.6);\npadding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-on-dark); position: relative; overflow: hidden;\nbackground: radial-gradient(ellipse at 20% 0%, rgba(127, 86, 217, 0.6) 0%, transparent 55%), radial-gradient(ellipse at 80% 100%, rgba(91, 52, 177, 0.6) 0%, transparent 55%), linear-gradient(135deg, #2a1568 0%, #3f1d8a 50%, #5b34b1 100%);\n}\n.fmstr-cmp-ffb-cta *, .fmstr-cmp-ffb-cta *::before, .fmstr-cmp-ffb-cta *::after { box-sizing: border-box; }\n.fmstr-cmp-ffb-cta > *, .fmstr-cmp-ffb-cta > * > * { min-width: 0; }\n.fmstr-cmp-ffb-cta__grid { position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(ellipse at center, #000 0%, transparent 75%); }\n.fmstr-cmp-ffb-cta__container { position: relative; max-width: 880px; margin: 0 auto; text-align: center; }\n.fmstr-cmp-ffb-cta__eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; margin-bottom: 22px; border-radius: 999px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.18); font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.95); }\n.fmstr-cmp-ffb-cta__eyebrow-dot { width: 8px; height: 8px; border-radius: 50%; background: #12b76a; box-shadow: 0 0 0 4px rgba(18,183,106,0.3); animation: pulseDotFfb 2.2s infinite; }\n@keyframes pulseDotFfb { 0%, 100% { box-shadow: 0 0 0 4px rgba(18,183,106,0.3); } 50% { box-shadow: 0 0 0 8px rgba(18,183,106,0.05); } }\n.fmstr-cmp-ffb-cta__h2 { margin: 0 0 18px; font-size: clamp(32px, 4.4vw, 50px); line-height: 1.12; letter-spacing: -0.024em; font-weight: 700; }\n.fmstr-cmp-ffb-cta__sub { margin: 0 auto 36px; max-width: 720px; font-size: 17px; line-height: 1.6; color: var(--c-fg-on-dark-2); }\n.fmstr-cmp-ffb-cta__ctas { display: inline-flex; gap: 14px; flex-wrap: wrap; justify-content: center; align-items: center; }\n.fmstr-cmp-ffb-cta__primary { display: inline-flex; align-items: center; gap: 8px; padding: 14px 26px; border-radius: 999px; background: #fff !important; color: #5b34b1 !important; font-weight: 700; font-size: 15px; border: 1px solid #fff; box-shadow: 0 8px 24px rgba(0,0,0,0.18); }\n.fmstr-cmp-ffb-cta__primary:hover { background: #f7f3ff !important; }\n.fmstr-cmp-ffb-cta__secondary { display: inline-flex; align-items: center; gap: 6px; padding: 14px 22px; border-radius: 999px; background: rgba(255,255,255,0.08) !important; color: #fff !important; font-weight: 600; font-size: 15px; border: 1px solid rgba(255,255,255,0.28); }\n.fmstr-cmp-ffb-cta__secondary:hover { background: rgba(255,255,255,0.14) !important; }\n.fmstr-cmp-ffb-cta__stats { margin-top: 44px; padding-top: 32px; border-top: 1px solid rgba(255,255,255,0.12); display: flex; gap: 24px; justify-content: center; flex-wrap: wrap; }\n.fmstr-cmp-ffb-cta__stat { display: flex; flex-direction: column; align-items: center; gap: 4px; }\n.fmstr-cmp-ffb-cta__stat-num { font-size: 22px; font-weight: 700; }\n.fmstr-cmp-ffb-cta__stat-label { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--c-fg-on-dark-3); }\n@media (max-width: 720px) {\n.fmstr-cmp-ffb-cta { padding: 64px 20px; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-ffb-cta\">\n\u003Cdiv class=\"fmstr-cmp-ffb-cta__grid\" aria-hidden=\"true\">\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-cta__container\">\n\u003Cspan class=\"fmstr-cmp-ffb-cta__eyebrow\">\u003Cspan class=\"fmstr-cmp-ffb-cta__eyebrow-dot\">\u003C/span>3 MINUTES TO LIVE. NO CARD.\u003C/span>\n\u003Ch2 class=\"fmstr-cmp-ffb-cta__h2\">Ship your first form today\u003C/h2>\n\u003Cp class=\"fmstr-cmp-ffb-cta__sub\">No card, no setup call, no template hunt. Build it, embed it, watch responses land.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-ffb-cta__ctas\">\n\u003Ca href=\"https://app.formester.com/users/sign_up\" class=\"fmstr-cmp-ffb-cta__primary\">Embed your first free form\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M3 8h10M9 4l4 4-4 4\"/>\u003C/svg>\n\u003C/a>\n\u003Ca href=\"https://formester.com/templates/\" class=\"fmstr-cmp-ffb-cta__secondary\">Browse the template gallery\u003C/a>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-cta__stats\">\n\u003Cdiv class=\"fmstr-cmp-ffb-cta__stat\">\u003Cspan class=\"fmstr-cmp-ffb-cta__stat-num\">6\u003C/span>\u003Cspan class=\"fmstr-cmp-ffb-cta__stat-label\">Embed modes\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-cta__stat\">\u003Cspan class=\"fmstr-cmp-ffb-cta__stat-num\">100 / mo\u003C/span>\u003Cspan class=\"fmstr-cmp-ffb-cta__stat-label\">Free responses\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-cta__stat\">\u003Cspan class=\"fmstr-cmp-ffb-cta__stat-num\">∞\u003C/span>\u003Cspan class=\"fmstr-cmp-ffb-cta__stat-label\">Forms on free\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-cta__stat\">\u003Cspan class=\"fmstr-cmp-ffb-cta__stat-num\">3 min\u003C/span>\u003Cspan class=\"fmstr-cmp-ffb-cta__stat-label\">To live embed\u003C/span>\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",{"id":199,"__component":164,"markup":200,"useContainer":166},758,"\u003Cstyle>\n.fmstr-cmp-ffb-faq {\n--c-bg: #ffffff; --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-100: #ede4ff; --c-violet-700: #5b34b1; --c-border: #eaecf0;\nbackground: #fff; padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1);\n}\n.fmstr-cmp-ffb-faq *, .fmstr-cmp-ffb-faq *::before, .fmstr-cmp-ffb-faq *::after { box-sizing: border-box; }\n.fmstr-cmp-ffb-faq > *, .fmstr-cmp-ffb-faq > * > * { min-width: 0; }\n.fmstr-cmp-ffb-faq__container { max-width: 880px; margin: 0 auto; }\n.fmstr-cmp-ffb-faq__header { text-align: center; margin-bottom: 48px; }\n.fmstr-cmp-ffb-faq__h2 { margin: 0 0 14px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-ffb-faq__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-ffb-faq__list { display: flex; flex-direction: column; gap: 12px; }\n.fmstr-cmp-ffb-faq__item { background: #fff; border: 1px solid var(--c-border); border-radius: 14px; overflow: hidden; transition: border-color .2s ease; }\n.fmstr-cmp-ffb-faq__item:hover, .fmstr-cmp-ffb-faq__item[open] { border-color: var(--c-edge); }\n.fmstr-cmp-ffb-faq__summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 26px; cursor: pointer; font-size: 16px; font-weight: 600; color: var(--c-fg-1); }\n.fmstr-cmp-ffb-faq__summary::-webkit-details-marker { display: none; }\n.fmstr-cmp-ffb-faq__chev { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--c-tint); color: var(--c-violet-700); display: inline-flex; align-items: center; justify-content: center; transition: transform .25s ease; }\n.fmstr-cmp-ffb-faq__item[open] .fmstr-cmp-ffb-faq__chev { transform: rotate(180deg); }\n.fmstr-cmp-ffb-faq__answer { padding: 0 26px 22px; font-size: 15px; line-height: 1.65; color: var(--c-fg-2); }\n@media (max-width: 560px) { .fmstr-cmp-ffb-faq { padding: 64px 18px; } .fmstr-cmp-ffb-faq__summary { padding: 18px 20px; font-size: 15.5px; } .fmstr-cmp-ffb-faq__answer { padding: 0 20px 18px; } }\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-ffb-faq\">\n\u003Cdiv class=\"fmstr-cmp-ffb-faq__container\">\n\u003Cdiv class=\"fmstr-cmp-ffb-faq__header\">\n\u003Ch2 class=\"fmstr-cmp-ffb-faq__h2\">Free embed FAQs\u003C/h2>\n\u003Cp class=\"fmstr-cmp-ffb-faq__sub\">Honest answers about embed modes, branding, and what the free plan ships.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-faq__list\">\n\u003Cdetails class=\"fmstr-cmp-ffb-faq__item\">\n\u003Csummary class=\"fmstr-cmp-ffb-faq__summary\">Is the embed code really free to use?\u003Cspan class=\"fmstr-cmp-ffb-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-ffb-faq__answer\">Yes. Build the form on the free plan, copy the snippet, paste it on your site. No usage cap on the embed itself, the only cap is 100 responses per month across all your forms.\u003C/div>\n\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-ffb-faq__item\">\n\u003Csummary class=\"fmstr-cmp-ffb-faq__summary\">Will the embedded form display Powered by Formester?\u003Cspan class=\"fmstr-cmp-ffb-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-ffb-faq__answer\">A small Formester credit shows on forms on the free plan. The Personal plan at $12 a month removes it across every form and every embed mode.\u003C/div>\n\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-ffb-faq__item\">\n\u003Csummary class=\"fmstr-cmp-ffb-faq__summary\">Can I embed multiple forms on one page?\u003Cspan class=\"fmstr-cmp-ffb-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-ffb-faq__answer\">Yes. Each form has its own snippet, you can paste as many as you need on the same page without conflicts.\u003C/div>\n\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-ffb-faq__item\">\n\u003Csummary class=\"fmstr-cmp-ffb-faq__summary\">Does the embed work on mobile?\u003Cspan class=\"fmstr-cmp-ffb-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-ffb-faq__answer\">Yes. Every embed mode is mobile responsive by default. The form adapts to the screen size of the device, including the popup, side tab, and fullscreen modes.\u003C/div>\n\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-ffb-faq__item\">\n\u003Csummary class=\"fmstr-cmp-ffb-faq__summary\">Will the form match my site's styles?\u003Cspan class=\"fmstr-cmp-ffb-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-ffb-faq__answer\">You control the colors, fonts, button styles, and spacing inside Formester. Custom CSS is available if you want to match a specific design system. The form keeps its own styles inside the embed so it does not collide with your site's CSS.\u003C/div>\n\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-ffb-faq__item\">\n\u003Csummary class=\"fmstr-cmp-ffb-faq__summary\">Do I need to host anything?\u003Cspan class=\"fmstr-cmp-ffb-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-ffb-faq__answer\">No. The form is hosted by Formester. The snippet you paste just loads it on your page. No server, no database, no maintenance on your end.\u003C/div>\n\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-ffb-faq__item\">\n\u003Csummary class=\"fmstr-cmp-ffb-faq__summary\">How is this different from Google Forms?\u003Cspan class=\"fmstr-cmp-ffb-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-ffb-faq__answer\">Google Forms embeds only as a plain iframe, with Google styling and a Powered by Google line you cannot remove. Formester ships six embed modes, lets you brand and style the form, and adds payment collection, file uploads, signatures, and analytics on the free plan.\u003C/div>\n\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-ffb-faq__item\">\n\u003Csummary class=\"fmstr-cmp-ffb-faq__summary\">Can I migrate later if I outgrow the free plan?\u003Cspan class=\"fmstr-cmp-ffb-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-ffb-faq__answer\">Yes. Every form, every submission, every integration stays on the same account when you upgrade. The embed code on your site keeps working without changes, the new plan limits apply from the moment you upgrade.\u003C/div>\n\u003C/details>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",{"id":202,"__component":164,"markup":203,"useContainer":166},759,"\u003Cstyle>\n.fmstr-cmp-ffb-rel a { text-decoration: none !important; }\n.fmstr-cmp-ffb-rel {\n--c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-700: #5b34b1; --c-border: #eaecf0;\nbackground: var(--c-soft); padding: 88px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1); border-top: 1px solid var(--c-border);\n}\n.fmstr-cmp-ffb-rel *, .fmstr-cmp-ffb-rel *::before, .fmstr-cmp-ffb-rel *::after { box-sizing: border-box; }\n.fmstr-cmp-ffb-rel > *, .fmstr-cmp-ffb-rel > * > * { min-width: 0; }\n.fmstr-cmp-ffb-rel__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-ffb-rel__header { max-width: 720px; margin: 0 auto 40px; text-align: center; }\n.fmstr-cmp-ffb-rel__h2 { margin: 0 0 12px; font-size: clamp(26px, 3.2vw, 36px); line-height: 1.18; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-ffb-rel__sub { margin: 0; font-size: 16px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-ffb-rel__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }\n.fmstr-cmp-ffb-rel__card { display: flex; gap: 14px; padding: 18px 20px; background: #fff; border: 1px solid var(--c-border); border-radius: 12px; color: inherit !important; transition: border-color .2s ease, transform .2s ease; }\n.fmstr-cmp-ffb-rel__card:hover { border-color: var(--c-edge); transform: translateY(-1px); }\n.fmstr-cmp-ffb-rel__icon { flex-shrink: 0; width: 36px; height: 36px; border-radius: 10px; background: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700)); color: #fff; display: inline-flex; align-items: center; justify-content: center; }\n.fmstr-cmp-ffb-rel__icon svg { width: 18px; height: 18px; }\n.fmstr-cmp-ffb-rel__title { margin: 0; font-size: 15px; font-weight: 700; color: var(--c-fg-1); }\n.fmstr-cmp-ffb-rel__copy { margin: 4px 0 0; font-size: 14px; line-height: 1.5; color: var(--c-fg-2); }\n@media (max-width: 720px) { .fmstr-cmp-ffb-rel { padding: 56px 18px; } .fmstr-cmp-ffb-rel__grid { grid-template-columns: 1fr; } }\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-ffb-rel\">\n\u003Cdiv class=\"fmstr-cmp-ffb-rel__container\">\n\u003Cdiv class=\"fmstr-cmp-ffb-rel__header\">\n\u003Ch2 class=\"fmstr-cmp-ffb-rel__h2\">Related Formester features\u003C/h2>\n\u003Cp class=\"fmstr-cmp-ffb-rel__sub\">Every link below is included on the free plan.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffb-rel__grid\">\n\u003Ca href=\"https://formester.com/features/drag-and-drop-form-builder/\" class=\"fmstr-cmp-ffb-rel__card\">\n\u003Cspan class=\"fmstr-cmp-ffb-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"/>\u003Cpath d=\"M9 9h6M9 13h6M9 17h3\"/>\u003C/svg>\u003C/span>\n\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-ffb-rel__title\">Form builder\u003C/h3>\u003Cp class=\"fmstr-cmp-ffb-rel__copy\">Drag-and-drop editor with every field type.\u003C/p>\u003C/div>\n\u003C/a>\n\u003Ca href=\"https://formester.com/ai-form-generator/\" class=\"fmstr-cmp-ffb-rel__card\">\n\u003Cspan class=\"fmstr-cmp-ffb-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M12 2l3 6.6 7 .9-5 5 1.3 7-6.3-3.6-6.3 3.6 1.3-7-5-5 7-.9z\"/>\u003C/svg>\u003C/span>\n\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-ffb-rel__title\">AI form generator\u003C/h3>\u003Cp class=\"fmstr-cmp-ffb-rel__copy\">Generate any form from a prompt, PDF, or URL.\u003C/p>\u003C/div>\n\u003C/a>\n\u003Ca href=\"https://formester.com/plugins/wordpress/\" class=\"fmstr-cmp-ffb-rel__card\">\n\u003Cspan class=\"fmstr-cmp-ffb-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\"/>\u003Cpath d=\"M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18\"/>\u003C/svg>\u003C/span>\n\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-ffb-rel__title\">WordPress form embed\u003C/h3>\u003Cp class=\"fmstr-cmp-ffb-rel__copy\">Native Gutenberg, Elementor, Divi support.\u003C/p>\u003C/div>\n\u003C/a>\n\u003Ca href=\"https://formester.com/plugins/webflow/\" class=\"fmstr-cmp-ffb-rel__card\">\n\u003Cspan class=\"fmstr-cmp-ffb-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"16 18 22 12 16 6\"/>\u003Cpolyline points=\"8 6 2 12 8 18\"/>\u003C/svg>\u003C/span>\n\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-ffb-rel__title\">Webflow form embed\u003C/h3>\u003Cp class=\"fmstr-cmp-ffb-rel__copy\">Drop into the Webflow Embed element.\u003C/p>\u003C/div>\n\u003C/a>\n\u003Ca href=\"https://formester.com/features/online-payments/\" class=\"fmstr-cmp-ffb-rel__card\">\n\u003Cspan class=\"fmstr-cmp-ffb-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"/>\u003Cline x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"/>\u003C/svg>\u003C/span>\n\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-ffb-rel__title\">Stripe payment forms\u003C/h3>\u003Cp class=\"fmstr-cmp-ffb-rel__copy\">Native Stripe collection inside the form.\u003C/p>\u003C/div>\n\u003C/a>\n\u003Ca href=\"https://formester.com/templates/\" class=\"fmstr-cmp-ffb-rel__card\">\n\u003Cspan class=\"fmstr-cmp-ffb-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/>\u003Crect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/>\u003Crect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/>\u003Crect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/>\u003C/svg>\u003C/span>\n\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-ffb-rel__title\">Template gallery\u003C/h3>\u003Cp class=\"fmstr-cmp-ffb-rel__copy\">200+ free starting points across industries.\u003C/p>\u003C/div>\n\u003C/a>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",1781362403162]