[{"data":1,"prerenderedAt":191},["ShallowReactive",2],{"page-godaddy-form-builder":3},{"head":4,"jsonld":56,"components":161},{"title":5,"link":6,"meta":7},"GoDaddy Form Builder: Free Embed, Logic, Payments",[],[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-13T11:42:07.478Z",{"hid":12,"name":12,"content":13},"description","GoDaddy's built-in form has no logic, no payments, no styling. Build a real form in Formester and paste it into your GoDaddy site in 2 minutes. Free plan.",{"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/godaddy-form-builder/",{"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/godaddy-form-builder/#webpage","WebPage",{"@id":63},"https://formester.com/#website",{"@id":65},"https://formester.com/godaddy-form-builder/#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/godaddy-form-builder/#software","Formester for GoDaddy","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 Formester forms with conditional logic, native Stripe and PayPal payments, and 100MB uploads, embeddable on GoDaddy sites in under 2 minutes via the HTML section.",{"@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/godaddy-form-builder/#faq","FAQPage",[109,115,119,123,127,131,135,139],{"name":110,"@type":111,"acceptedAnswer":112},"Does GoDaddy's built-in form support conditional logic?","Question",{"text":113,"@type":114},"No. GoDaddy's Websites + Marketing Contact Form lets you reorder fields and add basic ones (text, dropdown, checkbox), but there is no way to show or hide fields based on prior answers. If you need a form that asks different questions to different respondents, you need an external builder. Formester handles this natively on every plan with conditional logic.","Answer",{"name":116,"@type":111,"acceptedAnswer":117},"Where do I paste the embed code in GoDaddy?",{"text":118,"@type":114},"Inside the GoDaddy Websites + Marketing editor, open the page you want the form on, click Add Section, scroll to the HTML option (it sits under More), and select it. Paste your Formester iframe snippet into the HTML editor and save. Publish the site to push it live.",{"name":120,"@type":111,"acceptedAnswer":121},"Will the embedded form match my GoDaddy site's design?",{"text":122,"@type":114},"Yes, more closely than the native form. Formester gives you brand colors, custom fonts, and custom CSS on paid plans, so the form picks up your GoDaddy site's look. GoDaddy's native form only offers layout presets and shows GoDaddy styling cues.",{"name":124,"@type":111,"acceptedAnswer":125},"Can I accept Stripe or PayPal payments through a form on GoDaddy?",{"text":126,"@type":114},"Not through GoDaddy's native contact form. Payments aren't part of Websites + Marketing's form builder. Formester ships native Stripe and PayPal fields, with AES-256 encryption on the payment layer, so you can collect deposits, full payments, or recurring charges through a form embedded on any GoDaddy page.",{"name":128,"@type":111,"acceptedAnswer":129},"How do I get notified when someone submits the form?",{"text":130,"@type":114},"Formester emails you on every submission by default. You can also send the submission as a PDF to the respondent, push it into Google Sheets, fire a webhook, post to Slack, create a HubSpot contact, or trigger an n8n or Zapier flow. All of these run on the Free plan.",{"name":132,"@type":111,"acceptedAnswer":133},"Does the form work on mobile-optimized GoDaddy sites?",{"text":134,"@type":114},"Yes. Formester's embed is responsive by default and will fit the width of whatever container you drop it into, including GoDaddy's mobile layouts. Test it in GoDaddy's editor Preview mode before you publish to confirm the height is right for your form length.",{"name":136,"@type":111,"acceptedAnswer":137},"Can I switch from GoDaddy's form to Formester later without losing data?",{"text":138,"@type":114},"Yes. Leave GoDaddy's contact form in place while you build the Formester version, embed Formester on a new section, then delete GoDaddy's section once you've verified submissions are landing where you want them. Past GoDaddy submissions stay in your GoDaddy email. New submissions land in Formester from the moment you publish.",{"name":140,"@type":111,"acceptedAnswer":141},"How does Formester compare to Wix or Squarespace's native form builders?",{"text":142,"@type":114},"Same story as GoDaddy. Wix Forms and Squarespace's Form block both ship basic field sets, limited logic, and limited payments. Formester replaces them with an embed that brings real conditional logic, real payments, real file handling, and 30+ field types. The embed flow is identical on each platform: copy the iframe, paste into an HTML or Embed block, publish.",{"@id":144,"name":145,"step":146,"@type":158,"totalTime":159},"https://formester.com/godaddy-form-builder/#howto","How to add a Formester form to a GoDaddy site",[147,151,154],{"name":148,"text":149,"@type":150,"position":74},"Build the form in Formester","Open Formester and start with a template or paste a prompt into the AI form generator. The AI returns a working form you can edit field by field.","HowToStep",{"name":152,"text":153,"@type":150,"position":76},"Grab the embed code","Open the form, hit Share, choose Embed. Pick inline for most GoDaddy sites. Copy the iframe snippet.",{"name":155,"text":156,"@type":150,"position":157},"Paste into a GoDaddy HTML section","Inside the GoDaddy Websites + Marketing editor, click Add Section, scroll to the HTML option under More, paste the snippet into the editor, save, publish.",3,"HowTo","PT2M","https://schema.org",[162,167,170,173,176,179,182,185,188],{"id":163,"__component":164,"markup":165,"useContainer":166},807,"micro-components.raw-html","\u003Cstyle>\n.fmstr-cmp-gfb-hero a { text-decoration: none !important; }\n.fmstr-cmp-gfb-hero { --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff; --c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586; --c-violet-100: #ede4ff; --c-violet-500: #7f56d9; --c-violet-700: #5b34b1; --c-success: #12b76a; --c-godaddy: #1bdbdb; --c-border: #eaecf0; --c-shadow-sm: 0 1px 3px rgba(16,24,40,.05); --c-shadow-lg: 0 20px 50px -12px rgba(16,24,40,.18); background: radial-gradient(ellipse at top left, var(--c-tint) 0%, #fff 55%); padding: 88px 24px 80px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1); position: relative; }\n.fmstr-cmp-gfb-hero *, .fmstr-cmp-gfb-hero *::before, .fmstr-cmp-gfb-hero *::after { box-sizing: border-box; }\n.fmstr-cmp-gfb-hero > *, .fmstr-cmp-gfb-hero > * > * { min-width: 0; }\n.fmstr-cmp-gfb-hero__container { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 1.05fr 1fr; gap: 64px; align-items: center; }\n.fmstr-cmp-gfb-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-gfb-hero__badge-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--c-violet-500); }\n.fmstr-cmp-gfb-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-gfb-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-gfb-hero__sub { margin: 0 0 32px; max-width: 540px; font-size: 18px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-gfb-hero__ctas { display: inline-flex; flex-wrap: wrap; gap: 12px; margin-bottom: 28px; }\n.fmstr-cmp-gfb-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-gfb-hero__cta-primary:hover { background: var(--c-violet-700) !important; }\n.fmstr-cmp-gfb-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-gfb-hero__cta-secondary:hover { border-color: var(--c-violet-500); color: var(--c-violet-700) !important; }\n.fmstr-cmp-gfb-hero__trust { display: flex; flex-wrap: wrap; gap: 16px 28px; font-size: 13px; color: var(--c-fg-3); }\n.fmstr-cmp-gfb-hero__trust-item { display: inline-flex; align-items: center; gap: 6px; }\n.fmstr-cmp-gfb-hero__trust-check { color: var(--c-success); }\n.fmstr-cmp-gfb-hero__visual { position: relative; display: flex; flex-direction: column; gap: 14px; }\n.fmstr-cmp-gfb-hero__godaddy-bar { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; background: #fff; border: 1px solid var(--c-border); border-radius: 999px; font-size: 13px; box-shadow: var(--c-shadow-sm); }\n.fmstr-cmp-gfb-hero__godaddy-bar-icon { width: 24px; height: 24px; border-radius: 6px; background: var(--c-godaddy); color: #14253a; display: inline-flex; align-items: center; justify-content: center; font-weight: 900; font-size: 14px; }\n.fmstr-cmp-gfb-hero__godaddy-bar-url { color: var(--c-fg-3); font-family: ui-monospace, monospace; font-size: 12px; flex: 1; margin: 0 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.fmstr-cmp-gfb-hero__godaddy-bar-live { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 800; color: var(--c-success); text-transform: uppercase; }\n.fmstr-cmp-gfb-hero__godaddy-bar-live-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--c-success); }\n.fmstr-cmp-gfb-hero__form { background: #fff; border: 1px solid var(--c-border); border-radius: 18px; padding: 22px; box-shadow: var(--c-shadow-lg); position: relative; }\n.fmstr-cmp-gfb-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-gfb-hero__form-h-icon { width: 24px; height: 24px; border-radius: 7px; background: var(--c-violet-100); color: var(--c-violet-700); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; }\n.fmstr-cmp-gfb-hero__form-h-title { font-size: 14px; font-weight: 700; }\n.fmstr-cmp-gfb-hero__form-h-meta { margin-left: auto; font-size: 11px; color: var(--c-fg-3); font-weight: 600; padding: 3px 9px; background: var(--c-tint); border-radius: 999px; color: var(--c-violet-700); }\n.fmstr-cmp-gfb-hero__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-gfb-hero__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-gfb-hero__field--pay { background: var(--c-tint); border-color: var(--c-edge); }\n.fmstr-cmp-gfb-hero__chip { padding: 3px 8px; background: #fff; border: 1px solid var(--c-edge); border-radius: 999px; font-size: 10.5px; font-weight: 800; color: var(--c-violet-700); margin-left: auto; }\n.fmstr-cmp-gfb-hero__form-cta { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 12px; border-radius: 9px; background: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700)); color: #fff; font-size: 14px; font-weight: 700; margin-top: 4px; }\n@media (max-width: 980px) { .fmstr-cmp-gfb-hero__container { grid-template-columns: 1fr; gap: 48px; } .fmstr-cmp-gfb-hero__visual { max-width: 480px; margin: 0 auto; width: 100%; } }\n@media (max-width: 540px) { .fmstr-cmp-gfb-hero__ctas { flex-direction: column; align-items: stretch; } .fmstr-cmp-gfb-hero__cta-primary, .fmstr-cmp-gfb-hero__cta-secondary { justify-content: center; } }\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-gfb-hero\">\n\u003Cdiv class=\"fmstr-cmp-gfb-hero__container\">\n\u003Cdiv class=\"fmstr-cmp-gfb-hero__content\">\n\u003Cspan class=\"fmstr-cmp-gfb-hero__badge\">\u003Cspan class=\"fmstr-cmp-gfb-hero__badge-dot\">\u003C/span>Free forever. No card.\u003C/span>\n\u003Ch1 class=\"fmstr-cmp-gfb-hero__h1\">A real \u003Cspan class=\"fmstr-cmp-gfb-hero__h1-accent\">form builder\u003C/span> for your GoDaddy site, free\u003C/h1>\n\u003Cp class=\"fmstr-cmp-gfb-hero__sub\">GoDaddy's built-in Contact Us form has no logic, no payments, no styling. Build a real form in Formester and paste it into a GoDaddy HTML section in under 2 minutes. Free for the first 100 submissions every month.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-gfb-hero__ctas\">\n\u003Ca class=\"fmstr-cmp-gfb-hero__cta-primary\" href=\"https://app.formester.com/users/sign_up\">Build your free form\u003C/a>\n\u003Ca class=\"fmstr-cmp-gfb-hero__cta-secondary\" href=\"#embed-steps\">See the 3-step embed\u003C/a>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-hero__trust\">\n\u003Cspan class=\"fmstr-cmp-gfb-hero__trust-item\">\u003Csvg class=\"fmstr-cmp-gfb-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>Conditional logic on free\u003C/span>\n\u003Cspan class=\"fmstr-cmp-gfb-hero__trust-item\">\u003Csvg class=\"fmstr-cmp-gfb-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>Stripe + PayPal\u003C/span>\n\u003Cspan class=\"fmstr-cmp-gfb-hero__trust-item\">\u003Csvg class=\"fmstr-cmp-gfb-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>100MB uploads\u003C/span>\n\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-gfb-hero__visual\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-gfb-hero__godaddy-bar\">\n\u003Cspan class=\"fmstr-cmp-gfb-hero__godaddy-bar-icon\">G\u003C/span>\n\u003Cspan class=\"fmstr-cmp-gfb-hero__godaddy-bar-url\">yourbrand.com/contact\u003C/span>\n\u003Cspan class=\"fmstr-cmp-gfb-hero__godaddy-bar-live\">\u003Cspan class=\"fmstr-cmp-gfb-hero__godaddy-bar-live-dot\">\u003C/span>Live\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-hero__form\">\n\u003Cdiv class=\"fmstr-cmp-gfb-hero__form-h\">\n\u003Cspan class=\"fmstr-cmp-gfb-hero__form-h-icon\">F\u003C/span>\n\u003Cspan class=\"fmstr-cmp-gfb-hero__form-h-title\">Service intake\u003C/span>\n\u003Cspan class=\"fmstr-cmp-gfb-hero__form-h-meta\">EMBEDDED · HTML SECTION\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-hero__field\">\u003Cspan class=\"fmstr-cmp-gfb-hero__form-field-label\">FULL NAME\u003C/span>Sarah Chen\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-hero__field\">\u003Cspan class=\"fmstr-cmp-gfb-hero__form-field-label\">SERVICE\u003C/span>Custom build · Tier B\u003Cspan class=\"fmstr-cmp-gfb-hero__chip\">LOGIC\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-hero__field\">\u003Cspan class=\"fmstr-cmp-gfb-hero__form-field-label\">FILE\u003C/span>brief.pdf · 4.2 MB\u003Cspan class=\"fmstr-cmp-gfb-hero__chip\">100MB\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-hero__field fmstr-cmp-gfb-hero__field--pay\">\u003Cspan class=\"fmstr-cmp-gfb-hero__form-field-label\">DEPOSIT\u003C/span>$250.00\u003Cspan class=\"fmstr-cmp-gfb-hero__chip\">STRIPE\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-hero__form-cta\">Send enquiry & pay deposit\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\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",false,{"id":168,"__component":164,"markup":169,"useContainer":166},813,"\u003Cstyle>\n.fmstr-cmp-gfb-cmp { --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586; --c-violet-700: #5b34b1; --c-border: #eaecf0; background: var(--c-soft); padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1); }\n.fmstr-cmp-gfb-cmp *, .fmstr-cmp-gfb-cmp *::before, .fmstr-cmp-gfb-cmp *::after { box-sizing: border-box; }\n.fmstr-cmp-gfb-cmp > *, .fmstr-cmp-gfb-cmp > * > * { min-width: 0; }\n.fmstr-cmp-gfb-cmp__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-gfb-cmp__header { max-width: 760px; margin: 0 auto 40px; text-align: center; }\n.fmstr-cmp-gfb-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-gfb-cmp__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-gfb-cmp__sub a { color: var(--c-violet-700); border-bottom: 1px solid var(--c-tint); }\n.fmstr-cmp-gfb-cmp__scroll { overflow-x: auto; border: 1px solid var(--c-border); border-radius: 16px; box-shadow: 0 1px 3px rgba(16,24,40,.04); background: #fff; }\n.fmstr-cmp-gfb-cmp__table { width: 100%; border-collapse: collapse; min-width: 720px; font-size: 14.5px; }\n.fmstr-cmp-gfb-cmp__table thead th { text-align: left; padding: 16px 20px; font-size: 13px; font-weight: 700; color: var(--c-fg-1); background: #f9fafb; border-bottom: 1px solid var(--c-border); }\n.fmstr-cmp-gfb-cmp__table thead th.fmstr-cmp-gfb-cmp__col-us { background: var(--c-tint); color: var(--c-violet-700); }\n.fmstr-cmp-gfb-cmp__table tbody td { padding: 16px 20px; border-bottom: 1px solid var(--c-border); color: var(--c-fg-2); vertical-align: top; line-height: 1.55; }\n.fmstr-cmp-gfb-cmp__table tbody tr:last-child td { border-bottom: none; }\n.fmstr-cmp-gfb-cmp__table tbody td:first-child { font-weight: 700; color: var(--c-fg-1); }\n.fmstr-cmp-gfb-cmp__table tbody td.fmstr-cmp-gfb-cmp__col-us { background: #fcfaff; color: var(--c-fg-1); font-weight: 500; }\n@media (max-width: 720px) { .fmstr-cmp-gfb-cmp { padding: 64px 16px; } .fmstr-cmp-gfb-cmp__table { font-size: 13.5px; } .fmstr-cmp-gfb-cmp__table thead th, .fmstr-cmp-gfb-cmp__table tbody td { padding: 14px 16px; } }\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-gfb-cmp\">\n\u003Cdiv class=\"fmstr-cmp-gfb-cmp__container\">\n\u003Cdiv class=\"fmstr-cmp-gfb-cmp__header\">\n\u003Ch2 class=\"fmstr-cmp-gfb-cmp__h2\">What GoDaddy's built-in form actually gives you\u003C/h2>\n\u003Cp class=\"fmstr-cmp-gfb-cmp__sub\">The Websites + Marketing Contact Us section is built for one job: pass a message to your inbox. Here's the gap, line by line, \u003Ca href=\"https://www.godaddy.com/help/customize-my-contact-us-section-20113\">confirmed against GoDaddy's official help docs\u003C/a>.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-cmp__scroll\">\n\u003Ctable class=\"fmstr-cmp-gfb-cmp__table\">\n\u003Cthead>\u003Ctr>\u003Cth>Feature\u003C/th>\u003Cth>GoDaddy native Contact Form\u003C/th>\u003Cth class=\"fmstr-cmp-gfb-cmp__col-us\">Formester (Free plan)\u003C/th>\u003C/tr>\u003C/thead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>Field types\u003C/td>\u003Ctd>Text, email, dropdown, checkbox\u003C/td>\u003Ctd class=\"fmstr-cmp-gfb-cmp__col-us\">30+ field types: signature, file upload, payment, scheduler, address, rating, matrix, NPS\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>Conditional logic\u003C/td>\u003Ctd>None\u003C/td>\u003Ctd class=\"fmstr-cmp-gfb-cmp__col-us\">Yes, show or hide fields based on prior answers\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>Payments (Stripe, PayPal)\u003C/td>\u003Ctd>Not supported\u003C/td>\u003Ctd class=\"fmstr-cmp-gfb-cmp__col-us\">Native Stripe and PayPal collection\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>File uploads\u003C/td>\u003Ctd>10MB per file, 15MB total, fixed allowlist\u003C/td>\u003Ctd class=\"fmstr-cmp-gfb-cmp__col-us\">100MB per file on Free, admin-set types, camera capture\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>Branding and styling\u003C/td>\u003Ctd>Layout presets only, no custom CSS\u003C/td>\u003Ctd class=\"fmstr-cmp-gfb-cmp__col-us\">Custom CSS, fonts, brand colors, custom domain on paid plans\u003C/td>\u003C/tr>\n\u003C/tbody>\n\u003C/table>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",{"id":171,"__component":164,"markup":172,"useContainer":166},815,"\u003Cstyle>\n.fmstr-cmp-gfb-em a { text-decoration: none !important; }\n.fmstr-cmp-gfb-em { --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff; --c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586; --c-violet-100: #ede4ff; --c-violet-500: #7f56d9; --c-violet-700: #5b34b1; --c-border: #eaecf0; --c-shadow-md: 0 8px 24px rgba(16,24,40,.06); background: #fff; padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1); }\n.fmstr-cmp-gfb-em *, .fmstr-cmp-gfb-em *::before, .fmstr-cmp-gfb-em *::after { box-sizing: border-box; }\n.fmstr-cmp-gfb-em > *, .fmstr-cmp-gfb-em > * > * { min-width: 0; }\n.fmstr-cmp-gfb-em__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-gfb-em__header { max-width: 760px; margin: 0 auto 56px; text-align: center; }\n.fmstr-cmp-gfb-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-gfb-em__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-gfb-em__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }\n.fmstr-cmp-gfb-em__card { display: flex; flex-direction: column; gap: 14px; padding: 28px; background: var(--c-soft); border: 1px solid var(--c-border); border-radius: 16px; }\n.fmstr-cmp-gfb-em__num { display: inline-flex; align-items: center; gap: 10px; font-size: 12.5px; font-weight: 700; color: var(--c-violet-700); text-transform: uppercase; letter-spacing: 0.08em; }\n.fmstr-cmp-gfb-em__num-pill { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700)); color: #fff; font-weight: 800; font-size: 13px; }\n.fmstr-cmp-gfb-em__title { margin: 0; font-size: 18px; font-weight: 700; line-height: 1.3; }\n.fmstr-cmp-gfb-em__copy { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-gfb-em__copy a { color: var(--c-violet-700); border-bottom: 1px solid var(--c-edge); }\n.fmstr-cmp-gfb-em__code { background: #1d1933; color: #e0d8ff; border-radius: 10px; padding: 12px 14px 12px 14px; font-family: ui-monospace, monospace; font-size: 11.5px; line-height: 1.55; margin-top: 4px; box-shadow: 0 4px 12px rgba(29,25,51,.2); position: relative; overflow-wrap: anywhere; word-break: break-word; }\n.fmstr-cmp-gfb-em__code > div { padding-right: 64px; }\n.fmstr-cmp-gfb-em__code-copy { position: absolute; top: 8px; right: 8px; padding: 3px 8px; background: rgba(127,86,217,.5); color: #fff; border-radius: 5px; font-size: 9.5px; font-weight: 800; letter-spacing: 0.04em; }\n.fmstr-cmp-gfb-em__code-tag { color: #c4b5fd; }\n.fmstr-cmp-gfb-em__code-attr { color: #fbbf24; }\n.fmstr-cmp-gfb-em__code-str { color: #a7f3d0; }\n.fmstr-cmp-gfb-em__panel { background: #fff; border: 1px solid var(--c-border); border-radius: 10px; overflow: hidden; box-shadow: var(--c-shadow-md); }\n.fmstr-cmp-gfb-em__panel-h { display: flex; align-items: center; gap: 8px; padding: 9px 12px; background: var(--c-soft); border-bottom: 1px solid var(--c-border); }\n.fmstr-cmp-gfb-em__panel-h-dot { width: 8px; height: 8px; border-radius: 50%; background: #1bdbdb; }\n.fmstr-cmp-gfb-em__panel-h-title { font-size: 11px; font-weight: 700; color: var(--c-fg-3); }\n.fmstr-cmp-gfb-em__panel-row { padding: 9px 12px; display: flex; align-items: center; gap: 10px; font-size: 12.5px; color: var(--c-fg-2); }\n.fmstr-cmp-gfb-em__panel-row + .fmstr-cmp-gfb-em__panel-row { border-top: 1px dashed var(--c-border); }\n.fmstr-cmp-gfb-em__panel-row-icon { color: var(--c-fg-3); flex-shrink: 0; }\n.fmstr-cmp-gfb-em__panel-row--hl { background: var(--c-tint); color: var(--c-violet-700); font-weight: 700; }\n.fmstr-cmp-gfb-em__panel-row-arrow { margin-left: auto; color: var(--c-violet-700); }\n@media (max-width: 880px) { .fmstr-cmp-gfb-em { padding: 64px 18px; } .fmstr-cmp-gfb-em__grid { grid-template-columns: 1fr; } }\n@media (max-width: 540px) {\n.fmstr-cmp-gfb-em__code { font-size: 10.5px; padding: 12px 12px; }\n.fmstr-cmp-gfb-em__code > div { padding-right: 52px; }\n.fmstr-cmp-gfb-em__code-copy { padding: 3px 7px; font-size: 9px; }\n.fmstr-cmp-gfb-em__panel-row, .fmstr-cmp-gfb-em__panel-row--hl { font-size: 12px; padding: 9px 11px; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-gfb-em\" id=\"embed-steps\">\n\u003Cdiv class=\"fmstr-cmp-gfb-em__container\">\n\u003Cdiv class=\"fmstr-cmp-gfb-em__header\">\n\u003Ch2 class=\"fmstr-cmp-gfb-em__h2\">From signup to live form in under 2 minutes\u003C/h2>\n\u003Cp class=\"fmstr-cmp-gfb-em__sub\">Three steps. No code beyond the iframe snippet.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-em__grid\">\n\u003Cdiv class=\"fmstr-cmp-gfb-em__card\">\n\u003Cdiv class=\"fmstr-cmp-gfb-em__num\">\u003Cspan class=\"fmstr-cmp-gfb-em__num-pill\">1\u003C/span>Step 1\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-gfb-em__title\">Build the form in Formester\u003C/h3>\n\u003Cp class=\"fmstr-cmp-gfb-em__copy\">Open Formester and either start with a \u003Ca href=\"https://formester.com/templates/\">template\u003C/a> or paste a prompt into the \u003Ca href=\"https://formester.com/ai-form-generator/\">AI form generator\u003C/a>. A prompt like \"contact form with name, email, service interest dropdown, message, and a file upload\" returns a working form you can edit field by field.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-gfb-em__card\">\n\u003Cdiv class=\"fmstr-cmp-gfb-em__num\">\u003Cspan class=\"fmstr-cmp-gfb-em__num-pill\">2\u003C/span>Step 2\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-gfb-em__title\">Grab the embed code\u003C/h3>\n\u003Cp class=\"fmstr-cmp-gfb-em__copy\">Hit Share → Embed. Six modes available; for most GoDaddy sites, pick \u003Cstrong>inline\u003C/strong>. The snippet:\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-gfb-em__code\">\n\u003Cspan class=\"fmstr-cmp-gfb-em__code-copy\">COPY\u003C/span>\n\u003Cdiv><\u003Cspan class=\"fmstr-cmp-gfb-em__code-tag\">iframe\u003C/span>\u003C/div>\n\u003Cdiv>  \u003Cspan class=\"fmstr-cmp-gfb-em__code-attr\">src\u003C/span>=\u003Cspan class=\"fmstr-cmp-gfb-em__code-str\">\"https://app.formester.com/forms/YOUR-ID\"\u003C/span>\u003C/div>\n\u003Cdiv>  \u003Cspan class=\"fmstr-cmp-gfb-em__code-attr\">width\u003C/span>=\u003Cspan class=\"fmstr-cmp-gfb-em__code-str\">\"100%\"\u003C/span> \u003Cspan class=\"fmstr-cmp-gfb-em__code-attr\">height\u003C/span>=\u003Cspan class=\"fmstr-cmp-gfb-em__code-str\">\"600\"\u003C/span>>\u003C/div>\n\u003Cdiv></\u003Cspan class=\"fmstr-cmp-gfb-em__code-tag\">iframe\u003C/span>>\u003C/div>\n\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-gfb-em__card\">\n\u003Cdiv class=\"fmstr-cmp-gfb-em__num\">\u003Cspan class=\"fmstr-cmp-gfb-em__num-pill\">3\u003C/span>Step 3\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-gfb-em__title\">Paste into a GoDaddy HTML section\u003C/h3>\n\u003Cp class=\"fmstr-cmp-gfb-em__copy\">Inside the Websites + Marketing editor, click \u003Cstrong>Add Section\u003C/strong> on your page.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-gfb-em__panel\">\n\u003Cdiv class=\"fmstr-cmp-gfb-em__panel-h\">\u003Cspan class=\"fmstr-cmp-gfb-em__panel-h-dot\">\u003C/span>\u003Cspan class=\"fmstr-cmp-gfb-em__panel-h-title\">ADD SECTION · MORE\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-em__panel-row\">\u003Csvg width=\"14\" height=\"14\" class=\"fmstr-cmp-gfb-em__panel-row-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\u003Crect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"/>\u003C/svg>About\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-em__panel-row\">\u003Csvg width=\"14\" height=\"14\" class=\"fmstr-cmp-gfb-em__panel-row-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\"/>\u003C/svg>Pricing\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-em__panel-row fmstr-cmp-gfb-em__panel-row--hl\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\u003Cpolyline points=\"16 18 22 12 16 6\"/>\u003Cpolyline points=\"8 6 2 12 8 18\"/>\u003C/svg>HTML\u003Cspan class=\"fmstr-cmp-gfb-em__panel-row-arrow\">←\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-em__panel-row\">\u003Csvg width=\"14\" height=\"14\" class=\"fmstr-cmp-gfb-em__panel-row-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\u003Crect x=\"3\" y=\"8\" width=\"18\" height=\"13\" rx=\"2\"/>\u003C/svg>Map\u003C/div>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-gfb-em__copy\" style=\"margin-top: 4px;\">Paste the embed snippet into the HTML editor. Save. Publish your site. The form is live, with submissions flowing into your Formester dashboard, your email, and any integration you've connected.\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",{"id":174,"__component":164,"markup":175,"useContainer":166},808,"\u003Cstyle>\n.fmstr-cmp-gfb-whats { --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff; --c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586; --c-violet-700: #5b34b1; --c-success: #12b76a; --c-border: #eaecf0; background: var(--c-soft); padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1); }\n.fmstr-cmp-gfb-whats *, .fmstr-cmp-gfb-whats *::before, .fmstr-cmp-gfb-whats *::after { box-sizing: border-box; }\n.fmstr-cmp-gfb-whats > *, .fmstr-cmp-gfb-whats > * > * { min-width: 0; }\n.fmstr-cmp-gfb-whats__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-gfb-whats__header { max-width: 760px; margin: 0 auto 48px; text-align: center; }\n.fmstr-cmp-gfb-whats__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-gfb-whats__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-gfb-whats__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }\n.fmstr-cmp-gfb-whats__item { display: flex; align-items: flex-start; gap: 12px; padding: 16px 18px; background: #fff; border: 1px solid var(--c-border); border-radius: 12px; font-size: 14.5px; line-height: 1.55; color: var(--c-fg-1); }\n.fmstr-cmp-gfb-whats__item svg { flex-shrink: 0; width: 18px; height: 18px; color: var(--c-success); margin-top: 2px; }\n.fmstr-cmp-gfb-whats__foot { margin: 28px 0 0; padding: 18px 22px; background: #fff; border: 1px dashed var(--c-edge); border-radius: 12px; font-size: 14.5px; line-height: 1.55; color: var(--c-fg-2); text-align: center; }\n.fmstr-cmp-gfb-whats__foot a { color: var(--c-violet-700); border-bottom: 1px solid var(--c-tint); }\n@media (max-width: 720px) { .fmstr-cmp-gfb-whats { padding: 64px 18px; } .fmstr-cmp-gfb-whats__list { grid-template-columns: 1fr; } }\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-gfb-whats\">\n\u003Cdiv class=\"fmstr-cmp-gfb-whats__container\">\n\u003Cdiv class=\"fmstr-cmp-gfb-whats__header\">\n\u003Ch2 class=\"fmstr-cmp-gfb-whats__h2\">What you get on the free plan, no card needed\u003C/h2>\n\u003Cp class=\"fmstr-cmp-gfb-whats__sub\">Every line below ships on Formester Free, embeds on any GoDaddy HTML section.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-whats__list\">\n\u003Cdiv class=\"fmstr-cmp-gfb-whats__item\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\u003Cspan>\u003Cstrong>100 submissions per month\u003C/strong>, every month.\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-whats__item\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\u003Cspan>\u003Cstrong>10 forms\u003C/strong>, every form type.\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-whats__item\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\u003Cspan>\u003Cstrong>AI form generator\u003C/strong> (prompt, paste questions, or upload a PDF).\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-whats__item\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\u003Cspan>\u003Cstrong>All 30+ field types\u003C/strong> including payments, signature, file upload, scheduler.\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-whats__item\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\u003Cspan>\u003Cstrong>File uploads up to 100MB\u003C/strong> per file.\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-whats__item\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\u003Cspan>\u003Cstrong>Drop-off analytics\u003C/strong>, completion rate, time spent per field.\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-whats__item\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\u003Cspan>\u003Cstrong>Native integrations\u003C/strong>: Google Sheets, Slack, HubSpot, Stripe, PayPal, Calendly, Mailgun, SendGrid, n8n, Pabbly, Zapier, webhooks.\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-whats__item\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\u003Cspan>\u003Cstrong>Embed on any GoDaddy page\u003C/strong>, any number of pages.\u003C/span>\u003C/div>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-gfb-whats__foot\">Formester branding sits in the footer on Free. Branding removal starts on the \u003Ca href=\"https://formester.com/pricing/\">Personal plan at $12/mo annual\u003C/a>.\u003C/p>\n\u003C/div>\n\u003C/section>\n",{"id":177,"__component":164,"markup":178,"useContainer":166},814,"\u003Cstyle>\n.fmstr-cmp-gfb-tpl a { text-decoration: none !important; }\n.fmstr-cmp-gfb-tpl { --c-soft: #f9fafb; --c-edge: #e4d7ff; --c-fg-1: #101828; --c-fg-2: #475467; --c-violet-700: #5b34b1; --c-border: #eaecf0; background: #fff; padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1); }\n.fmstr-cmp-gfb-tpl *, .fmstr-cmp-gfb-tpl *::before, .fmstr-cmp-gfb-tpl *::after { box-sizing: border-box; }\n.fmstr-cmp-gfb-tpl > *, .fmstr-cmp-gfb-tpl > * > * { min-width: 0; }\n.fmstr-cmp-gfb-tpl__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-gfb-tpl__header { max-width: 760px; margin: 0 auto 48px; text-align: center; }\n.fmstr-cmp-gfb-tpl__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-gfb-tpl__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-gfb-tpl__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n.fmstr-cmp-gfb-tpl__card { display: flex; flex-direction: column; gap: 10px; padding: 22px; background: var(--c-soft); border: 1px solid var(--c-border); border-radius: 14px; color: inherit !important; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }\n.fmstr-cmp-gfb-tpl__card:hover { border-color: var(--c-edge); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(16,24,40,.06); }\n.fmstr-cmp-gfb-tpl__emoji { font-size: 26px; }\n.fmstr-cmp-gfb-tpl__title { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; }\n.fmstr-cmp-gfb-tpl__copy { margin: 0; font-size: 14px; line-height: 1.55; color: var(--c-fg-2); flex: 1; }\n.fmstr-cmp-gfb-tpl__cta { margin-top: 4px; display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 700; color: var(--c-violet-700) !important; }\n@media (max-width: 880px) { .fmstr-cmp-gfb-tpl { padding: 64px 18px; } .fmstr-cmp-gfb-tpl__grid { grid-template-columns: repeat(2, 1fr); } }\n@media (max-width: 540px) { .fmstr-cmp-gfb-tpl__grid { grid-template-columns: 1fr; } }\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-gfb-tpl\">\n\u003Cdiv class=\"fmstr-cmp-gfb-tpl__container\">\n\u003Cdiv class=\"fmstr-cmp-gfb-tpl__header\">\n\u003Ch2 class=\"fmstr-cmp-gfb-tpl__h2\">Start with a template, swap the copy, embed\u003C/h2>\n\u003Cp class=\"fmstr-cmp-gfb-tpl__sub\">Six free Formester templates that drop straight into a GoDaddy HTML section.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-tpl__grid\">\n\u003Ca href=\"https://formester.com/templates/contact-form-template-1660/\" class=\"fmstr-cmp-gfb-tpl__card\">\u003Cspan class=\"fmstr-cmp-gfb-tpl__emoji\">✉️\u003C/span>\u003Ch3 class=\"fmstr-cmp-gfb-tpl__title\">Contact Form\u003C/h3>\u003Cp class=\"fmstr-cmp-gfb-tpl__copy\">Replace GoDaddy's Contact Us with one that does logic and routing.\u003C/p>\u003Cspan class=\"fmstr-cmp-gfb-tpl__cta\">Use this template →\u003C/span>\u003C/a>\n\u003Ca href=\"https://formester.com/templates/lead-generation-form-700/\" class=\"fmstr-cmp-gfb-tpl__card\">\u003Cspan class=\"fmstr-cmp-gfb-tpl__emoji\">🎯\u003C/span>\u003Ch3 class=\"fmstr-cmp-gfb-tpl__title\">Lead Generation Form\u003C/h3>\u003Cp class=\"fmstr-cmp-gfb-tpl__copy\">Multi-step lead capture with qualifying questions.\u003C/p>\u003Cspan class=\"fmstr-cmp-gfb-tpl__cta\">Use this template →\u003C/span>\u003C/a>\n\u003Ca href=\"https://formester.com/templates/appointment-request-form-13454/\" class=\"fmstr-cmp-gfb-tpl__card\">\u003Cspan class=\"fmstr-cmp-gfb-tpl__emoji\">📅\u003C/span>\u003Ch3 class=\"fmstr-cmp-gfb-tpl__title\">Appointment Request\u003C/h3>\u003Cp class=\"fmstr-cmp-gfb-tpl__copy\">Booking inquiries with calendar field and service picker.\u003C/p>\u003Cspan class=\"fmstr-cmp-gfb-tpl__cta\">Use this template →\u003C/span>\u003C/a>\n\u003Ca href=\"https://formester.com/templates/newsletter-signup-27615/\" class=\"fmstr-cmp-gfb-tpl__card\">\u003Cspan class=\"fmstr-cmp-gfb-tpl__emoji\">📬\u003C/span>\u003Ch3 class=\"fmstr-cmp-gfb-tpl__title\">Newsletter Signup\u003C/h3>\u003Cp class=\"fmstr-cmp-gfb-tpl__copy\">Email capture that pushes straight into Mailgun or HubSpot.\u003C/p>\u003Cspan class=\"fmstr-cmp-gfb-tpl__cta\">Use this template →\u003C/span>\u003C/a>\n\u003Ca href=\"https://formester.com/templates/customer-feedback-form-31840/\" class=\"fmstr-cmp-gfb-tpl__card\">\u003Cspan class=\"fmstr-cmp-gfb-tpl__emoji\">⭐\u003C/span>\u003Ch3 class=\"fmstr-cmp-gfb-tpl__title\">Customer Feedback\u003C/h3>\u003Cp class=\"fmstr-cmp-gfb-tpl__copy\">Star ratings, NPS, open comments.\u003C/p>\u003Cspan class=\"fmstr-cmp-gfb-tpl__cta\">Use this template →\u003C/span>\u003C/a>\n\u003Ca href=\"https://formester.com/templates/service-request-form-23805/\" class=\"fmstr-cmp-gfb-tpl__card\">\u003Cspan class=\"fmstr-cmp-gfb-tpl__emoji\">🔧\u003C/span>\u003Ch3 class=\"fmstr-cmp-gfb-tpl__title\">Service Request\u003C/h3>\u003Cp class=\"fmstr-cmp-gfb-tpl__copy\">Quote intake with file upload and conditional fields.\u003C/p>\u003Cspan class=\"fmstr-cmp-gfb-tpl__cta\">Use this template →\u003C/span>\u003C/a>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",{"id":180,"__component":164,"markup":181,"useContainer":166},810,"\u003Cstyle>\n.fmstr-cmp-gfb-up a { text-decoration: none !important; }\n.fmstr-cmp-gfb-up { --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff; --c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586; --c-violet-100: #ede4ff; --c-violet-300: #c4b1ee; --c-violet-500: #7f56d9; --c-violet-700: #5b34b1; --c-success: #12b76a; --c-border: #eaecf0; background: var(--c-soft); padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1); }\n.fmstr-cmp-gfb-up *, .fmstr-cmp-gfb-up *::before, .fmstr-cmp-gfb-up *::after { box-sizing: border-box; }\n.fmstr-cmp-gfb-up > *, .fmstr-cmp-gfb-up > * > * { min-width: 0; }\n.fmstr-cmp-gfb-up__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-gfb-up__header { max-width: 760px; margin: 0 auto 32px; text-align: center; }\n.fmstr-cmp-gfb-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-gfb-up__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n\n/* Plan ladder strip */\n.fmstr-cmp-gfb-up__ladder { display: flex; align-items: center; justify-content: center; gap: 4px; margin: 0 auto 40px; padding: 14px 22px; background: #fff; border: 1px solid var(--c-border); border-radius: 999px; max-width: 820px; flex-wrap: wrap; }\n.fmstr-cmp-gfb-up__rung { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; color: var(--c-fg-3); padding: 4px 0; }\n.fmstr-cmp-gfb-up__rung-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--c-success); }\n.fmstr-cmp-gfb-up__rung-arrow { color: var(--c-fg-3); margin: 0 2px; }\n.fmstr-cmp-gfb-up__rung-arrow svg { width: 12px; height: 12px; }\n.fmstr-cmp-gfb-up__rung--current { color: var(--c-success); padding: 5px 12px; background: #ecfdf3; border-radius: 999px; }\n.fmstr-cmp-gfb-up__rung--up { color: var(--c-violet-700); padding: 5px 12px; background: var(--c-tint); border-radius: 999px; }\n\n.fmstr-cmp-gfb-up__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n.fmstr-cmp-gfb-up__card { position: relative; display: flex; flex-direction: column; gap: 16px; padding: 28px; background: #fff; border: 1px solid var(--c-border); border-radius: 18px; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }\n.fmstr-cmp-gfb-up__card:hover { border-color: var(--c-edge); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(16,24,40,.06); }\n.fmstr-cmp-gfb-up__card--popular { border-color: var(--c-violet-300); box-shadow: 0 8px 24px rgba(127,86,217,.12); }\n.fmstr-cmp-gfb-up__badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); padding: 5px 14px; border-radius: 999px; background: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700)); color: #fff; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; box-shadow: 0 4px 12px rgba(127,86,217,.3); white-space: nowrap; }\n.fmstr-cmp-gfb-up__plan { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; border-bottom: 1px solid var(--c-border); }\n.fmstr-cmp-gfb-up__plan-name { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 800; color: var(--c-violet-700); text-transform: uppercase; letter-spacing: 0.06em; }\n.fmstr-cmp-gfb-up__plan-icon { width: 32px; height: 32px; border-radius: 9px; background: var(--c-tint); color: var(--c-violet-700); display: inline-flex; align-items: center; justify-content: center; }\n.fmstr-cmp-gfb-up__plan-icon svg { width: 16px; height: 16px; }\n.fmstr-cmp-gfb-up__plan-price { font-size: 22px; font-weight: 800; color: var(--c-fg-1); letter-spacing: -0.02em; line-height: 1; }\n.fmstr-cmp-gfb-up__plan-price small { font-size: 11.5px; font-weight: 600; color: var(--c-fg-3); display: block; margin-top: 2px; }\n\n.fmstr-cmp-gfb-up__trigger { display: flex; align-items: center; gap: 8px; padding: 6px 12px; background: var(--c-soft); border-radius: 8px; font-size: 11.5px; font-weight: 700; color: var(--c-fg-3); text-transform: uppercase; letter-spacing: 0.06em; align-self: flex-start; }\n.fmstr-cmp-gfb-up__trigger-icon { width: 14px; height: 14px; color: var(--c-violet-700); flex-shrink: 0; }\n.fmstr-cmp-gfb-up__title { margin: 0; font-size: 17px; font-weight: 700; line-height: 1.3; }\n.fmstr-cmp-gfb-up__copy { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-gfb-up__copy a { color: var(--c-violet-700); border-bottom: 1px solid var(--c-edge); }\n.fmstr-cmp-gfb-up__bullets { margin: auto 0 0; padding: 16px 0 0; list-style: none; border-top: 1px dashed var(--c-edge); display: flex; flex-direction: column; gap: 8px; }\n.fmstr-cmp-gfb-up__bullets li { display: flex; align-items: center; gap: 10px; font-size: 13.5px; line-height: 1.45; color: var(--c-fg-1); font-weight: 500; }\n.fmstr-cmp-gfb-up__bullet-tick { flex-shrink: 0; width: 16px; height: 16px; border-radius: 50%; background: rgba(18,183,106,.12); color: var(--c-success); display: inline-flex; align-items: center; justify-content: center; }\n.fmstr-cmp-gfb-up__bullet-tick svg { width: 9px; height: 9px; }\n\n@media (max-width: 880px) { .fmstr-cmp-gfb-up { padding: 64px 18px; } .fmstr-cmp-gfb-up__grid { grid-template-columns: 1fr; } .fmstr-cmp-gfb-up__ladder { padding: 10px 14px; gap: 2px; } }\n@media (max-width: 600px) {\n.fmstr-cmp-gfb-up__ladder { flex-direction: column; gap: 6px; border-radius: 18px; padding: 14px 18px; }\n.fmstr-cmp-gfb-up__rung-arrow { transform: rotate(90deg); margin: 0; }\n.fmstr-cmp-gfb-up__rung { padding: 5px 12px; border-radius: 999px; }\n.fmstr-cmp-gfb-up__badge { font-size: 10px; padding: 4px 11px; letter-spacing: 0.05em; }\n.fmstr-cmp-gfb-up__plan { gap: 12px; }\n.fmstr-cmp-gfb-up__plan-price { font-size: 19px; }\n.fmstr-cmp-gfb-up__plan-name { font-size: 12px; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-gfb-up\">\n\u003Cdiv class=\"fmstr-cmp-gfb-up__container\">\n\u003Cdiv class=\"fmstr-cmp-gfb-up__header\">\n\u003Ch2 class=\"fmstr-cmp-gfb-up__h2\">When the Free plan stops being enough\u003C/h2>\n\u003Cp class=\"fmstr-cmp-gfb-up__sub\">Three honest upgrade triggers, ordered by how often they fire.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-gfb-up__ladder\">\n\u003Cspan class=\"fmstr-cmp-gfb-up__rung fmstr-cmp-gfb-up__rung--current\">\u003Cspan class=\"fmstr-cmp-gfb-up__rung-dot\">\u003C/span>You are here · Free\u003C/span>\n\u003Cspan class=\"fmstr-cmp-gfb-up__rung-arrow\">\u003Csvg 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>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-gfb-up__rung fmstr-cmp-gfb-up__rung--up\">Personal · $12/mo\u003C/span>\n\u003Cspan class=\"fmstr-cmp-gfb-up__rung-arrow\">\u003Csvg 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>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-gfb-up__rung\">Business · $45/mo\u003C/span>\n\u003Cspan class=\"fmstr-cmp-gfb-up__rung-arrow\">\u003Csvg 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>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-gfb-up__rung\">Enterprise · Custom\u003C/span>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-gfb-up__grid\">\n\n\u003Cdiv class=\"fmstr-cmp-gfb-up__card fmstr-cmp-gfb-up__card--popular\">\n\u003Cspan class=\"fmstr-cmp-gfb-up__badge\">Most common upgrade\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-gfb-up__plan\">\n\u003Cspan class=\"fmstr-cmp-gfb-up__plan-name\">\n\u003Cspan class=\"fmstr-cmp-gfb-up__plan-icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M8 1.5v13M3 6.5l5-5 5 5\"/>\u003C/svg>\u003C/span>\nPersonal\n\u003C/span>\n\u003Cspan class=\"fmstr-cmp-gfb-up__plan-price\">$12\u003Csmall>/mo annual\u003C/small>\u003C/span>\n\u003C/div>\n\u003Cspan class=\"fmstr-cmp-gfb-up__trigger\">\u003Csvg class=\"fmstr-cmp-gfb-up__trigger-icon\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M3 10l3-3 3 3 4-4\"/>\u003C/svg>Trigger: 100+/mo\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-gfb-up__title\">Cross 100 submissions a month\u003C/h3>\n\u003Cp class=\"fmstr-cmp-gfb-up__copy\">The \u003Ca href=\"https://formester.com/pricing/\">Personal plan\u003C/a> lifts you to 1,000 a month, removes Formester branding, and unlocks conditional logic with redirect-on-completion and GTM + GA4 tracking.\u003C/p>\n\u003Cul class=\"fmstr-cmp-gfb-up__bullets\">\n\u003Cli>\u003Cspan class=\"fmstr-cmp-gfb-up__bullet-tick\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>1,000 monthly responses\u003C/li>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-gfb-up__bullet-tick\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>Branding removed\u003C/li>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-gfb-up__bullet-tick\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>Conditional logic + redirects\u003C/li>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-gfb-up__bullet-tick\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>GTM + GA4 tracking\u003C/li>\n\u003C/ul>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-gfb-up__card\">\n\u003Cdiv class=\"fmstr-cmp-gfb-up__plan\">\n\u003Cspan class=\"fmstr-cmp-gfb-up__plan-name\">\n\u003Cspan class=\"fmstr-cmp-gfb-up__plan-icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"2\" y=\"4\" width=\"12\" height=\"10\" rx=\"1.5\"/>\u003Cpath d=\"M6 4V2.5h4V4M2 8h12\"/>\u003C/svg>\u003C/span>\nBusiness\n\u003C/span>\n\u003Cspan class=\"fmstr-cmp-gfb-up__plan-price\">$45\u003Csmall>/mo annual\u003C/small>\u003C/span>\n\u003C/div>\n\u003Cspan class=\"fmstr-cmp-gfb-up__trigger\">\u003Csvg class=\"fmstr-cmp-gfb-up__trigger-icon\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"2\" y=\"3\" width=\"12\" height=\"10\" rx=\"1\"/>\u003Cpath d=\"M5 1v2M11 1v2\"/>\u003C/svg>Trigger: forms = lifeline\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-gfb-up__title\">Forms become how you run the business\u003C/h3>\n\u003Cp class=\"fmstr-cmp-gfb-up__copy\">When intake forms are the lifeline: 15,000 monthly submissions, REST API v2, PDF export of every response, 50GB file storage, 25 team seats, real-time collaboration.\u003C/p>\n\u003Cul class=\"fmstr-cmp-gfb-up__bullets\">\n\u003Cli>\u003Cspan class=\"fmstr-cmp-gfb-up__bullet-tick\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>15,000 monthly responses\u003C/li>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-gfb-up__bullet-tick\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>REST API v2\u003C/li>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-gfb-up__bullet-tick\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>PDF response exports\u003C/li>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-gfb-up__bullet-tick\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>50GB storage · 25 seats\u003C/li>\n\u003C/ul>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-gfb-up__card\">\n\u003Cdiv class=\"fmstr-cmp-gfb-up__plan\">\n\u003Cspan class=\"fmstr-cmp-gfb-up__plan-name\">\n\u003Cspan class=\"fmstr-cmp-gfb-up__plan-icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M2 13L8 2l6 11H2z\"/>\u003C/svg>\u003C/span>\nEnterprise\n\u003C/span>\n\u003Cspan class=\"fmstr-cmp-gfb-up__plan-price\">Custom\u003C/span>\n\u003C/div>\n\u003Cspan class=\"fmstr-cmp-gfb-up__trigger\">\u003Csvg class=\"fmstr-cmp-gfb-up__trigger-icon\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Ccircle cx=\"8\" cy=\"6\" r=\"2.5\"/>\u003Cpath d=\"M3 14a5 5 0 0 1 10 0\"/>\u003C/svg>Trigger: procurement\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-gfb-up__title\">Custom limits + priority support\u003C/h3>\n\u003Cp class=\"fmstr-cmp-gfb-up__copy\">For procurement teams that need an MSA, custom limits, unlimited webhooks, and a named CS contact.\u003C/p>\n\u003Cul class=\"fmstr-cmp-gfb-up__bullets\">\n\u003Cli>\u003Cspan class=\"fmstr-cmp-gfb-up__bullet-tick\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>Custom response limits\u003C/li>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-gfb-up__bullet-tick\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>Unlimited webhooks\u003C/li>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-gfb-up__bullet-tick\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>Priority support\u003C/li>\n\u003Cli>\u003Cspan class=\"fmstr-cmp-gfb-up__bullet-tick\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>Custom MSA\u003C/li>\n\u003C/ul>\n\u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",{"id":183,"__component":164,"markup":184,"useContainer":166},812,"\u003Cstyle>\n.fmstr-cmp-gfb-cta a { text-decoration: none !important; }\n.fmstr-cmp-gfb-cta { --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); padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-on-dark); position: relative; overflow: hidden; background: 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.fmstr-cmp-gfb-cta *, .fmstr-cmp-gfb-cta *::before, .fmstr-cmp-gfb-cta *::after { box-sizing: border-box; }\n.fmstr-cmp-gfb-cta > *, .fmstr-cmp-gfb-cta > * > * { min-width: 0; }\n.fmstr-cmp-gfb-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-gfb-cta__container { position: relative; max-width: 880px; margin: 0 auto; text-align: center; }\n.fmstr-cmp-gfb-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; }\n.fmstr-cmp-gfb-cta__eyebrow-dot { width: 8px; height: 8px; border-radius: 50%; background: #12b76a; box-shadow: 0 0 0 4px rgba(18,183,106,0.3); }\n.fmstr-cmp-gfb-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-gfb-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-gfb-cta__ctas { display: inline-flex; gap: 14px; flex-wrap: wrap; justify-content: center; align-items: center; }\n.fmstr-cmp-gfb-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; box-shadow: 0 8px 24px rgba(0,0,0,0.18); }\n.fmstr-cmp-gfb-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-gfb-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-gfb-cta__stat { display: flex; flex-direction: column; align-items: center; gap: 4px; }\n.fmstr-cmp-gfb-cta__stat-num { font-size: 22px; font-weight: 700; }\n.fmstr-cmp-gfb-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) { .fmstr-cmp-gfb-cta { padding: 64px 20px; } }\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-gfb-cta\">\n\u003Cdiv class=\"fmstr-cmp-gfb-cta__grid\" aria-hidden=\"true\">\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-cta__container\">\n\u003Cspan class=\"fmstr-cmp-gfb-cta__eyebrow\">\u003Cspan class=\"fmstr-cmp-gfb-cta__eyebrow-dot\">\u003C/span>2 MINUTES TO LIVE\u003C/span>\n\u003Ch2 class=\"fmstr-cmp-gfb-cta__h2\">Replace GoDaddy's form in the next 2 minutes\u003C/h2>\n\u003Cp class=\"fmstr-cmp-gfb-cta__sub\">Build your free form and embed it on your GoDaddy site today, or try the AI generator and let it write the fields for you.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-gfb-cta__ctas\">\n\u003Ca href=\"https://formester.com/features/drag-and-drop-form-builder/\" class=\"fmstr-cmp-gfb-cta__primary\">Build your 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/ai-form-generator/\" class=\"fmstr-cmp-gfb-cta__secondary\">Try the AI generator\u003C/a>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-cta__stats\">\n\u003Cdiv class=\"fmstr-cmp-gfb-cta__stat\">\u003Cspan class=\"fmstr-cmp-gfb-cta__stat-num\">2 min\u003C/span>\u003Cspan class=\"fmstr-cmp-gfb-cta__stat-label\">To live form\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-cta__stat\">\u003Cspan class=\"fmstr-cmp-gfb-cta__stat-num\">100 / mo\u003C/span>\u003Cspan class=\"fmstr-cmp-gfb-cta__stat-label\">Free submissions\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-cta__stat\">\u003Cspan class=\"fmstr-cmp-gfb-cta__stat-num\">30+\u003C/span>\u003Cspan class=\"fmstr-cmp-gfb-cta__stat-label\">Field types\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-cta__stat\">\u003Cspan class=\"fmstr-cmp-gfb-cta__stat-num\">100MB\u003C/span>\u003Cspan class=\"fmstr-cmp-gfb-cta__stat-label\">File uploads\u003C/span>\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",{"id":186,"__component":164,"markup":187,"useContainer":166},809,"\u003Cstyle>\n.fmstr-cmp-gfb-faq { --c-tint: #f7f3ff; --c-edge: #e4d7ff; --c-fg-1: #101828; --c-fg-2: #475467; --c-violet-700: #5b34b1; --c-border: #eaecf0; background: #fff; padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1); }\n.fmstr-cmp-gfb-faq *, .fmstr-cmp-gfb-faq *::before, .fmstr-cmp-gfb-faq *::after { box-sizing: border-box; }\n.fmstr-cmp-gfb-faq > *, .fmstr-cmp-gfb-faq > * > * { min-width: 0; }\n.fmstr-cmp-gfb-faq__container { max-width: 880px; margin: 0 auto; }\n.fmstr-cmp-gfb-faq__header { text-align: center; margin-bottom: 48px; }\n.fmstr-cmp-gfb-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-gfb-faq__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-gfb-faq__list { display: flex; flex-direction: column; gap: 12px; }\n.fmstr-cmp-gfb-faq__item { background: #fff; border: 1px solid var(--c-border); border-radius: 14px; overflow: hidden; transition: border-color .2s ease; }\n.fmstr-cmp-gfb-faq__item:hover, .fmstr-cmp-gfb-faq__item[open] { border-color: var(--c-edge); }\n.fmstr-cmp-gfb-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-gfb-faq__summary::-webkit-details-marker { display: none; }\n.fmstr-cmp-gfb-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-gfb-faq__item[open] .fmstr-cmp-gfb-faq__chev { transform: rotate(180deg); }\n.fmstr-cmp-gfb-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-gfb-faq { padding: 64px 18px; } .fmstr-cmp-gfb-faq__summary { padding: 18px 20px; font-size: 15.5px; } .fmstr-cmp-gfb-faq__answer { padding: 0 20px 18px; } }\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-gfb-faq\">\n\u003Cdiv class=\"fmstr-cmp-gfb-faq__container\">\n\u003Cdiv class=\"fmstr-cmp-gfb-faq__header\">\n\u003Ch2 class=\"fmstr-cmp-gfb-faq__h2\">GoDaddy embed FAQs\u003C/h2>\n\u003Cp class=\"fmstr-cmp-gfb-faq__sub\">Logic, payments, embed flow, and Wix / Squarespace comparison.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-faq__list\">\n\u003Cdetails class=\"fmstr-cmp-gfb-faq__item\">\u003Csummary class=\"fmstr-cmp-gfb-faq__summary\">Does GoDaddy's built-in form support conditional logic?\u003Cspan class=\"fmstr-cmp-gfb-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>\u003Cdiv class=\"fmstr-cmp-gfb-faq__answer\">No. GoDaddy's Websites + Marketing Contact Form lets you reorder fields and add basic ones (text, dropdown, checkbox), but there is no way to show or hide fields based on prior answers. If you need a form that asks different questions to different respondents, you need an external builder. Formester handles this natively on every plan with conditional logic.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-gfb-faq__item\">\u003Csummary class=\"fmstr-cmp-gfb-faq__summary\">Where do I paste the embed code in GoDaddy?\u003Cspan class=\"fmstr-cmp-gfb-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>\u003Cdiv class=\"fmstr-cmp-gfb-faq__answer\">Inside the GoDaddy Websites + Marketing editor, open the page you want the form on, click Add Section, scroll to the HTML option (it sits under More), and select it. Paste your Formester iframe snippet into the HTML editor and save. Publish the site to push it live.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-gfb-faq__item\">\u003Csummary class=\"fmstr-cmp-gfb-faq__summary\">Will the embedded form match my GoDaddy site's design?\u003Cspan class=\"fmstr-cmp-gfb-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>\u003Cdiv class=\"fmstr-cmp-gfb-faq__answer\">Yes, more closely than the native form. Formester gives you brand colors, custom fonts, and custom CSS on paid plans, so the form picks up your GoDaddy site's look. GoDaddy's native form only offers layout presets and shows GoDaddy styling cues.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-gfb-faq__item\">\u003Csummary class=\"fmstr-cmp-gfb-faq__summary\">Can I accept Stripe or PayPal payments through a form on GoDaddy?\u003Cspan class=\"fmstr-cmp-gfb-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>\u003Cdiv class=\"fmstr-cmp-gfb-faq__answer\">Not through GoDaddy's native contact form. Payments aren't part of Websites + Marketing's form builder. Formester ships native Stripe and PayPal fields, with AES-256 encryption on the payment layer, so you can collect deposits, full payments, or recurring charges through a form embedded on any GoDaddy page.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-gfb-faq__item\">\u003Csummary class=\"fmstr-cmp-gfb-faq__summary\">How do I get notified when someone submits the form?\u003Cspan class=\"fmstr-cmp-gfb-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>\u003Cdiv class=\"fmstr-cmp-gfb-faq__answer\">Formester emails you on every submission by default. You can also send the submission as a PDF to the respondent, push it into Google Sheets, fire a webhook, post to Slack, create a HubSpot contact, or trigger an n8n or Zapier flow. All of these run on the Free plan.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-gfb-faq__item\">\u003Csummary class=\"fmstr-cmp-gfb-faq__summary\">Does the form work on mobile-optimized GoDaddy sites?\u003Cspan class=\"fmstr-cmp-gfb-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>\u003Cdiv class=\"fmstr-cmp-gfb-faq__answer\">Yes. Formester's embed is responsive by default and will fit the width of whatever container you drop it into, including GoDaddy's mobile layouts. Test it in GoDaddy's editor Preview mode before you publish to confirm the height is right for your form length.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-gfb-faq__item\">\u003Csummary class=\"fmstr-cmp-gfb-faq__summary\">Can I switch from GoDaddy's form to Formester later without losing data?\u003Cspan class=\"fmstr-cmp-gfb-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>\u003Cdiv class=\"fmstr-cmp-gfb-faq__answer\">Yes. Leave GoDaddy's contact form in place while you build the Formester version, embed Formester on a new section, then delete GoDaddy's section once you've verified submissions are landing where you want them. Past GoDaddy submissions stay in your GoDaddy email. New submissions land in Formester from the moment you publish.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-gfb-faq__item\">\u003Csummary class=\"fmstr-cmp-gfb-faq__summary\">How does Formester compare to Wix or Squarespace's native form builders?\u003Cspan class=\"fmstr-cmp-gfb-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>\u003Cdiv class=\"fmstr-cmp-gfb-faq__answer\">Same story as GoDaddy. Wix Forms and Squarespace's Form block both ship basic field sets, limited logic, and limited payments. Formester replaces them with an embed that brings real conditional logic, real payments, real file handling, and 30+ field types. The embed flow is identical on each platform: copy the iframe, paste into an HTML or Embed block, publish.\u003C/div>\u003C/details>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",{"id":189,"__component":164,"markup":190,"useContainer":166},811,"\u003Cstyle>\n.fmstr-cmp-gfb-rel a { text-decoration: none !important; }\n.fmstr-cmp-gfb-rel { --c-soft: #f9fafb; --c-edge: #e4d7ff; --c-fg-1: #101828; --c-fg-2: #475467; --c-violet-500: #7f56d9; --c-violet-700: #5b34b1; --c-border: #eaecf0; background: 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.fmstr-cmp-gfb-rel *, .fmstr-cmp-gfb-rel *::before, .fmstr-cmp-gfb-rel *::after { box-sizing: border-box; }\n.fmstr-cmp-gfb-rel > *, .fmstr-cmp-gfb-rel > * > * { min-width: 0; }\n.fmstr-cmp-gfb-rel__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-gfb-rel__header { max-width: 720px; margin: 0 auto 40px; text-align: center; }\n.fmstr-cmp-gfb-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-gfb-rel__sub { margin: 0; font-size: 16px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-gfb-rel__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }\n.fmstr-cmp-gfb-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-gfb-rel__card:hover { border-color: var(--c-edge); transform: translateY(-1px); }\n.fmstr-cmp-gfb-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-gfb-rel__icon svg { width: 18px; height: 18px; }\n.fmstr-cmp-gfb-rel__title { margin: 0; font-size: 15px; font-weight: 700; }\n.fmstr-cmp-gfb-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-gfb-rel { padding: 56px 18px; } .fmstr-cmp-gfb-rel__grid { grid-template-columns: 1fr; } }\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-gfb-rel\">\n\u003Cdiv class=\"fmstr-cmp-gfb-rel__container\">\n\u003Cdiv class=\"fmstr-cmp-gfb-rel__header\">\n\u003Ch2 class=\"fmstr-cmp-gfb-rel__h2\">Related Formester guides\u003C/h2>\n\u003Cp class=\"fmstr-cmp-gfb-rel__sub\">Embed flows for every other major CMS.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-gfb-rel__grid\">\n\u003Ca href=\"https://formester.com/features/drag-and-drop-form-builder/\" class=\"fmstr-cmp-gfb-rel__card\">\u003Cspan class=\"fmstr-cmp-gfb-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 13h6\"/>\u003C/svg>\u003C/span>\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-gfb-rel__title\">Form Builder\u003C/h3>\u003Cp class=\"fmstr-cmp-gfb-rel__copy\">The full drag-and-drop editor with every field type.\u003C/p>\u003C/div>\u003C/a>\n\u003Ca href=\"https://formester.com/ai-form-generator/\" class=\"fmstr-cmp-gfb-rel__card\">\u003Cspan class=\"fmstr-cmp-gfb-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>\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-gfb-rel__title\">AI Form Generator\u003C/h3>\u003Cp class=\"fmstr-cmp-gfb-rel__copy\">Generate any form from a prompt, PDF, or list.\u003C/p>\u003C/div>\u003C/a>\n\u003Ca href=\"https://formester.com/blog/how-to-add-a-wordpress-contact-form-without-a-plugin/\" class=\"fmstr-cmp-gfb-rel__card\">\u003Cspan class=\"fmstr-cmp-gfb-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\"/>\u003C/svg>\u003C/span>\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-gfb-rel__title\">Embed a form on WordPress\u003C/h3>\u003Cp class=\"fmstr-cmp-gfb-rel__copy\">No plugin needed, full embed walkthrough.\u003C/p>\u003C/div>\u003C/a>\n\u003Ca href=\"https://formester.com/blog/how-to-add-a-form-to-webflow/\" class=\"fmstr-cmp-gfb-rel__card\">\u003Cspan class=\"fmstr-cmp-gfb-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>\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-gfb-rel__title\">Add a form to Webflow\u003C/h3>\u003Cp class=\"fmstr-cmp-gfb-rel__copy\">Drop into the Embed element, publish.\u003C/p>\u003C/div>\u003C/a>\n\u003Ca href=\"https://formester.com/blog/how-to-add-a-contact-us-form-to-canva-website/\" class=\"fmstr-cmp-gfb-rel__card\">\u003Cspan class=\"fmstr-cmp-gfb-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=\"M8 12l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-gfb-rel__title\">Canva contact form\u003C/h3>\u003Cp class=\"fmstr-cmp-gfb-rel__copy\">Embed flow for Canva website.\u003C/p>\u003C/div>\u003C/a>\n\u003Ca href=\"https://formester.com/templates/\" class=\"fmstr-cmp-gfb-rel__card\">\u003Cspan class=\"fmstr-cmp-gfb-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>\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-gfb-rel__title\">Form templates\u003C/h3>\u003Cp class=\"fmstr-cmp-gfb-rel__copy\">200+ free starting points across industries.\u003C/p>\u003C/div>\u003C/a>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",1781362403952]