[{"data":1,"prerenderedAt":217},["ShallowReactive",2],{"page-contact-form-7-alternative":3},{"head":4,"jsonld":64,"components":160},{"title":5,"link":6,"meta":10},"Contact Form 7 Alternative: Hosted, All-in-One | Formester",[7],{"hid":8,"rel":8,"href":9},"canonical","https://formester.com/contact-form-7-alternative/",[11,14,17,19,22,24,26,28,31,34,36,39,41,43,45,47,50,53,55],{"property":12,"content":13},"article:modified_time","2026-08-10T05:37:45.514Z",{"hid":15,"name":15,"content":16},"description","Contact Form 7 needs add-ons for payments, PDFs, conditional logic, anti-spam. Formester ships all of it hosted, unlimited free. Honest side-by-side.",{"hid":18,"name":18,"content":5},"og:site_name",{"hid":20,"property":20,"content":21},"og:type","website",{"hid":23,"property":23,"content":9},"og:url",{"hid":25,"property":25,"content":5},"og:title",{"hid":27,"property":27,"content":16},"og:description",{"hid":29,"property":29,"content":30},"og:image","https://formester.com/formester-logo-meta-image.png",{"hid":32,"name":32,"content":33},"og:image:alt","Formester Logo",{"hid":35,"name":35,"content":9},"twitter:url",{"name":37,"content":38},"twitter:site","@_formester_",{"hid":40,"name":40,"content":5},"twitter:title",{"hid":42,"name":42,"content":16},"twitter:description",{"hid":44,"name":44,"content":30},"twitter:image",{"hid":46,"name":46,"content":33},"twitter:image:alt",{"hid":48,"name":48,"content":49},"twitter:card","summary_large_image",{"hid":51,"name":51,"content":52},"apple-mobile-web-app-title","Formester",{"hid":54,"name":54,"property":29,"content":30},"image",{"hid":56,"name":56,"content":57},"keywords",[58,59,60,61,62,63],"contact form 7 alternative","contact form 7 alternatives","contact form 7 alternative free","contact form 7 alternative reddit","wpforms lite vs contact form 7","hosted contact form 7 alternative",[65],{"@graph":66,"@context":159},[67,78,92,101,143],{"@id":68,"url":9,"name":5,"@type":69,"isPartOf":70,"breadcrumb":72,"inLanguage":74,"description":16,"dateModified":75,"datePublished":75,"primaryImageOfPage":76},"https://formester.com/contact-form-7-alternative/#webpage","WebPage",{"@id":71},"https://formester.com/#website",{"@id":73},"https://formester.com/contact-form-7-alternative/#breadcrumb","en-US","2026-08-04",{"@id":77},"https://formester.com/formester-og.png",{"@id":73,"@type":79,"itemListElement":80},"BreadcrumbList",[81,86,90],{"item":82,"name":83,"@type":84,"position":85},"https://formester.com/","Home","ListItem",1,{"item":87,"name":88,"@type":84,"position":89},"https://formester.com/alternatives/","Alternatives",2,{"item":9,"name":5,"@type":84,"position":91},3,{"@id":93,"@type":94,"author":95,"headline":5,"isPartOf":97,"keywords":98,"publisher":99,"inLanguage":74,"description":16,"dateModified":75,"datePublished":75,"articleSection":88,"mainEntityOfPage":100},"https://formester.com/contact-form-7-alternative/#article","Article",{"@id":96},"https://formester.com/#organization",{"@id":68},"contact form 7 alternative, contact form 7 alternatives, contact form 7 alternative free, contact form 7 alternative reddit, wpforms lite vs contact form 7, hosted contact form 7 alternative",{"@id":96},{"@id":68},{"@id":102,"@type":103,"mainEntity":104},"https://formester.com/contact-form-7-alternative/#faq","FAQPage",[105,111,115,119,123,127,131,135,139],{"name":106,"@type":107,"acceptedAnswer":108},"Why do WordPress teams switch away from Contact Form 7?","Question",{"text":109,"@type":110},"Three reasons dominate the Reddit thread that ranks #2 for this keyword: add-on sprawl (payments, PDFs, conditional logic, anti-spam all need separate paid add-ons), maintenance overhead (each add-on is a separate update cycle and a potential WP conflict), and anti-spam pain (Akismet is free for personal but paid for commercial sites, and CF7 gets targeted by bots harder than most alternatives).","Answer",{"name":112,"@type":107,"acceptedAnswer":113},"Formester is hosted SaaS. Contact Form 7 is a WordPress plugin. Aren't they fundamentally different?",{"text":114,"@type":110},"Yes, and that's the point. If your form lives inside a WordPress page, you're paying WP hosting cost + plugin add-on costs. Formester's form is hosted at formester.com (or your custom subdomain on Personal $13/mo+) and embeds anywhere via iframe or link. No WP required, no plugin maintenance, no version-conflict risk. If you're deep in WP and don't want an external form vendor, stay on CF7 or move to WPForms.",{"name":116,"@type":107,"acceptedAnswer":117},"Can I embed a Formester form on my WordPress site?",{"text":118,"@type":110},"Yes. Formester forms embed via iframe (paste-and-go) or as a link that opens a full-page form. WordPress-side, that's a single Custom HTML block. Works with any WP theme, no plugin required. If you need a native WP plugin experience, WPForms Pro is closer to Contact Form 7's model.",{"name":120,"@type":107,"acceptedAnswer":121},"What's actually free about Contact Form 7? Isn't it all free?",{"text":122,"@type":110},"The core plugin is free. Production use typically requires: Flamingo (submission log, free), Akismet or a captcha service (anti-spam, $10-30/month for commercial), Contact Form 7 Skins (styling, $27-97/year), Conditional Fields for CF7 (add-on, $29-79/year), CF7 Stripe integration (payments, $49-149/year), and WordPress hosting ($10-50/month). Total realistic annual cost lands around $200-600/year.",{"name":124,"@type":107,"acceptedAnswer":125},"What about WPForms Lite? Isn't that a free Contact Form 7 alternative?",{"text":126,"@type":110},"WPForms Lite is free and better out-of-the-box than CF7 for basic forms. But payments, conditional logic, e-signature, and PDF export all require WPForms Pro at $199.50/year. Formester's free plan includes payments and analytics; Personal at $13/month adds conditional logic and e-signature; Business at $49/month adds PDF export and API access. The three-year price gap between WPForms Pro and Formester Personal is roughly break-even.",{"name":128,"@type":107,"acceptedAnswer":129},"Is Contact Form 7 secure?",{"text":130,"@type":110},"The core plugin is well-maintained but has been targeted by bots frequently — spam is CF7's biggest complaint on Reddit and G2. Security depends heavily on your WP hosting stack, WP core patches, and which third-party add-ons you install. Formester's hosted infrastructure includes Cloudflare Turnstile anti-spam, DDoS mitigation, and vendor-managed security patches by default.",{"name":132,"@type":107,"acceptedAnswer":133},"Can I migrate my Contact Form 7 forms to Formester?",{"text":134,"@type":110},"Yes. Copy your CF7 form's field list, paste it into Formester's AI generator, and it rebuilds the form. Export any existing Flamingo submissions as CSV and import responses on the Formester side. Most single-form migrations finish in under 30 minutes.",{"name":136,"@type":107,"acceptedAnswer":137},"When is Contact Form 7 still the better choice?",{"text":138,"@type":110},"If your entire content stack lives inside WordPress and you don't want an external form vendor. If you have devops capacity to manage the add-on ecosystem (Flamingo, Akismet, Conditional Fields, Stripe integration). If your forms are simple enough that CF7 core + Flamingo covers 100% of your needs. If you have strict data-sovereignty rules that require self-hosting.",{"name":140,"@type":107,"acceptedAnswer":141},"Is HIPAA compliance possible with Contact Form 7?",{"text":142,"@type":110},"Technically yes, but it's your responsibility. You'd need a HIPAA-eligible WordPress host, a signed BAA with the host, HIPAA-compliant CF7 add-ons for encryption, and internal controls on access. Formester is not HIPAA-certified either. For HIPAA-required intake, Jotform Silver ($39/mo with HIPAA add-on) is the simpler path.",{"@id":144,"url":82,"name":52,"@type":145,"offers":146,"aggregateRating":151,"operatingSystem":157,"applicationCategory":158},"https://formester.com/#software","SoftwareApplication",{"url":147,"@type":148,"price":149,"priceCurrency":150},"https://formester.com/pricing/","Offer","0","USD",{"@type":152,"bestRating":153,"ratingValue":154,"reviewCount":155,"worstRating":156},"AggregateRating","5","4.8","56000","1","Web, iOS, Android","BusinessApplication","https://schema.org",[161,166,169,172,175,178,181,184,187,190,193,196,199,202,205,208,211,214],{"id":162,"__component":163,"markup":164,"useContainer":165},4572,"micro-components.raw-html","\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\n\n  .fmstr-cmp-cf7-hero {\n    --p-bg-glow: radial-gradient(60% 70% at 50% 0%, #f7f3ff 0%, #ffffff 70%);\n    --p-fg-1: #101828;\n    --p-fg-2: #344054;\n    --p-fg-meta: #697586;\n    --p-violet-50: #faf5ff;\n    --p-violet-100: #f4ebff;\n    --p-violet-200: #e9d7fe;\n    --p-violet-600: #6941c6;\n    --p-violet-700: #5925dc;\n    --p-emerald-600: #059669;\n    --p-shadow-btn: 0 6px 20px rgba(105, 65, 198, 0.18);\n\n    background: var(--p-bg-glow);\n    padding: 88px 24px 64px;\n    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    color: var(--p-fg-1);\n  }\n  .fmstr-cmp-cf7-hero *, .fmstr-cmp-cf7-hero *::before, .fmstr-cmp-cf7-hero *::after { box-sizing: border-box; }\n\n  .fmstr-cmp-cf7-hero__inner {\n    max-width: 920px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .fmstr-cmp-cf7-hero__eyebrow {\n    display: inline-block;\n    padding: 6px 14px;\n    background: var(--p-violet-100);\n    color: var(--p-violet-600);\n    border-radius: 9999px;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    margin-bottom: 20px;\n  }\n\n  .fmstr-cmp-cf7-hero__heading {\n    font-size: 56px;\n    line-height: 1.08;\n    font-weight: 800;\n    letter-spacing: -0.02em;\n    color: var(--p-fg-1);\n    margin: 0 0 20px;\n  }\n  .fmstr-cmp-cf7-hero__heading-accent { color: var(--p-violet-600); }\n\n  .fmstr-cmp-cf7-hero__sub {\n    max-width: 720px;\n    margin: 0 auto 36px;\n    font-size: 18px;\n    line-height: 1.55;\n    color: var(--p-fg-2);\n  }\n\n  .fmstr-cmp-cf7-hero__cta-row {\n    display: flex;\n    gap: 12px;\n    justify-content: center;\n    flex-wrap: wrap;\n    margin-bottom: 24px;\n  }\n\n  .fmstr-cmp-cf7-hero__btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 26px;\n    border-radius: 9999px;\n    font-weight: 600;\n    font-size: 16px;\n    text-decoration: none;\n    transition: transform 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;\n  }\n  .fmstr-cmp-cf7-hero__btn--primary {\n    background: var(--p-violet-600);\n    color: #ffffff;\n    box-shadow: var(--p-shadow-btn);\n  }\n  .fmstr-cmp-cf7-hero__btn--primary:hover {\n  color: #ffffff;\n    background: var(--p-violet-700);\n    transform: translateY(-1px);\n  }\n  .fmstr-cmp-cf7-hero__btn--ghost {\n    background: transparent;\n    color: var(--p-violet-700);\n    border: 1px solid var(--p-violet-200);\n  }\n  .fmstr-cmp-cf7-hero__btn--ghost:hover {\n  color: var(--p-violet-700); background: var(--p-violet-50); }\n\n  .fmstr-cmp-cf7-hero__meta {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    color: var(--p-fg-meta);\n    font-weight: 500;\n  }\n  .fmstr-cmp-cf7-hero__meta-dot {\n    width: 4px; height: 4px;\n    border-radius: 50%;\n    background: var(--p-fg-meta);\n    flex-shrink: 0;\n  }\n  .fmstr-cmp-cf7-hero__meta-check {\n    color: var(--p-emerald-600);\n    flex-shrink: 0;\n  }\n\n  @media (max-width: 760px) {\n    .fmstr-cmp-cf7-hero { padding: 56px 16px 40px; }\n    .fmstr-cmp-cf7-hero__heading { font-size: 36px; line-height: 1.15; }\n    .fmstr-cmp-cf7-hero__sub { font-size: 16px; }\n    .fmstr-cmp-cf7-hero__btn { width: 100%; justify-content: center; }\n    .fmstr-cmp-cf7-hero__cta-row { flex-direction: column; }\n  }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cf7-hero\" aria-labelledby=\"fmstr-cmp-cf7-hero-heading\">\n  \u003Cdiv class=\"fmstr-cmp-cf7-hero__inner\">\n\n    \u003Cspan class=\"fmstr-cmp-cf7-hero__eyebrow\">Hosted Contact Form 7 alternative\u003C/span>\n\n    \u003Ch1 id=\"fmstr-cmp-cf7-hero-heading\" class=\"fmstr-cmp-cf7-hero__heading\">The Contact Form 7 alternative that \u003Cspan class=\"fmstr-cmp-cf7-hero__heading-accent\">just works\u003C/span>\u003C/h1>\n\n    \u003Cp class=\"fmstr-cmp-cf7-hero__sub\">Contact Form 7 needs add-ons for payments, PDFs, conditional logic, and anti-spam. Formester ships all of it hosted, unlimited free, no WordPress required. Here's the honest side-by-side.\u003C/p>\n\n    \u003Cdiv class=\"fmstr-cmp-cf7-hero__cta-row\">\n      \u003Ca href=\"https://app.formester.com/users/sign_up\" class=\"fmstr-cmp-cf7-hero__btn fmstr-cmp-cf7-hero__btn--primary\">Try Formester free\u003C/a>\n      \u003Ca href=\"https://formester.com/pricing/\" class=\"fmstr-cmp-cf7-hero__btn fmstr-cmp-cf7-hero__btn--ghost\">See pricing\u003C/a>\n    \u003C/div>\n\n    \u003Cdiv class=\"fmstr-cmp-cf7-hero__meta\">\n      \u003Csvg class=\"fmstr-cmp-cf7-hero__meta-check\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\n      \u003Cspan>Free forever\u003C/span>\n      \u003Cspan class=\"fmstr-cmp-cf7-hero__meta-dot\" aria-hidden=\"true\">\u003C/span>\n      \u003Cspan>No credit card\u003C/span>\n      \n    \u003C/div>\n\n  \u003C/div>\n\u003C/section>\n",false,{"id":167,"__component":163,"markup":168,"useContainer":165},4571,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n\n  .fmstr-cmp-cf7-trust {\n    --p-bg-card: #ffffff;\n    --p-fg-1: #101828;\n    --p-fg-2: #475467;\n    --p-fg-3: #697586;\n    --p-violet-600: #6941c6;\n    --p-amber-400: #f59e0b;\n    --p-border: #eaecf0;\n    --p-shadow-xs: 0 1px 2px 0 rgba(16, 24, 40, 0.05);\n    padding: 32px 24px;\n    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    color: var(--p-fg-1);\n  }\n  .fmstr-cmp-cf7-trust *, .fmstr-cmp-cf7-trust *::before, .fmstr-cmp-cf7-trust *::after { box-sizing: border-box; }\n\n  .fmstr-cmp-cf7-trust__inner {\n    max-width: 1180px;\n    margin: 0 auto;\n    background: var(--p-bg-card);\n    border: 1px solid var(--p-border);\n    border-radius: 12px;\n    padding: 24px;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n    gap: 32px;\n    box-shadow: var(--p-shadow-xs);\n  }\n\n  .fmstr-cmp-cf7-trust__line {\n    font-size: 13px;\n    color: var(--p-fg-3);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n  }\n\n  .fmstr-cmp-cf7-trust__seal {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    text-decoration: none;\n    color: var(--p-fg-1);\n    transition: transform 150ms ease;\n  }\n  .fmstr-cmp-cf7-trust__seal:hover { transform: translateY(-1px); }\n\n  .fmstr-cmp-cf7-trust__stars {\n    display: inline-flex;\n    color: var(--p-amber-400);\n    line-height: 0;\n  }\n\n  .fmstr-cmp-cf7-trust__rating { font-size: 15px; font-weight: 700; }\n  .fmstr-cmp-cf7-trust__platform { font-size: 13px; color: var(--p-fg-2); font-weight: 600; }\n\n  @media (max-width: 760px) {\n    .fmstr-cmp-cf7-trust { padding: 24px 16px; }\n    .fmstr-cmp-cf7-trust__inner { gap: 20px; padding: 20px; }\n    .fmstr-cmp-cf7-trust__line { width: 100%; text-align: center; }\n  }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cf7-trust\" aria-label=\"Trusted by 56,000+ teams who chose the Contact Form 7 alternative\">\n  \u003Cdiv class=\"fmstr-cmp-cf7-trust__inner\">\n    \u003Cspan class=\"fmstr-cmp-cf7-trust__line\">Trusted by 56,000+ teams\u003C/span>\n\n    \u003Ca href=\"https://www.g2.com/products/formester/reviews\" class=\"fmstr-cmp-cf7-trust__seal\" aria-label=\"Formester on G2: 4.8 stars\">\n      \u003Cspan class=\"fmstr-cmp-cf7-trust__stars\" aria-hidden=\"true\">\n        \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\u003Cpath d=\"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"/>\u003C/svg>\n        \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\u003Cpath d=\"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"/>\u003C/svg>\n        \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\u003Cpath d=\"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"/>\u003C/svg>\n        \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\u003Cpath d=\"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"/>\u003C/svg>\n        \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\u003Cpath d=\"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"/>\u003C/svg>\n      \u003C/span>\n      \u003Cspan class=\"fmstr-cmp-cf7-trust__rating\">4.8\u003C/span>\n      \u003Cspan class=\"fmstr-cmp-cf7-trust__platform\">G2\u003C/span>\n    \u003C/a>\n\n    \u003Ca href=\"https://www.capterra.com/p/formester/reviews/\" class=\"fmstr-cmp-cf7-trust__seal\" aria-label=\"Formester on Capterra: 4.7 stars\">\n      \u003Cspan class=\"fmstr-cmp-cf7-trust__stars\" aria-hidden=\"true\">\n        \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\u003Cpath d=\"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"/>\u003C/svg>\n        \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\u003Cpath d=\"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"/>\u003C/svg>\n        \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\u003Cpath d=\"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"/>\u003C/svg>\n        \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\u003Cpath d=\"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"/>\u003C/svg>\n        \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\u003Cpath d=\"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"/>\u003C/svg>\n      \u003C/span>\n      \u003Cspan class=\"fmstr-cmp-cf7-trust__rating\">4.7\u003C/span>\n      \u003Cspan class=\"fmstr-cmp-cf7-trust__platform\">Capterra\u003C/span>\n    \u003C/a>\n\n    \u003Ca href=\"https://www.trustpilot.com/review/formester.com\" class=\"fmstr-cmp-cf7-trust__seal\" aria-label=\"Formester on Trustpilot: 4.8 stars\">\n      \u003Cspan class=\"fmstr-cmp-cf7-trust__stars\" aria-hidden=\"true\">\n        \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\u003Cpath d=\"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"/>\u003C/svg>\n        \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\u003Cpath d=\"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"/>\u003C/svg>\n        \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\u003Cpath d=\"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"/>\u003C/svg>\n        \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\u003Cpath d=\"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"/>\u003C/svg>\n        \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\u003Cpath d=\"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"/>\u003C/svg>\n      \u003C/span>\n      \u003Cspan class=\"fmstr-cmp-cf7-trust__rating\">4.8\u003C/span>\n      \u003Cspan class=\"fmstr-cmp-cf7-trust__platform\">Trustpilot\u003C/span>\n    \u003C/a>\n\n    \u003Ca href=\"https://www.producthunt.com/products/formester\" class=\"fmstr-cmp-cf7-trust__seal\" aria-label=\"Formester on Product Hunt\">\n      \u003Cspan class=\"fmstr-cmp-cf7-trust__platform\">★ Product Hunt\u003C/span>\n    \u003C/a>\n  \u003C/div>\n\u003C/section>\n",{"id":170,"__component":163,"markup":171,"useContainer":165},4580,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n  .fmstr-cmp-cf7-glance {\n    --p-bg-card: #ffffff;\n    --p-bg-violet-25: #f7f3ff;\n    --p-bg-pill: #f4ebff;\n    --p-bg-header: #f9fafb;\n    --p-fg-1: #101828;\n    --p-fg-2: #475467;\n    --p-fg-3: #697586;\n    --p-violet-500: #7f56d9;\n    --p-violet-600: #6941c6;\n    --p-violet-700: #5925dc;\n    --p-emerald-600: #059669;\n    --p-rose-600: #e11d48;\n    --p-border: #eaecf0;\n    --p-border-violet: #e4d7ff;\n    padding: 64px 24px;\n    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    color: var(--p-fg-1);\n  }\n  .fmstr-cmp-cf7-glance *, .fmstr-cmp-cf7-glance *::before, .fmstr-cmp-cf7-glance *::after { box-sizing: border-box; }\n  .fmstr-cmp-cf7-glance__container { max-width: 1180px; margin: 0 auto; }\n  .fmstr-cmp-cf7-glance__header { max-width: 760px; margin: 0 auto 40px; text-align: center; }\n  .fmstr-cmp-cf7-glance__eyebrow {\n    display: inline-block; padding: 4px 12px; background: var(--p-bg-pill); color: var(--p-violet-600);\n    border-radius: 9999px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em;\n    text-transform: uppercase; margin-bottom: 16px;\n  }\n  .fmstr-cmp-cf7-glance__heading { font-size: 36px; line-height: 44px; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 12px; }\n  .fmstr-cmp-cf7-glance__sub { font-size: 16px; line-height: 24px; color: var(--p-fg-3); margin: 0; }\n\n  .fmstr-cmp-cf7-glance__table-wrap {\n    background: var(--p-bg-card);\n    border: 1px solid var(--p-border);\n    border-radius: 20px;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    box-shadow: 0 4px 24px rgba(16,24,40,.04);\n  }\n  .fmstr-cmp-cf7-glance__table { width: 100%; border-collapse: collapse; font-size: 14.5px; min-width: 780px; }\n\n  .fmstr-cmp-cf7-glance__table thead th {\n    text-align: left; padding: 20px 22px; font-size: 13px;\n    font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em;\n    border-bottom: 1px solid var(--p-border);\n    vertical-align: top;\n  }\n  .fmstr-cmp-cf7-glance__col-attr { background: var(--p-bg-header); color: var(--p-fg-3); width: 34%; }\n  .fmstr-cmp-cf7-glance__col-formester { background: linear-gradient(180deg, var(--p-bg-violet-25) 0%, #ffffff 100%); color: var(--p-violet-700); width: 22%; }\n  .fmstr-cmp-cf7-glance__col-comp { background: var(--p-bg-header); color: var(--p-fg-3); width: 22%; }\n\n  .fmstr-cmp-cf7-glance__col-brand { display: block; font-size: 15px; font-weight: 800; color: inherit; letter-spacing: -0.01em; text-transform: none; margin-bottom: 8px; }\n  .fmstr-cmp-cf7-glance__col-formester .fmstr-cmp-cf7-glance__col-brand { color: var(--p-violet-700); font-size: 17px; }\n  .fmstr-cmp-cf7-glance__col-tag { display: inline-block; padding: 2px 10px; border-radius: 9999px; background: var(--p-violet-600); color: #ffffff; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 12px; }\n  .fmstr-cmp-cf7-glance__col-cta {\n    display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 9999px;\n    background: var(--p-violet-600); color: #ffffff; font-weight: 700; font-size: 13px;\n    text-decoration: none; letter-spacing: 0.02em; transition: background .15s ease;\n    box-shadow: 0 6px 16px rgba(105, 65, 198, 0.25);\n  }\n  .fmstr-cmp-cf7-glance__col-cta:hover {\n  color: #ffffff; background: var(--p-violet-700); }\n  .fmstr-cmp-cf7-glance__col-cta::after {\n    content: \"\"; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg);\n  }\n  .fmstr-cmp-cf7-glance__col-note { display: block; font-size: 11.5px; color: var(--p-fg-3); font-weight: 500; margin-top: 8px; text-transform: none; letter-spacing: 0; }\n\n  .fmstr-cmp-cf7-glance__table tbody td, .fmstr-cmp-cf7-glance__attr {\n    padding: 16px 22px; border-bottom: 1px solid var(--p-border); vertical-align: middle; line-height: 22px;\n  }\n  .fmstr-cmp-cf7-glance__attr { font-weight: 600; color: var(--p-fg-1); background: var(--p-bg-header); text-align: left; }\n  .fmstr-cmp-cf7-glance__cell { color: var(--p-fg-2); }\n  .fmstr-cmp-cf7-glance__cell--formester {\n    background: rgba(247, 243, 255, 0.65);\n    color: var(--p-fg-1);\n    font-weight: 600;\n    border-left: 2px solid var(--p-border-violet);\n    border-right: 1px solid var(--p-border);\n  }\n  .fmstr-cmp-cf7-glance__col-formester {\n    border-left: 2px solid var(--p-border-violet);\n    border-right: 1px solid var(--p-border);\n  }\n  .fmstr-cmp-cf7-glance__table tbody tr:last-child td,\n  .fmstr-cmp-cf7-glance__table tbody tr:last-child .fmstr-cmp-cf7-glance__attr { border-bottom: none; }\n  .fmstr-cmp-cf7-glance__check { vertical-align: -3px; margin-right: 6px; }\n  .fmstr-cmp-cf7-glance__cross { vertical-align: -3px; margin-right: 6px; }\n  .fmstr-cmp-cf7-glance__note-inline { font-size: 13px; color: var(--p-fg-3); font-weight: 500; }\n  .fmstr-cmp-cf7-glance__cell--formester .fmstr-cmp-cf7-glance__note-inline { color: var(--p-fg-2); font-weight: 600; }\n\n  .fmstr-cmp-cf7-glance__mobile-cta { display: none; }\n  .fmstr-cmp-cf7-glance__note { margin-top: 16px; font-size: 12px; color: var(--p-fg-3); text-align: center; }\n\n  @media (max-width: 900px) {\n    .fmstr-cmp-cf7-glance { padding: 48px 16px; }\n    .fmstr-cmp-cf7-glance__heading { font-size: 26px; line-height: 34px; }\n    .fmstr-cmp-cf7-glance__col-cta { white-space: nowrap; }\n  }\n  @media (max-width: 760px) {\n    .fmstr-cmp-cf7-glance__table { min-width: 640px; font-size: 13.5px; }\n    .fmstr-cmp-cf7-glance__table thead th { padding: 14px 14px; font-size: 11px; }\n    .fmstr-cmp-cf7-glance__col-brand { font-size: 14px; }\n    .fmstr-cmp-cf7-glance__col-formester .fmstr-cmp-cf7-glance__col-brand { font-size: 15px; }\n    .fmstr-cmp-cf7-glance__attr, .fmstr-cmp-cf7-glance__cell { padding: 12px 12px; }\n    .fmstr-cmp-cf7-glance__col-cta { padding: 8px 14px; font-size: 12px; }\n  }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cf7-glance\" aria-labelledby=\"fmstr-cmp-cf7-glance-heading\">\n  \u003Cdiv class=\"fmstr-cmp-cf7-glance__container\">\n    \u003Cdiv class=\"fmstr-cmp-cf7-glance__header\">\n      \u003Cspan class=\"fmstr-cmp-cf7-glance__eyebrow\">At a glance\u003C/span>\n      \u003Ch2 id=\"fmstr-cmp-cf7-glance-heading\" class=\"fmstr-cmp-cf7-glance__heading\">Formester vs Contact Form 7: the honest comparison\u003C/h2>\n      \u003Cp class=\"fmstr-cmp-cf7-glance__sub\">Both products side by side on the features that actually matter.\u003C/p>\n    \u003C/div>\n\n    \u003Cdiv class=\"fmstr-cmp-cf7-glance__table-wrap\">\n      \u003Ctable class=\"fmstr-cmp-cf7-glance__table\">\n        \u003Cthead>\n          \u003Ctr>\n            \u003Cth class=\"fmstr-cmp-cf7-glance__col-attr\">Feature\u003C/th>\n            \u003Cth class=\"fmstr-cmp-cf7-glance__col-formester\">\n              \u003Cspan class=\"fmstr-cmp-cf7-glance__col-tag\">Our pick\u003C/span>\n              \u003Cspan class=\"fmstr-cmp-cf7-glance__col-brand\">Formester\u003C/span>\n              \u003Ca href=\"https://app.formester.com/users/sign_up\" class=\"fmstr-cmp-cf7-glance__col-cta\">Sign Up Free\u003C/a>\n              \u003Cspan class=\"fmstr-cmp-cf7-glance__col-note\">Unlimited forms + responses on free\u003C/span>\n            \u003C/th>\n            \u003Cth class=\"fmstr-cmp-cf7-glance__col-comp\">\n              \u003Cspan class=\"fmstr-cmp-cf7-glance__col-brand\">Contact Form 7\u003C/span>\n            \u003C/th>\n          \u003C/tr>\n        \u003C/thead>\n        \u003Ctbody>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-glance__attr\">Payments (Stripe + PayPal)\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-glance__cell fmstr-cmp-cf7-glance__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-glance__note-inline\">(free plan)\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-glance__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-glance__note-inline\">(paid add-on needed)\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-glance__attr\">Conditional logic + rules\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-glance__cell fmstr-cmp-cf7-glance__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-glance__note-inline\">(Personal $13/mo)\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-glance__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-glance__note-inline\">(paid add-on needed)\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-glance__attr\">Native e-signature\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-glance__cell fmstr-cmp-cf7-glance__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-glance__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-glance__note-inline\">(no add-on ships this well)\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-glance__attr\">PDF export of submissions\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-glance__cell fmstr-cmp-cf7-glance__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-glance__note-inline\">(Business $49/mo)\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-glance__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-glance__note-inline\">(paid add-on needed)\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-glance__attr\">Built-in anti-spam\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-glance__cell fmstr-cmp-cf7-glance__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-glance__note-inline\">(Cloudflare Turnstile)\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-glance__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-glance__note-inline\">(Akismet paid for commercial)\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-glance__attr\">AI form generator\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-glance__cell fmstr-cmp-cf7-glance__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-glance__note-inline\">(prompt + list + PDF)\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-glance__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-glance__attr\">Hosted (no WP required)\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-glance__cell fmstr-cmp-cf7-glance__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-glance__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-glance__note-inline\">(needs WordPress + hosting)\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-glance__attr\">Analytics + submission log\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-glance__cell fmstr-cmp-cf7-glance__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-glance__note-inline\">(drop-off + response log)\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-glance__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-glance__note-inline\">(needs Flamingo add-on)\u003C/span>\u003C/td>\n        \u003C/tr>\n        \u003C/tbody>\n      \u003C/table>\n    \u003C/div>\n    \u003Cp class=\"fmstr-cmp-cf7-glance__note\">Prices and feature availability verified against each vendor's live pricing page.\u003C/p>\n  \u003C/div>\n\u003C/section>",{"id":173,"__component":163,"markup":174,"useContainer":165},4573,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n  .fmstr-cmp-cf7-why-leave {\n    --p-bg-card: #ffffff;\n    --p-bg-pill: #f4ebff;\n    --p-fg-1: #101828;\n    --p-fg-2: #475467;\n    --p-fg-3: #697586;\n    --p-rose-600: #6941c6;\n    --p-border-light: #eaecf0;\n    --p-border-rose: #d0d5dd;\n    --p-shadow-xs: 0 1px 2px 0 rgba(16, 24, 40, 0.05);\n    --p-shadow-md: 0 2px 4px 0 rgba(16, 24, 40, 0.06);\n    padding: 64px 24px;\n    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    color: var(--p-fg-1);\n  }\n  .fmstr-cmp-cf7-why-leave *, .fmstr-cmp-cf7-why-leave *::before, .fmstr-cmp-cf7-why-leave *::after { box-sizing: border-box; }\n  .fmstr-cmp-cf7-why-leave__container { max-width: 1180px; margin: 0 auto; }\n  .fmstr-cmp-cf7-why-leave__header { max-width: 760px; margin: 0 auto 40px; text-align: center; }\n  .fmstr-cmp-cf7-why-leave__eyebrow {\n    display: inline-block; padding: 4px 12px; background: var(--p-bg-pill); color: var(--p-rose-600);\n    border-radius: 9999px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em;\n    text-transform: uppercase; margin-bottom: 16px;\n  }\n  .fmstr-cmp-cf7-why-leave__heading { font-size: 36px; line-height: 44px; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 12px; }\n  .fmstr-cmp-cf7-why-leave__sub { font-size: 16px; line-height: 24px; color: var(--p-fg-3); margin: 0; }\n  .fmstr-cmp-cf7-why-leave__grid { display: grid; grid-template-columns: repeat(2, 1fr); align-items: stretch; gap: 20px; }\n  .fmstr-cmp-cf7-why-leave__card {\n    display: flex; flex-direction: column; gap: 12px; padding: 28px;\n    background: var(--p-bg-card); border: 1px solid var(--p-border-light); border-radius: 16px;\n    box-shadow: var(--p-shadow-xs);\n    transition: box-shadow 200ms ease, transform 200ms ease;\n  }\n  .fmstr-cmp-cf7-why-leave__card:hover { box-shadow: var(--p-shadow-md); transform: translateY(-2px); }\n  .fmstr-cmp-cf7-why-leave__title { margin: 0; font-size: 18px; line-height: 28px; font-weight: 700; }\n  .fmstr-cmp-cf7-why-leave__body { margin: 0; font-size: 14px; line-height: 22px; color: var(--p-fg-2); }\n  .fmstr-cmp-cf7-why-leave__source {\n    margin-top: auto; padding-top: 12px; border-top: 1px dashed var(--p-border-light);\n    font-size: 12px; color: var(--p-fg-3); font-style: italic;\n  }\n  @media (max-width: 760px) {\n    .fmstr-cmp-cf7-why-leave { padding: 48px 16px; }\n    .fmstr-cmp-cf7-why-leave__heading { font-size: 24px; line-height: 32px; }\n    .fmstr-cmp-cf7-why-leave__grid { grid-template-columns: 1fr; }\n    .fmstr-cmp-cf7-why-leave__card { padding: 24px; }\n  }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cf7-why-leave\" aria-labelledby=\"fmstr-cmp-cf7-why-leave-heading\">\n  \u003Cdiv class=\"fmstr-cmp-cf7-why-leave__container\">\n\n    \u003Cheader class=\"fmstr-cmp-cf7-why-leave__header\">\n      \u003Cspan class=\"fmstr-cmp-cf7-why-leave__eyebrow\">The honest read\u003C/span>\n      \u003Ch2 id=\"fmstr-cmp-cf7-why-leave-heading\" class=\"fmstr-cmp-cf7-why-leave__heading\">Why teams leave Contact Form 7\u003C/h2>\n      \u003Cp class=\"fmstr-cmp-cf7-why-leave__sub\">Four reasons teams switching to Formester have given us. Sourced from G2, Capterra, Reddit reviews and vendor pricing pages, not made up.\u003C/p>\n    \u003C/header>\n\n    \u003Cdiv class=\"fmstr-cmp-cf7-why-leave__grid\">\n\n      \u003Carticle class=\"fmstr-cmp-cf7-why-leave__card\">\n        \u003Ch3 class=\"fmstr-cmp-cf7-why-leave__title\">No offline mode for mobile collection\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-why-leave__body\">Contact Form 7 does not ship a native offline mobile app. Field teams collecting data without connectivity (events, surveys, in-store) hit a wall the moment the network drops.\u003C/p>\n      \u003C/article>\n      \u003Carticle class=\"fmstr-cmp-cf7-why-leave__card\">\n        \u003Ch3 class=\"fmstr-cmp-cf7-why-leave__title\">Steep overage costs above the tier cap\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-why-leave__body\">Every response beyond the plan cap is billed at $0.05 per entry. Teams that go a few thousand submissions over Starter or Professional watch the bill grow in a way that was not obvious at signup.\u003C/p>\n        \u003Cp class=\"fmstr-cmp-cf7-why-leave__source\">Contact Form 7 live pricing page: overage $0.05 per entry.\u003C/p>\n      \u003C/article>\n      \u003Carticle class=\"fmstr-cmp-cf7-why-leave__card\">\n        \u003Ch3 class=\"fmstr-cmp-cf7-why-leave__title\">No native AI form generator\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-why-leave__body\">Contact Form 7 has not shipped a marquee AI form generator. Teams that want to draft a form from a prompt, a question list, or a PDF start from a blank builder every time.\u003C/p>\n        \u003Cp class=\"fmstr-cmp-cf7-why-leave__source\">Contact Form 7 product pages: no marquee AI form-generation feature.\u003C/p>\n      \u003C/article>\n      \u003Carticle class=\"fmstr-cmp-cf7-why-leave__card\">\n        \u003Ch3 class=\"fmstr-cmp-cf7-why-leave__title\">Pricing climbs fast above the free tier\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-why-leave__body\">Free is restrictive (100 entries a month), and paid tiers climb fast: Starter $16.25/mo, Professional $33.25/mo, Advanced $83.25/mo, Ultimate $210.25/mo (all billed annually). The jump from annual Professional at $399 to annual Advanced at $999 surprises teams who expected a smoother ramp.\u003C/p>\n        \u003Cp class=\"fmstr-cmp-cf7-why-leave__source\">Contact Form 7 live pricing page (annual pricing).\u003C/p>\n      \u003C/article>\n\n    \u003C/div>\n  \u003C/div>\n\u003C/section>",{"id":176,"__component":163,"markup":177,"useContainer":165},4577,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n  .fmstr-cmp-cf7-pricing {\n    --p-bg: #f9fafb; --p-bg-card: #ffffff; --p-bg-violet-25: #f7f3ff; --p-bg-pill: #f4ebff;\n    --p-fg-1: #101828; --p-fg-2: #475467; --p-fg-3: #697586;\n    --p-violet-500: #7f56d9; --p-violet-600: #6941c6; --p-violet-700: #5925dc;\n    --p-border: #eaecf0; --p-border-violet: #e4d7ff;\n    padding: 64px 24px; font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif; color: var(--p-fg-1);\n    background: var(--p-bg);\n  }\n  .fmstr-cmp-cf7-pricing *, .fmstr-cmp-cf7-pricing *::before, .fmstr-cmp-cf7-pricing *::after { box-sizing: border-box; }\n  .fmstr-cmp-cf7-pricing__container { max-width: 1180px; margin: 0 auto; }\n  .fmstr-cmp-cf7-pricing__header { max-width: 760px; margin: 0 auto 40px; text-align: center; }\n  .fmstr-cmp-cf7-pricing__eyebrow { display: inline-block; padding: 4px 12px; background: var(--p-bg-pill); color: var(--p-violet-600); border-radius: 9999px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 16px; }\n  .fmstr-cmp-cf7-pricing__heading { font-size: 36px; line-height: 44px; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 12px; }\n  .fmstr-cmp-cf7-pricing__sub { font-size: 16px; line-height: 24px; color: var(--p-fg-3); margin: 0; }\n  .fmstr-cmp-cf7-pricing__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: stretch; }\n  .fmstr-cmp-cf7-pricing__card { background: var(--p-bg-card); border: 1px solid var(--p-border); border-radius: 20px; padding: 28px; display: flex; flex-direction: column; box-shadow: 0 1px 3px rgba(16,24,40,.04); }\n  .fmstr-cmp-cf7-pricing__card--formester {\n    background: linear-gradient(180deg, var(--p-bg-violet-25) 0%, var(--p-bg-card) 55%);\n    border: 2px solid var(--p-border-violet);\n    box-shadow: 0 8px 32px rgba(105, 65, 198, 0.12);\n  }\n  .fmstr-cmp-cf7-pricing__tag { display: inline-block; padding: 3px 12px; border-radius: 9999px; background: var(--p-violet-600); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 12px; align-self: flex-start; }\n  .fmstr-cmp-cf7-pricing__card-brand { font-size: 22px; font-weight: 800; margin: 0 0 4px; color: var(--p-fg-1); letter-spacing: -0.01em; }\n  .fmstr-cmp-cf7-pricing__card--formester .fmstr-cmp-cf7-pricing__card-brand { color: var(--p-violet-700); }\n  .fmstr-cmp-cf7-pricing__card-note { color: var(--p-fg-3); font-size: 12px; margin: 0 0 20px; }\n  .fmstr-cmp-cf7-pricing__tiers { flex: 1; }\n  .fmstr-cmp-cf7-pricing__tier { border-top: 1px solid var(--p-border); padding: 16px 0; }\n  .fmstr-cmp-cf7-pricing__tier:first-child { border-top: none; padding-top: 0; }\n  .fmstr-cmp-cf7-pricing__tier-head { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-bottom: 6px; }\n  .fmstr-cmp-cf7-pricing__tier-name { font-weight: 700; color: var(--p-fg-1); font-size: 15px; }\n  .fmstr-cmp-cf7-pricing__tier-cost { font-weight: 700; color: var(--p-violet-600); font-size: 15px; white-space: nowrap; }\n  .fmstr-cmp-cf7-pricing__tier-body { color: var(--p-fg-2); font-size: 13px; margin: 0; line-height: 1.55; }\n  .fmstr-cmp-cf7-pricing__cta {\n    display: inline-flex; align-items: center; justify-content: center; gap: 8px;\n    margin-top: 20px; padding: 12px 22px; border-radius: 9999px;\n    background: var(--p-violet-600); color: #fff; font-weight: 700; font-size: 14px;\n    text-decoration: none; white-space: nowrap; letter-spacing: 0.02em;\n    box-shadow: 0 6px 16px rgba(105, 65, 198, 0.25); transition: background .15s ease;\n  }\n  .fmstr-cmp-cf7-pricing__cta:hover {\n  color: #fff; background: var(--p-violet-700); }\n  .fmstr-cmp-cf7-pricing__cta::after { content: \"\"; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); }\n  @media (max-width: 900px) { .fmstr-cmp-cf7-pricing__grid { grid-template-columns: 1fr; gap: 16px; } }\n  @media (max-width: 760px) { .fmstr-cmp-cf7-pricing { padding: 48px 16px; } .fmstr-cmp-cf7-pricing__heading { font-size: 26px; line-height: 34px; } }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cf7-pricing\" aria-labelledby=\"fmstr-cmp-cf7-pricing-heading\">\n  \u003Cdiv class=\"fmstr-cmp-cf7-pricing__container\">\n    \u003Cdiv class=\"fmstr-cmp-cf7-pricing__header\">\n      \u003Cspan class=\"fmstr-cmp-cf7-pricing__eyebrow\">Pricing compared\u003C/span>\n      \u003Ch2 id=\"fmstr-cmp-cf7-pricing-heading\" class=\"fmstr-cmp-cf7-pricing__heading\">Formester vs Contact Form 7 pricing, side by side\u003C/h2>\n      \u003Cp class=\"fmstr-cmp-cf7-pricing__sub\">Every tier and its included features, in one place. Verified against each vendor's live pricing page.\u003C/p>\n    \u003C/div>\n    \u003Cdiv class=\"fmstr-cmp-cf7-pricing__grid\">\n    \u003Cdiv class=\"fmstr-cmp-cf7-pricing__card fmstr-cmp-cf7-pricing__card--formester\">\n      \u003Cspan class=\"fmstr-cmp-cf7-pricing__tag\">Our pick\u003C/span>\n      \u003Ch3 class=\"fmstr-cmp-cf7-pricing__card-brand\">Formester\u003C/h3>\n      \u003Cdiv class=\"fmstr-cmp-cf7-pricing__tiers\">\n        \u003Cdiv class=\"fmstr-cmp-cf7-pricing__tier\">\n          \u003Cdiv class=\"fmstr-cmp-cf7-pricing__tier-head\">\n            \u003Cspan class=\"fmstr-cmp-cf7-pricing__tier-name\">Free\u003C/span>\n            \u003Cspan class=\"fmstr-cmp-cf7-pricing__tier-cost\">$0/mo\u003C/span>\n          \u003C/div>\n          \u003Cp class=\"fmstr-cmp-cf7-pricing__tier-body\">Unlimited forms, unlimited responses, AI form creator, all field types, quiz auto-scoring, drop-off analysis, custom email notifications, payment collection.\u003C/p>\n        \u003C/div>\n        \u003Cdiv class=\"fmstr-cmp-cf7-pricing__tier\">\n          \u003Cdiv class=\"fmstr-cmp-cf7-pricing__tier-head\">\n            \u003Cspan class=\"fmstr-cmp-cf7-pricing__tier-name\">Personal\u003C/span>\n            \u003Cspan class=\"fmstr-cmp-cf7-pricing__tier-cost\">$13/mo\u003C/span>\n          \u003C/div>\n          \u003Cp class=\"fmstr-cmp-cf7-pricing__tier-body\">Everything in Free, plus remove branding, conditional logic + rules, redirect on completion, backend-only forms, GTM + GA4, SEO meta tags, email verification, custom scripts.\u003C/p>\n        \u003C/div>\n        \u003Cdiv class=\"fmstr-cmp-cf7-pricing__tier\">\n          \u003Cdiv class=\"fmstr-cmp-cf7-pricing__tier-head\">\n            \u003Cspan class=\"fmstr-cmp-cf7-pricing__tier-name\">Business\u003C/span>\n            \u003Cspan class=\"fmstr-cmp-cf7-pricing__tier-cost\">$49/mo\u003C/span>\n          \u003C/div>\n          \u003Cp class=\"fmstr-cmp-cf7-pricing__tier-body\">Everything in Personal, plus API access, PDF exports, 25 team members, real-time collaboration, 50 GB file storage, address autocomplete, partial submissions, form translations.\u003C/p>\n        \u003C/div>\n        \u003Cdiv class=\"fmstr-cmp-cf7-pricing__tier\">\n          \u003Cdiv class=\"fmstr-cmp-cf7-pricing__tier-head\">\n            \u003Cspan class=\"fmstr-cmp-cf7-pricing__tier-name\">Enterprise\u003C/span>\n            \u003Cspan class=\"fmstr-cmp-cf7-pricing__tier-cost\">Let's Talk\u003C/span>\n          \u003C/div>\n          \u003Cp class=\"fmstr-cmp-cf7-pricing__tier-body\">Everything in Business, plus custom limits, custom form building, unlimited webhooks, high-volume file uploads, unlimited signatures, unlimited team members, priority support.\u003C/p>\n        \u003C/div>\n      \u003C/div>\n        \u003Ca href=\"https://app.formester.com/users/sign_up\" class=\"fmstr-cmp-cf7-pricing__cta\">Sign Up Free\u003C/a>\n    \u003C/div>\n    \u003Cdiv class=\"fmstr-cmp-cf7-pricing__card\">\n      \n      \u003Ch3 class=\"fmstr-cmp-cf7-pricing__card-brand\">Contact Form 7\u003C/h3>\n      \u003Cdiv class=\"fmstr-cmp-cf7-pricing__tiers\">\n        \u003Cdiv class=\"fmstr-cmp-cf7-pricing__tier\">\n          \u003Cdiv class=\"fmstr-cmp-cf7-pricing__tier-head\">\n            \u003Cspan class=\"fmstr-cmp-cf7-pricing__tier-name\">Free\u003C/span>\n            \u003Cspan class=\"fmstr-cmp-cf7-pricing__tier-cost\">$0\u003C/span>\n          \u003C/div>\n          \u003Cp class=\"fmstr-cmp-cf7-pricing__tier-body\">5 forms, 100 entries/mo, 3 users.\u003C/p>\n        \u003C/div>\n        \u003Cdiv class=\"fmstr-cmp-cf7-pricing__tier\">\n          \u003Cdiv class=\"fmstr-cmp-cf7-pricing__tier-head\">\n            \u003Cspan class=\"fmstr-cmp-cf7-pricing__tier-name\">Starter\u003C/span>\n            \u003Cspan class=\"fmstr-cmp-cf7-pricing__tier-cost\">$16.25/mo\u003C/span>\n          \u003C/div>\n          \u003Cp class=\"fmstr-cmp-cf7-pricing__tier-body\">10 forms, 1,000 entries/mo. Billed annually ($195/yr).\u003C/p>\n        \u003C/div>\n        \u003Cdiv class=\"fmstr-cmp-cf7-pricing__tier\">\n          \u003Cdiv class=\"fmstr-cmp-cf7-pricing__tier-head\">\n            \u003Cspan class=\"fmstr-cmp-cf7-pricing__tier-name\">Professional\u003C/span>\n            \u003Cspan class=\"fmstr-cmp-cf7-pricing__tier-cost\">$33.25/mo\u003C/span>\n          \u003C/div>\n          \u003Cp class=\"fmstr-cmp-cf7-pricing__tier-body\">Unlimited forms, 5,000 entries/mo. Billed annually ($399/yr).\u003C/p>\n        \u003C/div>\n        \u003Cdiv class=\"fmstr-cmp-cf7-pricing__tier\">\n          \u003Cdiv class=\"fmstr-cmp-cf7-pricing__tier-head\">\n            \u003Cspan class=\"fmstr-cmp-cf7-pricing__tier-name\">Advanced\u003C/span>\n            \u003Cspan class=\"fmstr-cmp-cf7-pricing__tier-cost\">$83.25/mo\u003C/span>\n          \u003C/div>\n          \u003Cp class=\"fmstr-cmp-cf7-pricing__tier-body\">Unlimited forms, 25,000 entries/mo. Billed annually ($999/yr).\u003C/p>\n        \u003C/div>\n        \u003Cdiv class=\"fmstr-cmp-cf7-pricing__tier\">\n          \u003Cdiv class=\"fmstr-cmp-cf7-pricing__tier-head\">\n            \u003Cspan class=\"fmstr-cmp-cf7-pricing__tier-name\">Ultimate\u003C/span>\n            \u003Cspan class=\"fmstr-cmp-cf7-pricing__tier-cost\">$210.25/mo\u003C/span>\n          \u003C/div>\n          \u003Cp class=\"fmstr-cmp-cf7-pricing__tier-body\">Unlimited forms, 200,000 entries/mo. Billed annually ($2,523/yr). Overage $0.05 per entry.\u003C/p>\n        \u003C/div>\n      \u003C/div>\n    \u003C/div>\n    \u003C/div>\n  \u003C/div>\n\u003C/section>",{"id":179,"__component":163,"markup":180,"useContainer":165},4574,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n  .fmstr-cmp-cf7-free {\n    --p-bg: #ffffff; --p-bg-card: #ffffff; --p-bg-violet-25: #f7f3ff; --p-bg-pill: #f4ebff;\n    --p-bg-header: #f9fafb; --p-fg-1: #101828; --p-fg-2: #475467; --p-fg-3: #697586;\n    --p-violet-600: #6941c6; --p-violet-700: #5925dc; --p-border: #eaecf0; --p-border-violet: #e4d7ff;\n    padding: 64px 24px; font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif; color: var(--p-fg-1);\n    background: #fafafa;\n  }\n  .fmstr-cmp-cf7-free *, .fmstr-cmp-cf7-free *::before, .fmstr-cmp-cf7-free *::after { box-sizing: border-box; }\n  .fmstr-cmp-cf7-free__container { max-width: 1180px; margin: 0 auto; }\n  .fmstr-cmp-cf7-free__header { max-width: 760px; margin: 0 auto 40px; text-align: center; }\n  .fmstr-cmp-cf7-free__eyebrow { display: inline-block; padding: 4px 12px; background: var(--p-bg-pill); color: var(--p-violet-600); border-radius: 9999px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 16px; }\n  .fmstr-cmp-cf7-free__heading { font-size: 36px; line-height: 44px; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 12px; }\n  .fmstr-cmp-cf7-free__sub { font-size: 16px; line-height: 24px; color: var(--p-fg-3); margin: 0; }\n  .fmstr-cmp-cf7-free__table-wrap { background: var(--p-bg-card); border: 1px solid var(--p-border); border-radius: 20px; overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .fmstr-cmp-cf7-free__table { width: 100%; border-collapse: collapse; font-size: 14.5px; min-width: 720px; }\n  .fmstr-cmp-cf7-free__table thead th { text-align: left; padding: 18px 22px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; border-bottom: 1px solid var(--p-border); color: var(--p-fg-3); background: var(--p-bg-header); }\n  .fmstr-cmp-cf7-free__col-formester { background: linear-gradient(180deg, var(--p-bg-violet-25), #fff); color: var(--p-violet-700); border-left: 2px solid var(--p-border-violet); border-right: 1px solid var(--p-border); }\n  .fmstr-cmp-cf7-free__col-brand { display: block; font-size: 15.5px; font-weight: 800; color: inherit; text-transform: none; letter-spacing: -0.01em; }\n  .fmstr-cmp-cf7-free__col-tag { display: inline-block; padding: 2px 10px; border-radius: 9999px; background: var(--p-violet-600); color: #fff; font-size: 11px; font-weight: 700; margin-bottom: 8px; }\n  .fmstr-cmp-cf7-free__col-note { display: block; font-size: 11.5px; color: var(--p-fg-3); font-weight: 500; margin-top: 6px; text-transform: none; letter-spacing: 0; }\n  .fmstr-cmp-cf7-free__table tbody td, .fmstr-cmp-cf7-free__attr { padding: 16px 22px; border-bottom: 1px solid var(--p-border); vertical-align: middle; line-height: 22px; }\n  .fmstr-cmp-cf7-free__attr { font-weight: 600; color: var(--p-fg-1); background: var(--p-bg-header); text-align: left; width: 34%; }\n  .fmstr-cmp-cf7-free__cell { color: var(--p-fg-2); }\n  .fmstr-cmp-cf7-free__cell--formester { background: rgba(247, 243, 255, 0.65); color: var(--p-fg-1); font-weight: 600; border-left: 2px solid var(--p-border-violet); border-right: 1px solid var(--p-border); }\n  .fmstr-cmp-cf7-free__table tbody tr:last-child td, .fmstr-cmp-cf7-free__table tbody tr:last-child .fmstr-cmp-cf7-free__attr { border-bottom: none; }\n  .fmstr-cmp-cf7-free__note { font-size: 13.5px; color: inherit; font-weight: 500; }\n  @media (max-width: 900px) {\n    .fmstr-cmp-cf7-free { padding: 48px 16px; }\n    .fmstr-cmp-cf7-free__heading { font-size: 26px; line-height: 34px; }\n  }\n  @media (max-width: 760px) {\n    .fmstr-cmp-cf7-free__table { min-width: 620px; font-size: 13px; }\n    .fmstr-cmp-cf7-free__attr, .fmstr-cmp-cf7-free__cell { padding: 12px 12px; }\n    .fmstr-cmp-cf7-free__table thead th { padding: 14px 12px; font-size: 11px; }\n    .fmstr-cmp-cf7-free__col-brand { font-size: 13.5px; }\n  }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cf7-free\" aria-labelledby=\"fmstr-cmp-cf7-free-heading\">\n  \u003Cdiv class=\"fmstr-cmp-cf7-free__container\">\n    \u003Cdiv class=\"fmstr-cmp-cf7-free__header\">\n      \u003Cspan class=\"fmstr-cmp-cf7-free__eyebrow\">Free plan\u003C/span>\n      \u003Ch2 id=\"fmstr-cmp-cf7-free-heading\" class=\"fmstr-cmp-cf7-free__heading\">Formester vs Contact Form 7: free plans compared\u003C/h2>\n      \u003Cp class=\"fmstr-cmp-cf7-free__sub\">Where the two free tiers give, and where they take. Formester ships unlimited forms, unlimited responses, and payment collection on the free tier; Contact Form 7 does not.\u003C/p>\n    \u003C/div>\n    \u003Cdiv class=\"fmstr-cmp-cf7-free__table-wrap\">\n      \u003Ctable class=\"fmstr-cmp-cf7-free__table\">\n        \u003Cthead>\n          \u003Ctr>\n            \u003Cth class=\"fmstr-cmp-cf7-free__col-attr\">Feature\u003C/th>\n            \u003Cth class=\"fmstr-cmp-cf7-free__col-formester\">\n              \u003Cspan class=\"fmstr-cmp-cf7-free__col-tag\">Winner\u003C/span>\n              \u003Cspan class=\"fmstr-cmp-cf7-free__col-brand\">Formester\u003C/span>\n              \u003Cspan class=\"fmstr-cmp-cf7-free__col-note\">All limits removed on free\u003C/span>\n            \u003C/th>\n            \u003Cth>\u003Cspan class=\"fmstr-cmp-cf7-free__col-brand\">Contact Form 7\u003C/span>\u003C/th>\n          \u003C/tr>\n        \u003C/thead>\n        \u003Ctbody>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-free__attr\">Forms\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-free__cell fmstr-cmp-cf7-free__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-free__note-inline\">Unlimited\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-free__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-free__note-inline\">Unlimited (WP plugin)\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-free__attr\">Submissions\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-free__cell fmstr-cmp-cf7-free__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-free__note-inline\">Unlimited\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-free__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-free__note-inline\">Unlimited\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-free__attr\">Payments on free\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-free__cell fmstr-cmp-cf7-free__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-free__note-inline\">Stripe + PayPal\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-free__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-free__note-inline\">Paid add-on\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-free__attr\">Conditional logic\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-free__cell fmstr-cmp-cf7-free__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-free__note-inline\">Personal $13/mo\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-free__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-free__note-inline\">Paid add-on\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-free__attr\">Native e-signature\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-free__cell fmstr-cmp-cf7-free__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-free__note-inline\">Personal $13/mo\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-free__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-free__note-inline\">No good add-on\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-free__attr\">Anti-spam included\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-free__cell fmstr-cmp-cf7-free__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-free__note-inline\">Cloudflare Turnstile\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-free__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-free__note-inline\">Akismet (paid for biz)\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-free__attr\">Hosted, no WP required\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-free__cell fmstr-cmp-cf7-free__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-free__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-free__note-inline\">Needs WP hosting\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-free__attr\">AI form creator\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-free__cell fmstr-cmp-cf7-free__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-free__note-inline\">Prompt + list + PDF\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-free__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg>\u003C/td>\n        \u003C/tr>\n        \u003C/tbody>\n      \u003C/table>\n    \u003C/div>\n  \u003C/div>\n\u003C/section>",{"id":182,"__component":163,"markup":183,"useContainer":165},4579,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n  .fmstr-cmp-cf7-paid {\n    --p-bg-card: #ffffff; --p-bg-violet-25: #f7f3ff; --p-bg-pill: #f4ebff;\n    --p-bg-header: #f9fafb; --p-fg-1: #101828; --p-fg-2: #475467; --p-fg-3: #697586;\n    --p-violet-600: #6941c6; --p-violet-700: #5925dc;\n    --p-border: #eaecf0; --p-border-violet: #e4d7ff;\n    padding: 64px 24px; font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif; color: var(--p-fg-1);\n  }\n  .fmstr-cmp-cf7-paid *, .fmstr-cmp-cf7-paid *::before, .fmstr-cmp-cf7-paid *::after { box-sizing: border-box; }\n  .fmstr-cmp-cf7-paid__container { max-width: 1180px; margin: 0 auto; }\n  .fmstr-cmp-cf7-paid__header { max-width: 760px; margin: 0 auto 40px; text-align: center; }\n  .fmstr-cmp-cf7-paid__eyebrow { display: inline-block; padding: 4px 12px; background: var(--p-bg-pill); color: var(--p-violet-600); border-radius: 9999px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 16px; }\n  .fmstr-cmp-cf7-paid__heading { font-size: 36px; line-height: 44px; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 12px; }\n  .fmstr-cmp-cf7-paid__sub { font-size: 16px; line-height: 24px; color: var(--p-fg-3); margin: 0; }\n  .fmstr-cmp-cf7-paid__table-wrap { background: var(--p-bg-card); border: 1px solid var(--p-border); border-radius: 20px; overflow-x: auto; -webkit-overflow-scrolling: touch; box-shadow: 0 4px 24px rgba(16,24,40,.04); }\n  .fmstr-cmp-cf7-paid__table { width: 100%; border-collapse: collapse; font-size: 14.5px; min-width: 780px; }\n  .fmstr-cmp-cf7-paid__table thead th { text-align: left; padding: 20px 22px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; border-bottom: 1px solid var(--p-border); vertical-align: top; }\n  .fmstr-cmp-cf7-paid__col-attr { background: var(--p-bg-header); color: var(--p-fg-3); width: 34%; }\n  .fmstr-cmp-cf7-paid__col-formester { background: linear-gradient(180deg, var(--p-bg-violet-25) 0%, #fff 100%); color: var(--p-violet-700); width: 22%; border-left: 2px solid var(--p-border-violet); border-right: 1px solid var(--p-border); }\n  .fmstr-cmp-cf7-paid__col-comp { background: var(--p-bg-header); color: var(--p-fg-3); width: 22%; }\n  .fmstr-cmp-cf7-paid__col-brand { display: block; font-size: 15px; font-weight: 800; color: inherit; letter-spacing: -0.01em; text-transform: none; margin-bottom: 4px; }\n  .fmstr-cmp-cf7-paid__col-formester .fmstr-cmp-cf7-paid__col-brand { color: var(--p-violet-700); font-size: 17px; }\n  .fmstr-cmp-cf7-paid__col-tag { display: inline-block; padding: 2px 10px; border-radius: 9999px; background: var(--p-violet-600); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 8px; }\n  .fmstr-cmp-cf7-paid__table tbody td, .fmstr-cmp-cf7-paid__attr { padding: 16px 22px; border-bottom: 1px solid var(--p-border); vertical-align: middle; line-height: 22px; }\n  .fmstr-cmp-cf7-paid__attr { font-weight: 600; color: var(--p-fg-1); background: var(--p-bg-header); text-align: left; }\n  .fmstr-cmp-cf7-paid__cell { color: var(--p-fg-2); }\n  .fmstr-cmp-cf7-paid__cell--formester { background: rgba(247, 243, 255, 0.65); color: var(--p-fg-1); font-weight: 600; border-left: 2px solid var(--p-border-violet); border-right: 1px solid var(--p-border); }\n  .fmstr-cmp-cf7-paid__table tbody tr:last-child td, .fmstr-cmp-cf7-paid__table tbody tr:last-child .fmstr-cmp-cf7-paid__attr { border-bottom: none; }\n  .fmstr-cmp-cf7-paid__check, .fmstr-cmp-cf7-paid__cross { vertical-align: -3px; margin-right: 6px; }\n  .fmstr-cmp-cf7-paid__note-inline { font-size: 13px; color: var(--p-fg-3); font-weight: 500; }\n  .fmstr-cmp-cf7-paid__cell--formester .fmstr-cmp-cf7-paid__note-inline { color: var(--p-fg-2); font-weight: 600; }\n  @media (max-width: 900px) { .fmstr-cmp-cf7-paid { padding: 48px 16px; } .fmstr-cmp-cf7-paid__heading { font-size: 26px; line-height: 34px; } }\n  @media (max-width: 760px) { .fmstr-cmp-cf7-paid__table { min-width: 640px; font-size: 13.5px; } .fmstr-cmp-cf7-paid__table thead th { padding: 14px 14px; font-size: 11px; } .fmstr-cmp-cf7-paid__attr, .fmstr-cmp-cf7-paid__cell { padding: 12px 12px; } }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cf7-paid\" aria-labelledby=\"fmstr-cmp-cf7-paid-heading\">\n  \u003Cdiv class=\"fmstr-cmp-cf7-paid__container\">\n    \u003Cdiv class=\"fmstr-cmp-cf7-paid__header\">\n      \u003Cspan class=\"fmstr-cmp-cf7-paid__eyebrow\">Feature by feature\u003C/span>\n      \u003Ch2 id=\"fmstr-cmp-cf7-paid-heading\" class=\"fmstr-cmp-cf7-paid__heading\">Formester vs Contact Form 7, feature by feature\u003C/h2>\n      \u003Cp class=\"fmstr-cmp-cf7-paid__sub\">Every capability that separates a testing tool from a production one.\u003C/p>\n    \u003C/div>\n    \u003Cdiv class=\"fmstr-cmp-cf7-paid__table-wrap\">\n      \u003Ctable class=\"fmstr-cmp-cf7-paid__table\">\n        \u003Cthead>\n          \u003Ctr>\n            \u003Cth class=\"fmstr-cmp-cf7-paid__col-attr\">Feature\u003C/th>\n            \u003Cth class=\"fmstr-cmp-cf7-paid__col-formester\">\n              \u003Cspan class=\"fmstr-cmp-cf7-paid__col-tag\">Our pick\u003C/span>\n              \u003Cspan class=\"fmstr-cmp-cf7-paid__col-brand\">Formester\u003C/span>\n            \u003C/th>\n            \u003Cth class=\"fmstr-cmp-cf7-paid__col-comp\">\u003Cspan class=\"fmstr-cmp-cf7-paid__col-brand\">Contact Form 7\u003C/span>\u003C/th>\n          \u003C/tr>\n        \u003C/thead>\n        \u003Ctbody>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-paid__attr\">Base cost\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-paid__cell fmstr-cmp-cf7-paid__cell--formester\">\u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">$0/mo (Free) or $13/mo (Personal)\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-paid__cell\">\u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">$0 plugin + $10-50/mo hosting\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-paid__attr\">Payments (Stripe + PayPal)\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-paid__cell fmstr-cmp-cf7-paid__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">(Free)\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-paid__cell\">\u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">Paid add-on $49-149/year\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-paid__attr\">Conditional logic + rules\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-paid__cell fmstr-cmp-cf7-paid__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">(Personal $13/mo)\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-paid__cell\">\u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">Paid add-on $29-79/year\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-paid__attr\">Native e-signature\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-paid__cell fmstr-cmp-cf7-paid__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">(Personal $13/mo)\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-paid__cell\">\u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">No good third-party add-on\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-paid__attr\">PDF export of submissions\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-paid__cell fmstr-cmp-cf7-paid__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">(Business $49/mo)\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-paid__cell\">\u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">Paid add-on $30-70/year\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-paid__attr\">Built-in anti-spam\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-paid__cell fmstr-cmp-cf7-paid__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">(Cloudflare Turnstile)\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-paid__cell\">\u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">Akismet paid $10-30/mo for commercial\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-paid__attr\">Submission storage / log\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-paid__cell fmstr-cmp-cf7-paid__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">(built-in)\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-paid__cell\">\u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">Flamingo free add-on\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-paid__attr\">Analytics (drop-off, response log)\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-paid__cell fmstr-cmp-cf7-paid__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-paid__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">(add-on needed)\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-paid__attr\">AI form creator\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-paid__cell fmstr-cmp-cf7-paid__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">(prompt + list + PDF)\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-paid__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-paid__attr\">Team seats\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-paid__cell fmstr-cmp-cf7-paid__cell--formester\">\u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">25 (Business)\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-paid__cell\">\u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">WP user roles\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-paid__attr\">Custom domain / branding\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-paid__cell fmstr-cmp-cf7-paid__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">(Personal $13/mo)\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-paid__cell\">\u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">Uses your WP domain\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-paid__attr\">API access\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-paid__cell fmstr-cmp-cf7-paid__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">(Business $49/mo)\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-paid__cell\">\u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">WP REST API only\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-paid__attr\">Full REST API + MCP\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-paid__cell fmstr-cmp-cf7-paid__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-paid__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">(WP-scoped only)\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-paid__attr\">Offline forms (PWA)\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-paid__cell fmstr-cmp-cf7-paid__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-paid__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-paid__attr\">Hosted, no WordPress required\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-paid__cell fmstr-cmp-cf7-paid__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#059669\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"Yes\">\u003Cpolyline points=\"20 6 9 17 4 12\">\u003C/polyline>\u003C/svg>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-paid__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-paid__attr\">HIPAA compliance\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-paid__cell fmstr-cmp-cf7-paid__cell--formester\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">(not certified)\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-paid__cell\">\u003Csvg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#e11d48\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-label=\"No\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\">\u003C/line>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\">\u003C/line>\u003C/svg> \u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">(WP hosting HIPAA is your responsibility)\u003C/span>\u003C/td>\n        \u003C/tr>\n\u003Ctr>\n          \u003Cth scope=\"row\" class=\"fmstr-cmp-cf7-paid__attr\">Realistic annual cost (production)\u003C/th>\n          \u003Ctd data-label=\"Formester\" class=\"fmstr-cmp-cf7-paid__cell fmstr-cmp-cf7-paid__cell--formester\">\u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">$0-588/year\u003C/span>\u003C/td>\n          \u003Ctd data-label=\"Contact Form 7\" class=\"fmstr-cmp-cf7-paid__cell\">\u003Cspan class=\"fmstr-cmp-cf7-paid__note-inline\">~$200-600/year (add-ons + hosting)\u003C/span>\u003C/td>\n        \u003C/tr>\n        \u003C/tbody>\n      \u003C/table>\n    \u003C/div>\n  \u003C/div>\n\u003C/section>",{"id":185,"__component":163,"markup":186,"useContainer":165},4578,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n\n  .fmstr-cmp-cf7-lio {\n    --p-bg-card: #ffffff;\n    --p-bg-violet-25: #f7f3ff;\n    --p-bg-pill: #f4ebff;\n    --p-bg-row: #fcfcfd;\n    --p-fg-1: #101828;\n    --p-fg-2: #475467;\n    --p-fg-3: #697586;\n    --p-violet-600: #6941c6;\n    --p-emerald-600: #059669;\n    --p-rose-600: #e11d48;\n    --p-border-light: #eaecf0;\n    --p-border-violet: #9777e0;\n    --p-shadow-xs: 0 1px 2px 0 rgba(16, 24, 40, 0.05);\n    --p-shadow-md: 0 2px 4px 0 rgba(16, 24, 40, 0.06);\n    padding: 64px 24px;\n    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    color: var(--p-fg-1);\n  }\n  .fmstr-cmp-cf7-lio *, .fmstr-cmp-cf7-lio *::before, .fmstr-cmp-cf7-lio *::after { box-sizing: border-box; }\n  .fmstr-cmp-cf7-lio__container { max-width: 1180px; margin: 0 auto; }\n\n  .fmstr-cmp-cf7-lio__header { max-width: 760px; margin: 0 auto 40px; text-align: center; }\n  .fmstr-cmp-cf7-lio__eyebrow {\n    display: inline-block; padding: 4px 12px; background: var(--p-bg-pill); color: var(--p-violet-600);\n    border-radius: 9999px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em;\n    text-transform: uppercase; margin-bottom: 16px;\n  }\n  .fmstr-cmp-cf7-lio__heading { font-size: 36px; line-height: 44px; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 12px; }\n  .fmstr-cmp-cf7-lio__sub { font-size: 16px; line-height: 24px; color: var(--p-fg-3); margin: 0; }\n\n  .fmstr-cmp-cf7-lio__grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .fmstr-cmp-cf7-lio__card {\n    background: var(--p-bg-card);\n    border: 1px solid var(--p-border-light);\n    border-radius: 16px;\n    padding: 28px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    box-shadow: var(--p-shadow-xs);\n    transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;\n  }\n  .fmstr-cmp-cf7-lio__card:hover {\n    border-color: var(--p-border-violet);\n    box-shadow: var(--p-shadow-md);\n    transform: translateY(-2px);\n  }\n\n  .fmstr-cmp-cf7-lio__icon {\n    width: 48px; height: 48px;\n    border-radius: 12px;\n    background: var(--p-bg-violet-25);\n    color: var(--p-violet-600);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n\n  .fmstr-cmp-cf7-lio__title {\n    margin: 0;\n    font-size: 20px;\n    line-height: 28px;\n    font-weight: 700;\n    letter-spacing: -0.01em;\n  }\n\n  .fmstr-cmp-cf7-lio__body {\n    margin: 0;\n    font-size: 14px;\n    line-height: 22px;\n    color: var(--p-fg-2);\n  }\n\n  .fmstr-cmp-cf7-lio__compare {\n    margin-top: auto;\n    padding-top: 16px;\n    border-top: 1px solid var(--p-border-light);\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n  .fmstr-cmp-cf7-lio__row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    line-height: 20px;\n  }\n  .fmstr-cmp-cf7-lio__brand {\n    flex-shrink: 0;\n    min-width: 130px;\n    font-weight: 700;\n    color: var(--p-fg-1);\n  }\n  .fmstr-cmp-cf7-lio__brand--formester { color: var(--p-violet-600); }\n  .fmstr-cmp-cf7-lio__value { color: var(--p-fg-2); }\n  .fmstr-cmp-cf7-lio__check { color: var(--p-emerald-600); flex-shrink: 0; }\n  .fmstr-cmp-cf7-lio__cross { color: var(--p-rose-600); flex-shrink: 0; }\n\n  @media (max-width: 1024px) {\n    .fmstr-cmp-cf7-lio__grid { grid-template-columns: 1fr; }\n  }\n  @media (max-width: 760px) {\n    .fmstr-cmp-cf7-lio { padding: 48px 16px; }\n    .fmstr-cmp-cf7-lio__heading { font-size: 24px; line-height: 32px; }\n    .fmstr-cmp-cf7-lio__card { padding: 24px; }\n  }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cf7-lio\" aria-labelledby=\"fmstr-cmp-cf7-lio-heading\">\n  \u003Cdiv class=\"fmstr-cmp-cf7-lio__container\">\n\n    \u003Cheader class=\"fmstr-cmp-cf7-lio__header\">\n      \u003Cspan class=\"fmstr-cmp-cf7-lio__eyebrow\">Where the comparison gets specific\u003C/span>\n      \u003Ch2 id=\"fmstr-cmp-cf7-lio-heading\" class=\"fmstr-cmp-cf7-lio__heading\">Logic, integrations, and offline: Formester vs Contact Form 7\u003C/h2>\n      \u003Cp class=\"fmstr-cmp-cf7-lio__sub\">The three dimensions teams searching for a Contact Form 7 alternative tell us actually drove the switch. Specific behavior, not feature-list checkmarks.\u003C/p>\n    \u003C/header>\n\n    \u003Cdiv class=\"fmstr-cmp-cf7-lio__grid\">\n\n      \u003Carticle class=\"fmstr-cmp-cf7-lio__card\">\n        \u003Cspan class=\"fmstr-cmp-cf7-lio__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            \u003Cpath d=\"M6 3v6a4 4 0 0 0 4 4h4a4 4 0 0 1 4 4v4\"/>\n            \u003Ccircle cx=\"6\" cy=\"3\" r=\"2\"/>\n            \u003Ccircle cx=\"18\" cy=\"21\" r=\"2\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cf7-lio__title\">Conditional logic that actually branches\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-lio__body\">Field-level show / hide / require / route rules across multiple inputs, not just section-level branching. Show a question only if a Likert score is below 3, route the response to a CS lead, fire a webhook on submit. The full engine unlocks on Personal at $12 per month, billed annually.\u003C/p>\n        \u003Cdiv class=\"fmstr-cmp-cf7-lio__compare\">\n          \u003Cdiv class=\"fmstr-cmp-cf7-lio__row\">\n            \u003Cspan class=\"fmstr-cmp-cf7-lio__brand fmstr-cmp-cf7-lio__brand--formester\">Formester\u003C/span>\n            \u003Csvg class=\"fmstr-cmp-cf7-lio__check\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\n            \u003Cspan class=\"fmstr-cmp-cf7-lio__value\">Field-level rules, calculations, route-on-submit (Personal+)\u003C/span>\n          \u003C/div>\n          \u003Cdiv class=\"fmstr-cmp-cf7-lio__row\">\n            \u003Cspan class=\"fmstr-cmp-cf7-lio__brand\">Contact Form 7\u003C/span>\n            \u003Csvg class=\"fmstr-cmp-cf7-lio__check\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\n            \u003Cspan class=\"fmstr-cmp-cf7-lio__value\">Conditional logic, branching, answer piping (free and up)\u003C/span>\n          \u003C/div>\n        \u003C/div>\n      \u003C/article>\n\n      \u003Carticle class=\"fmstr-cmp-cf7-lio__card\">\n        \u003Cspan class=\"fmstr-cmp-cf7-lio__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            \u003Crect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"/>\n            \u003Crect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\"/>\n            \u003Crect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"/>\n            \u003Crect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\"/>\n            \u003Cpath d=\"M10 6.5h4M10 17.5h4M6.5 10v4M17.5 10v4\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cf7-lio__title\">Integrations and AI agent surface\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-lio__body\">Native HubSpot, Google Sheets, Slack, Stripe, PayPal, Calendly, n8n, Pabbly, OttoKit, GA4, and GTM. Webhooks fire on submission created / updated / deleted on every plan. REST API v2 on Business plus an MCP server that plugs into Claude or ChatGPT. The Contact Form 7 alternative for teams running AI agents on form data.\u003C/p>\n        \u003Cdiv class=\"fmstr-cmp-cf7-lio__compare\">\n          \u003Cdiv class=\"fmstr-cmp-cf7-lio__row\">\n            \u003Cspan class=\"fmstr-cmp-cf7-lio__brand fmstr-cmp-cf7-lio__brand--formester\">Formester\u003C/span>\n            \u003Csvg class=\"fmstr-cmp-cf7-lio__check\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\n            \u003Cspan class=\"fmstr-cmp-cf7-lio__value\">11+ native + webhooks + Zapier + REST API + MCP server\u003C/span>\n          \u003C/div>\n          \u003Cdiv class=\"fmstr-cmp-cf7-lio__row\">\n            \u003Cspan class=\"fmstr-cmp-cf7-lio__brand\">Contact Form 7\u003C/span>\n            \u003Csvg class=\"fmstr-cmp-cf7-lio__check\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\n            \u003Cspan class=\"fmstr-cmp-cf7-lio__value\">Native integration list, no MCP\u003C/span>\n          \u003C/div>\n        \u003C/div>\n      \u003C/article>\n\n      \u003Carticle class=\"fmstr-cmp-cf7-lio__card\">\n        \u003Cspan class=\"fmstr-cmp-cf7-lio__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            \u003Cpath d=\"M5 12.55a11 11 0 0 1 14.08 0\"/>\n            \u003Cpath d=\"M1.42 9a16 16 0 0 1 21.16 0\"/>\n            \u003Cpath d=\"M8.53 16.11a6 6 0 0 1 6.95 0\"/>\n            \u003Cline x1=\"12\" y1=\"20\" x2=\"12.01\" y2=\"20\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cf7-lio__title\">Offline forms that ship as installable apps\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-lio__body\">Formester forms install as a PWA on phones, tablets, and laptops. Field teams collect responses with no connection, submissions queue on the device, and sync the moment the network returns. Available on the free plan, no app store install. Contact Form 7 has no native offline option, which is a real gap for in-store, event, and field-research collection.\u003C/p>\n        \u003Cdiv class=\"fmstr-cmp-cf7-lio__compare\">\n          \u003Cdiv class=\"fmstr-cmp-cf7-lio__row\">\n            \u003Cspan class=\"fmstr-cmp-cf7-lio__brand fmstr-cmp-cf7-lio__brand--formester\">Formester\u003C/span>\n            \u003Csvg class=\"fmstr-cmp-cf7-lio__check\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\n            \u003Cspan class=\"fmstr-cmp-cf7-lio__value\">PWA install, offline collection, auto sync (free and up)\u003C/span>\n          \u003C/div>\n          \u003Cdiv class=\"fmstr-cmp-cf7-lio__row\">\n            \u003Cspan class=\"fmstr-cmp-cf7-lio__brand\">Contact Form 7\u003C/span>\n            \u003Csvg class=\"fmstr-cmp-cf7-lio__cross\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/>\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/>\u003C/svg>\n            \u003Cspan class=\"fmstr-cmp-cf7-lio__value\">No native offline sync\u003C/span>\n          \u003C/div>\n        \u003C/div>\n      \u003C/article>\n\n    \u003C/div>\n  \u003C/div>\n\u003C/section>\n",{"id":188,"__component":163,"markup":189,"useContainer":165},4575,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n  .fmstr-cmp-cf7-api-mcp {\n    --p-bg-card: #ffffff;\n    --p-bg-tint: #f7f3ff;\n    --p-bg-pill: #f4ebff;\n    --p-bg-chip: #f2f4f7;\n    --p-fg-1: #101828;\n    --p-fg-2: #475467;\n    --p-fg-strong: #344054;\n    --p-violet-500: #7f56d9;\n    --p-violet-600: #6941c6;\n    --p-violet-300: #9777e0;\n    --p-border: #eaecf0;\n    --p-shadow-md: 0 2px 4px 0 rgba(16, 24, 40, 0.06);\n    padding: 64px 24px;\n    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    color: var(--p-fg-1);\n  }\n  .fmstr-cmp-cf7-api-mcp *, .fmstr-cmp-cf7-api-mcp *::before, .fmstr-cmp-cf7-api-mcp *::after { box-sizing: border-box; }\n  .fmstr-cmp-cf7-api-mcp__container { max-width: 1180px; margin: 0 auto; }\n  .fmstr-cmp-cf7-api-mcp__header { max-width: 760px; margin: 0 auto 40px; text-align: center; }\n  .fmstr-cmp-cf7-api-mcp__eyebrow {\n    display: inline-block; padding: 4px 12px; background: var(--p-bg-pill); color: var(--p-violet-600);\n    border-radius: 9999px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em;\n    text-transform: uppercase; margin-bottom: 16px;\n  }\n  .fmstr-cmp-cf7-api-mcp__title { font-size: 36px; line-height: 44px; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 12px; }\n  .fmstr-cmp-cf7-api-mcp__intro { font-size: 18px; line-height: 28px; color: var(--p-fg-2); margin: 0; }\n  .fmstr-cmp-cf7-api-mcp__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; align-items: stretch; }\n  .fmstr-cmp-cf7-api-mcp__card {\n    background: var(--p-bg-card); border: 1px solid var(--p-border);\n    border-radius: 16px; padding: 32px;\n    display: flex; flex-direction: column;\n    transition: border-color 150ms ease, box-shadow 150ms ease;\n  }\n  .fmstr-cmp-cf7-api-mcp__card:hover { border-color: var(--p-violet-300); box-shadow: var(--p-shadow-md); }\n  .fmstr-cmp-cf7-api-mcp__icon {\n    width: 52px; height: 52px; border-radius: 12px;\n    background: var(--p-bg-tint); color: var(--p-violet-600);\n    display: inline-flex; align-items: center; justify-content: center;\n    margin-bottom: 20px; flex-shrink: 0;\n  }\n  .fmstr-cmp-cf7-api-mcp__badge {\n    display: inline-block; padding: 4px 10px;\n    background: var(--p-violet-500); color: #ffffff;\n    border-radius: 6px; font-size: 12px; font-weight: 700;\n    letter-spacing: 0.06em; text-transform: uppercase;\n    margin-bottom: 12px; align-self: flex-start;\n  }\n  .fmstr-cmp-cf7-api-mcp__badge--alt { background: var(--p-bg-tint); color: var(--p-violet-600); }\n  .fmstr-cmp-cf7-api-mcp__card-title {\n    font-size: 20px; line-height: 30px; font-weight: 600;\n    letter-spacing: -0.01em; margin: 0 0 16px;\n  }\n  .fmstr-cmp-cf7-api-mcp__chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }\n  .fmstr-cmp-cf7-api-mcp__chip {\n    display: inline-block; padding: 4px 10px; background: var(--p-bg-chip);\n    color: var(--p-fg-strong); border-radius: 6px;\n    font-size: 14px; font-weight: 600; line-height: 20px;\n  }\n  .fmstr-cmp-cf7-api-mcp__body {\n    font-size: 16px; line-height: 24px; color: var(--p-fg-2);\n    margin: 0 0 20px; flex: 1 1 auto;\n  }\n  .fmstr-cmp-cf7-api-mcp__cta {\n    color: var(--p-violet-600); font-weight: 600; font-size: 14px;\n    text-decoration: none; align-self: flex-start;\n  }\n  .fmstr-cmp-cf7-api-mcp__cta:hover {\n  color: var(--p-violet-600); text-decoration: underline; }\n  @media (max-width: 760px) {\n    .fmstr-cmp-cf7-api-mcp { padding: 48px 16px; }\n    .fmstr-cmp-cf7-api-mcp__title { font-size: 24px; line-height: 32px; }\n    .fmstr-cmp-cf7-api-mcp__intro { font-size: 16px; line-height: 24px; }\n    .fmstr-cmp-cf7-api-mcp__grid { grid-template-columns: 1fr; }\n    .fmstr-cmp-cf7-api-mcp__card { padding: 24px; }\n  }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cf7-api-mcp\" aria-labelledby=\"fmstr-cmp-cf7-api-mcp-title\">\n  \u003Cdiv class=\"fmstr-cmp-cf7-api-mcp__container\">\n\n    \u003Cheader class=\"fmstr-cmp-cf7-api-mcp__header\">\n      \u003Cspan class=\"fmstr-cmp-cf7-api-mcp__eyebrow\">For developers\u003C/span>\n      \u003Ch2 id=\"fmstr-cmp-cf7-api-mcp-title\" class=\"fmstr-cmp-cf7-api-mcp__title\">Your form data, ready for the AI you already use\u003C/h2>\n      \u003Cp class=\"fmstr-cmp-cf7-api-mcp__intro\">Every Formester form ships with a REST API and an MCP server. Submissions don't stop at a CSV. The Contact Form 7 alternative built for teams running AI agents on top of their data.\u003C/p>\n    \u003C/header>\n\n    \u003Cdiv class=\"fmstr-cmp-cf7-api-mcp__grid\">\n\n      \u003Carticle class=\"fmstr-cmp-cf7-api-mcp__card\">\n        \u003Cspan class=\"fmstr-cmp-cf7-api-mcp__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            \u003Ccircle cx=\"6\" cy=\"6\" r=\"2.5\"/>\u003Ccircle cx=\"18\" cy=\"6\" r=\"2.5\"/>\u003Ccircle cx=\"12\" cy=\"18\" r=\"2.5\"/>\n            \u003Cpath d=\"M8 7l3 9M16 7l-3 9\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Cspan class=\"fmstr-cmp-cf7-api-mcp__badge\">MCP server\u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cf7-api-mcp__card-title\">Plug Formester into Claude, ChatGPT, or any MCP-compatible model\u003C/h3>\n        \u003Cdiv class=\"fmstr-cmp-cf7-api-mcp__chips\">\n          \u003Cspan class=\"fmstr-cmp-cf7-api-mcp__chip\">Claude\u003C/span>\n          \u003Cspan class=\"fmstr-cmp-cf7-api-mcp__chip\">ChatGPT\u003C/span>\n          \u003Cspan class=\"fmstr-cmp-cf7-api-mcp__chip\">Custom agents\u003C/span>\n        \u003C/div>\n        \u003Cp class=\"fmstr-cmp-cf7-api-mcp__body\">Connect Formester to any MCP-compatible model and let it read your form submissions directly. Ask Claude \"which leads from this week's form look highest fit?\", or have a custom agent score job applications against the role brief and flag the top candidates for the recruiter.\u003C/p>\n        \u003Ca class=\"fmstr-cmp-cf7-api-mcp__cta\" href=\"https://docs.formester.com/formester-mcp-server.html\">Read the MCP docs →\u003C/a>\n      \u003C/article>\n\n      \u003Carticle class=\"fmstr-cmp-cf7-api-mcp__card\">\n        \u003Cspan class=\"fmstr-cmp-cf7-api-mcp__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            \u003Cpolyline points=\"16 18 22 12 16 6\"/>\u003Cpolyline points=\"8 6 2 12 8 18\"/>\u003Cline x1=\"13\" y1=\"4\" x2=\"11\" y2=\"20\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Cspan class=\"fmstr-cmp-cf7-api-mcp__badge fmstr-cmp-cf7-api-mcp__badge--alt\">REST API v2\u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cf7-api-mcp__card-title\">Or build directly on the REST API\u003C/h3>\n        \u003Cdiv class=\"fmstr-cmp-cf7-api-mcp__chips\">\n          \u003Cspan class=\"fmstr-cmp-cf7-api-mcp__chip\">Self-service token\u003C/span>\n          \u003Cspan class=\"fmstr-cmp-cf7-api-mcp__chip\">Webhooks\u003C/span>\n          \u003Cspan class=\"fmstr-cmp-cf7-api-mcp__chip\">Business plan +\u003C/span>\n        \u003C/div>\n        \u003Cp class=\"fmstr-cmp-cf7-api-mcp__body\">Pull form submissions into your data warehouse, push pre-filled form URLs back from your CRM, or build a custom enrichment pipeline. Self-service token at app.formester.com/api in two clicks. No support ticket, no waiting.\u003C/p>\n        \u003Ca class=\"fmstr-cmp-cf7-api-mcp__cta\" href=\"https://docs.formester.com/formester-api.html\">Read the API docs →\u003C/a>\n      \u003C/article>\n\n    \u003C/div>\n  \u003C/div>\n\u003C/section>\n",{"id":191,"__component":163,"markup":192,"useContainer":165},4576,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n  .fmstr-cmp-cf7-why-pick {\n    --p-bg-card: #ffffff;\n    --p-bg-violet-25: #f7f3ff;\n    --p-bg-pill: #f4ebff;\n    --p-fg-1: #101828;\n    --p-fg-2: #475467;\n    --p-fg-3: #697586;\n    --p-violet-600: #6941c6;\n    --p-border-light: #eaecf0;\n    --p-border-violet: #9777e0;\n    --p-shadow-xs: 0 1px 2px 0 rgba(16, 24, 40, 0.05);\n    --p-shadow-md: 0 2px 4px 0 rgba(16, 24, 40, 0.06);\n    padding: 64px 24px;\n    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    color: var(--p-fg-1);\n  }\n  .fmstr-cmp-cf7-why-pick *, .fmstr-cmp-cf7-why-pick *::before, .fmstr-cmp-cf7-why-pick *::after { box-sizing: border-box; }\n  .fmstr-cmp-cf7-why-pick__container { max-width: 1180px; margin: 0 auto; }\n  .fmstr-cmp-cf7-why-pick__header { max-width: 760px; margin: 0 auto 40px; text-align: center; }\n  .fmstr-cmp-cf7-why-pick__eyebrow {\n    display: inline-block; padding: 4px 12px; background: var(--p-bg-pill); color: var(--p-violet-600);\n    border-radius: 9999px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em;\n    text-transform: uppercase; margin-bottom: 16px;\n  }\n  .fmstr-cmp-cf7-why-pick__heading { font-size: 36px; line-height: 44px; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 12px; }\n  .fmstr-cmp-cf7-why-pick__sub { font-size: 16px; line-height: 24px; color: var(--p-fg-3); margin: 0; }\n  .fmstr-cmp-cf7-why-pick__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; align-items: stretch; }\n  .fmstr-cmp-cf7-why-pick__card {\n    display: flex; flex-direction: column; gap: 12px; padding: 24px;\n    background: var(--p-bg-card); border: 1px solid var(--p-border-light);\n    border-radius: 16px; box-shadow: var(--p-shadow-xs);\n    transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;\n  }\n  .fmstr-cmp-cf7-why-pick__card:hover {\n    border-color: var(--p-border-violet); box-shadow: var(--p-shadow-md);\n    transform: translateY(-2px);\n  }\n  .fmstr-cmp-cf7-why-pick__icon {\n    width: 40px; height: 40px; border-radius: 8px;\n    background: var(--p-bg-violet-25); color: var(--p-violet-600);\n    display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;\n  }\n  .fmstr-cmp-cf7-why-pick__title { margin: 0; font-size: 16px; line-height: 22px; font-weight: 700; }\n  .fmstr-cmp-cf7-why-pick__body { margin: 0; font-size: 14px; line-height: 22px; color: var(--p-fg-2); }\n\n  @media (max-width: 1024px) { .fmstr-cmp-cf7-why-pick__grid { grid-template-columns: repeat(2, 1fr); } }\n  @media (max-width: 760px) {\n    .fmstr-cmp-cf7-why-pick { padding: 48px 16px; }\n    .fmstr-cmp-cf7-why-pick__heading { font-size: 24px; line-height: 32px; }\n    .fmstr-cmp-cf7-why-pick__grid { grid-template-columns: 1fr; }\n    .fmstr-cmp-cf7-why-pick__card { padding: 20px; }\n  }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cf7-why-pick\" aria-labelledby=\"fmstr-cmp-cf7-why-pick-heading\">\n  \u003Cdiv class=\"fmstr-cmp-cf7-why-pick__container\">\n\n    \u003Cheader class=\"fmstr-cmp-cf7-why-pick__header\">\n      \u003Cspan class=\"fmstr-cmp-cf7-why-pick__eyebrow\">Why teams switch\u003C/span>\n      \u003Ch2 id=\"fmstr-cmp-cf7-why-pick-heading\" class=\"fmstr-cmp-cf7-why-pick__heading\">Why teams choose Formester over Contact Form 7\u003C/h2>\n      \u003Cp class=\"fmstr-cmp-cf7-why-pick__sub\">Eight reasons buyers searching for a Contact Form 7 alternative tell us they made the switch. Each item ties to a specific Formester plan or feature, not a marketing line.\u003C/p>\n    \u003C/header>\n\n    \u003Cdiv class=\"fmstr-cmp-cf7-why-pick__grid\">\n\n      \u003Carticle class=\"fmstr-cmp-cf7-why-pick__card\">\n        \u003Cspan class=\"fmstr-cmp-cf7-why-pick__icon\" aria-hidden=\"true\">\u003Csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpath d=\"M12 3l1.9 5.6L19 10l-5.1 1.4L12 17l-1.9-5.6L5 10l5.1-1.4L12 3z\"/>\u003Cpath d=\"M19 3l.7 2.1L22 6l-2.3.9L19 9l-.7-2.1L16 6l2.3-.9L19 3z\"/>\u003Cpath d=\"M19 15l.7 2.1L22 18l-2.3.9L19 21l-.7-2.1L16 18l2.3-.9L19 15z\"/>\u003C/svg>\u003C/span>\u003Ch3 class=\"fmstr-cmp-cf7-why-pick__title\">AI form generator on the free plan\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-why-pick__body\">Prompt, PDF, or question list. Formester drafts the form in seconds, on the free plan.\u003C/p>\n      \u003C/article>\n      \u003Carticle class=\"fmstr-cmp-cf7-why-pick__card\">\n        \u003Cspan class=\"fmstr-cmp-cf7-why-pick__icon\" aria-hidden=\"true\">\u003Csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Crect x=\"2\" y=\"6\" width=\"20\" height=\"14\" rx=\"2\"/>\u003Cline x1=\"2\" y1=\"11\" x2=\"22\" y2=\"11\"/>\u003Cline x1=\"6\" y1=\"16\" x2=\"10\" y2=\"16\"/>\u003C/svg>\u003C/span>\u003Ch3 class=\"fmstr-cmp-cf7-why-pick__title\">Native payments included on the free plan\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-why-pick__body\">Stripe and PayPal integration on day one. No add-on, no upgrade. Most teams switching from Contact Form 7 cite this as the deciding feature.\u003C/p>\n      \u003C/article>\n      \u003Carticle class=\"fmstr-cmp-cf7-why-pick__card\">\n        \u003Cspan class=\"fmstr-cmp-cf7-why-pick__icon\" aria-hidden=\"true\">\u003Csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Ccircle cx=\"6\" cy=\"6\" r=\"3\"/>\u003Ccircle cx=\"18\" cy=\"6\" r=\"3\"/>\u003Ccircle cx=\"12\" cy=\"18\" r=\"3\"/>\u003Cline x1=\"6\" y1=\"9\" x2=\"6\" y2=\"12\"/>\u003Cline x1=\"18\" y1=\"9\" x2=\"18\" y2=\"12\"/>\u003Cpath d=\"M6 12h12\"/>\u003Cline x1=\"12\" y1=\"12\" x2=\"12\" y2=\"15\"/>\u003C/svg>\u003C/span>\u003Ch3 class=\"fmstr-cmp-cf7-why-pick__title\">Conditional logic on Personal at $12/mo annual\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-why-pick__body\">Field-level rules across inputs, not just section branching. Show, hide, skip, route, calculate. Personal at $12/mo annual.\u003C/p>\n      \u003C/article>\n      \u003Carticle class=\"fmstr-cmp-cf7-why-pick__card\">\n        \u003Cspan class=\"fmstr-cmp-cf7-why-pick__icon\" aria-hidden=\"true\">\u003Csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpolyline points=\"16 18 22 12 16 6\"/>\u003Cpolyline points=\"8 6 2 12 8 18\"/>\u003C/svg>\u003C/span>\u003Ch3 class=\"fmstr-cmp-cf7-why-pick__title\">REST API + MCP server for AI agents\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-why-pick__body\">Hosted REST API on Business plus an MCP server for Claude, ChatGPT, or any compatible model.\u003C/p>\n      \u003C/article>\n      \u003Carticle class=\"fmstr-cmp-cf7-why-pick__card\">\n        \u003Cspan class=\"fmstr-cmp-cf7-why-pick__icon\" aria-hidden=\"true\">\u003Csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpath d=\"M3 15v4a2 2 0 002 2h14a2 2 0 002-2v-4\"/>\u003Cpolyline points=\"7 10 12 15 17 10\"/>\u003Cline x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"/>\u003C/svg>\u003C/span>\u003Ch3 class=\"fmstr-cmp-cf7-why-pick__title\">Offline forms that install as PWAs\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-why-pick__body\">Field teams collect without signal. Submissions sync when the network returns. Free plan, no app store install.\u003C/p>\n      \u003C/article>\n      \u003Carticle class=\"fmstr-cmp-cf7-why-pick__card\">\n        \u003Cspan class=\"fmstr-cmp-cf7-why-pick__icon\" aria-hidden=\"true\">\u003Csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"10\"/>\u003Cline x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"/>\u003Cpath d=\"M12 2a15 15 0 014 10 15 15 0 01-4 10 15 15 0 01-4-10 15 15 0 014-10z\"/>\u003C/svg>\u003C/span>\u003Ch3 class=\"fmstr-cmp-cf7-why-pick__title\">Custom domain on Business, branded URL on Personal\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-why-pick__body\">Forms live on your domain, not a vendor URL. Personal unlocks a custom subdomain; Business unlocks the full custom domain.\u003C/p>\n      \u003C/article>\n      \u003Carticle class=\"fmstr-cmp-cf7-why-pick__card\">\n        \u003Cspan class=\"fmstr-cmp-cf7-why-pick__icon\" aria-hidden=\"true\">\u003Csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpath d=\"M4 5h9M9 3v2M11 5a10 10 0 01-6 9M6 8a6 6 0 006 4\"/>\u003Cpath d=\"M13 21l4-9 4 9M15 17h4\"/>\u003C/svg>\u003C/span>\u003Ch3 class=\"fmstr-cmp-cf7-why-pick__title\">Multi-language with AI translation\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-why-pick__body\">180+ languages via AI translation on Business. One source form, respondent picks their language, edits stay in sync.\u003C/p>\n      \u003C/article>\n      \u003Carticle class=\"fmstr-cmp-cf7-why-pick__card\">\n        \u003Cspan class=\"fmstr-cmp-cf7-why-pick__icon\" aria-hidden=\"true\">\u003Csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"/>\u003Cpolyline points=\"9 12 11 14 15 10\"/>\u003C/svg>\u003C/span>\u003Ch3 class=\"fmstr-cmp-cf7-why-pick__title\">Privacy-first: no AI training on your data\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-why-pick__body\">GDPR, UK GDPR, and CCPA compliant. Customer Data is not used to train AI models. Honest about SOC 2 and ISO 27001, we do not certify them yet.\u003C/p>\n      \u003C/article>\n\n    \u003C/div>\n  \u003C/div>\n\u003C/section>\n",{"id":194,"__component":163,"markup":195,"useContainer":165},4581,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n  .fmstr-cmp-cf7-switch {\n    --p-bg-card: #ffffff;\n    --p-bg-pill: #f4ebff;\n    --p-bg-num: #6941c6;\n    --p-fg-1: #101828;\n    --p-fg-2: #475467;\n    --p-fg-3: #697586;\n    --p-violet-600: #6941c6;\n    --p-border-light: #eaecf0;\n    --p-border-violet: #9777e0;\n    --p-shadow-xs: 0 1px 2px 0 rgba(16, 24, 40, 0.05);\n    --p-shadow-md: 0 2px 4px 0 rgba(16, 24, 40, 0.06);\n    padding: 64px 24px;\n    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    color: var(--p-fg-1);\n  }\n  .fmstr-cmp-cf7-switch *, .fmstr-cmp-cf7-switch *::before, .fmstr-cmp-cf7-switch *::after { box-sizing: border-box; }\n  .fmstr-cmp-cf7-switch__container { max-width: 1180px; margin: 0 auto; }\n  .fmstr-cmp-cf7-switch__header { max-width: 760px; margin: 0 auto 40px; text-align: center; }\n  .fmstr-cmp-cf7-switch__eyebrow {\n    display: inline-block; padding: 4px 12px; background: var(--p-bg-pill); color: var(--p-violet-600);\n    border-radius: 9999px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em;\n    text-transform: uppercase; margin-bottom: 16px;\n  }\n  .fmstr-cmp-cf7-switch__heading { font-size: 36px; line-height: 44px; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 12px; }\n  .fmstr-cmp-cf7-switch__sub { font-size: 16px; line-height: 24px; color: var(--p-fg-3); margin: 0; }\n  .fmstr-cmp-cf7-switch__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: stretch; }\n  .fmstr-cmp-cf7-switch__step {\n    display: flex; flex-direction: column; gap: 16px; padding: 28px;\n    background: var(--p-bg-card); border: 1px solid var(--p-border-light);\n    border-radius: 16px; box-shadow: var(--p-shadow-xs);\n    transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;\n  }\n  .fmstr-cmp-cf7-switch__step:hover {\n    border-color: var(--p-border-violet); box-shadow: var(--p-shadow-md);\n    transform: translateY(-2px);\n  }\n  .fmstr-cmp-cf7-switch__num {\n    width: 36px; height: 36px; border-radius: 50%; background: var(--p-bg-num); color: #ffffff;\n    display: inline-flex; align-items: center; justify-content: center;\n    font-size: 16px; font-weight: 700; flex-shrink: 0;\n  }\n  .fmstr-cmp-cf7-switch__title { margin: 0; font-size: 18px; line-height: 28px; font-weight: 700; }\n  .fmstr-cmp-cf7-switch__body { margin: 0; font-size: 14px; line-height: 22px; color: var(--p-fg-2); }\n  .fmstr-cmp-cf7-switch__hint {\n    margin-top: auto; padding-top: 12px; border-top: 1px dashed var(--p-border-light);\n    font-size: 12px; color: var(--p-fg-3);\n  }\n  .fmstr-cmp-cf7-switch__hint strong { color: var(--p-fg-1); font-weight: 700; }\n  @media (max-width: 1024px) { .fmstr-cmp-cf7-switch__grid { grid-template-columns: 1fr; } }\n  @media (max-width: 760px) {\n    .fmstr-cmp-cf7-switch { padding: 48px 16px; }\n    .fmstr-cmp-cf7-switch__heading { font-size: 24px; line-height: 32px; }\n    .fmstr-cmp-cf7-switch__step { padding: 24px; }\n  }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cf7-switch\" aria-labelledby=\"fmstr-cmp-cf7-switch-heading\">\n  \u003Cdiv class=\"fmstr-cmp-cf7-switch__container\">\n\n    \u003Cheader class=\"fmstr-cmp-cf7-switch__header\">\n      \u003Cspan class=\"fmstr-cmp-cf7-switch__eyebrow\">Migration\u003C/span>\n      \u003Ch2 id=\"fmstr-cmp-cf7-switch-heading\" class=\"fmstr-cmp-cf7-switch__heading\">How to switch from Contact Form 7 to Formester in 3 steps\u003C/h2>\n      \u003Cp class=\"fmstr-cmp-cf7-switch__sub\">From \"I want to leave Contact Form 7\" to \"the new form is live\" without losing data or missing submissions.\u003C/p>\n    \u003C/header>\n\n    \u003Cdiv class=\"fmstr-cmp-cf7-switch__grid\">\n\n      \u003Carticle class=\"fmstr-cmp-cf7-switch__step\">\n        \u003Cspan class=\"fmstr-cmp-cf7-switch__num\" aria-hidden=\"true\">1\u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cf7-switch__title\">Export your existing entries\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-switch__body\">In Contact Form 7, open Forms → Submissions → Export CSV. Capture each form's responses as a CSV. Pull integration logs for reference.\u003C/p>\n        \u003Cp class=\"fmstr-cmp-cf7-switch__hint\">\u003Cstrong>Time:\u003C/strong> 5 to 10 minutes for a typical 5-form workspace.\u003C/p>\n      \u003C/article>\n      \u003Carticle class=\"fmstr-cmp-cf7-switch__step\">\n        \u003Cspan class=\"fmstr-cmp-cf7-switch__num\" aria-hidden=\"true\">2\u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cf7-switch__title\">Rebuild with the AI form generator\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-switch__body\">Sign up for Formester (free, no card). Open the AI form generator, paste a description of the Contact Form 7 form, or upload the questions list. The generator drafts the structure with field types, validation, and conditional logic. Edit the labels and apply your branding.\u003C/p>\n        \u003Cp class=\"fmstr-cmp-cf7-switch__hint\">\u003Cstrong>Time:\u003C/strong> 10 to 20 minutes per form for a typical 10-field form.\u003C/p>\n      \u003C/article>\n      \u003Carticle class=\"fmstr-cmp-cf7-switch__step\">\n        \u003Cspan class=\"fmstr-cmp-cf7-switch__num\" aria-hidden=\"true\">3\u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cf7-switch__title\">Re-point your integrations\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-switch__body\">Update the destination on your Slack / Zapier / native flows from Contact Form 7's webhook endpoints to Formester's. Test one submission, confirm the integration fires, then archive the Contact Form 7 form.\u003C/p>\n        \u003Cp class=\"fmstr-cmp-cf7-switch__hint\">\u003Cstrong>Time:\u003C/strong> 10 to 15 minutes; keep Contact Form 7 active for a week as a fallback.\u003C/p>\n      \u003C/article>\n\n    \u003C/div>\n  \u003C/div>\n\u003C/section>",{"id":197,"__component":163,"markup":198,"useContainer":165},4582,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n  .fmstr-cmp-cf7-when-wins {\n    --p-bg-card: #ffffff;\n    --p-bg-pill: #f4ebff;\n    --p-fg-1: #101828;\n    --p-fg-2: #475467;\n    --p-fg-3: #697586;\n    --p-emerald-600: #6941c6;\n    --p-border-light: #eaecf0;\n    --p-border-emerald: #d0d5dd;\n    --p-shadow-xs: 0 1px 2px 0 rgba(16, 24, 40, 0.05);\n    --p-shadow-md: 0 2px 4px 0 rgba(16, 24, 40, 0.06);\n    padding: 64px 24px;\n    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    color: var(--p-fg-1);\n  }\n  .fmstr-cmp-cf7-when-wins *, .fmstr-cmp-cf7-when-wins *::before, .fmstr-cmp-cf7-when-wins *::after { box-sizing: border-box; }\n  .fmstr-cmp-cf7-when-wins__container { max-width: 1180px; margin: 0 auto; }\n  .fmstr-cmp-cf7-when-wins__header { max-width: 760px; margin: 0 auto 40px; text-align: center; }\n  .fmstr-cmp-cf7-when-wins__eyebrow {\n    display: inline-block; padding: 4px 12px; background: var(--p-bg-pill); color: var(--p-emerald-600);\n    border-radius: 9999px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em;\n    text-transform: uppercase; margin-bottom: 16px;\n  }\n  .fmstr-cmp-cf7-when-wins__heading { font-size: 36px; line-height: 44px; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 12px; }\n  .fmstr-cmp-cf7-when-wins__sub { font-size: 16px; line-height: 24px; color: var(--p-fg-3); margin: 0; }\n  .fmstr-cmp-cf7-when-wins__grid { display: grid; grid-template-columns: repeat(2, 1fr); align-items: stretch; gap: 20px; }\n  .fmstr-cmp-cf7-when-wins__card {\n    display: flex; flex-direction: column; gap: 16px; padding: 28px;\n    background: var(--p-bg-card); border: 1px solid var(--p-border-light); border-radius: 16px;\n    box-shadow: var(--p-shadow-xs);\n    transition: box-shadow 200ms ease, transform 200ms ease;\n  }\n  .fmstr-cmp-cf7-when-wins__card:hover { box-shadow: var(--p-shadow-md); transform: translateY(-2px); }\n  .fmstr-cmp-cf7-when-wins__title { margin: 0; font-size: 18px; line-height: 28px; font-weight: 700; }\n  .fmstr-cmp-cf7-when-wins__list { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; }\n  .fmstr-cmp-cf7-when-wins__list li { font-size: 14px; line-height: 22px; color: var(--p-fg-2); }\n  .fmstr-cmp-cf7-when-wins__list li strong { color: var(--p-fg-1); font-weight: 700; }\n  @media (max-width: 760px) {\n    .fmstr-cmp-cf7-when-wins { padding: 48px 16px; }\n    .fmstr-cmp-cf7-when-wins__heading { font-size: 24px; line-height: 32px; }\n    .fmstr-cmp-cf7-when-wins__grid { grid-template-columns: 1fr; }\n    .fmstr-cmp-cf7-when-wins__card { padding: 24px; }\n  }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cf7-when-wins\" aria-labelledby=\"fmstr-cmp-cf7-when-wins-heading\">\n  \u003Cdiv class=\"fmstr-cmp-cf7-when-wins__container\">\n\n    \u003Cheader class=\"fmstr-cmp-cf7-when-wins__header\">\n      \u003Cspan class=\"fmstr-cmp-cf7-when-wins__eyebrow\">Honest comparison\u003C/span>\n      \u003Ch2 id=\"fmstr-cmp-cf7-when-wins-heading\" class=\"fmstr-cmp-cf7-when-wins__heading\">When Contact Form 7 is still the better choice\u003C/h2>\n      \u003Cp class=\"fmstr-cmp-cf7-when-wins__sub\">Two honest cases where Contact Form 7 is a better fit than Formester. We are the alternative for the rest, and that is okay.\u003C/p>\n    \u003C/header>\n\n    \u003Cdiv class=\"fmstr-cmp-cf7-when-wins__grid\">\n\n      \u003Carticle class=\"fmstr-cmp-cf7-when-wins__card\">\n        \u003Ch3 class=\"fmstr-cmp-cf7-when-wins__title\">Your team already runs on the SurveyMonkey stack\u003C/h3>\n        \u003Cul class=\"fmstr-cmp-cf7-when-wins__list\">\n          \u003Cli>Contact Form 7 is owned by \u003Cstrong>SurveyMonkey\u003C/strong>. If your team already runs SurveyMonkey for surveys, Contact Form 7 forms plug into the same account.\u003C/li>\n          \u003Cli>Billing, reporting, and admin sit in one place. That is a real convenience for teams already committed to the SurveyMonkey ecosystem.\u003C/li>\n          \u003Cli>Formester is a standalone product with its own billing, its own dashboard, and its own integration list.\u003C/li>\n          \u003Cli>Honest tradeoff: if the SurveyMonkey account is a hard constraint, Contact Form 7 stays the better fit.\u003C/li>\n        \u003C/ul>\n      \u003C/article>\n      \u003Carticle class=\"fmstr-cmp-cf7-when-wins__card\">\n        \u003Ch3 class=\"fmstr-cmp-cf7-when-wins__title\">You want a proven, stripped-down builder for basic forms\u003C/h3>\n        \u003Cul class=\"fmstr-cmp-cf7-when-wins__list\">\n          \u003Cli>Contact Form 7 has run since 2006 and the builder is deliberately \u003Cstrong>simple\u003C/strong> for the basic use case.\u003C/li>\n          \u003Cli>If your form is a contact form or a lead capture with no branching, no AI, and no offline collection, Contact Form 7 can ship it fine.\u003C/li>\n          \u003Cli>For teams that never need the depth, that familiarity is a real advantage.\u003C/li>\n          \u003Cli>Honest tradeoff: Formester wins the moment you want AI drafting, offline collection, payments on free, or an MCP for AI agents.\u003C/li>\n        \u003C/ul>\n      \u003C/article>\n\n    \u003C/div>\n  \u003C/div>\n\u003C/section>",{"id":200,"__component":163,"markup":201,"useContainer":165},4586,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n  .fmstr-cmp-cf7-other-alts {\n    --p-bg-card: #ffffff;\n    --p-bg-pill: #f4ebff;\n    --p-fg-1: #101828;\n    --p-fg-2: #475467;\n    --p-fg-3: #697586;\n    --p-violet-600: #6941c6;\n    --p-border-light: #eaecf0;\n    --p-border-violet: #9777e0;\n    --p-shadow-xs: 0 1px 2px 0 rgba(16, 24, 40, 0.05);\n    --p-shadow-md: 0 2px 4px 0 rgba(16, 24, 40, 0.06);\n    padding: 64px 24px;\n    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    color: var(--p-fg-1);\n  }\n  .fmstr-cmp-cf7-other-alts *, .fmstr-cmp-cf7-other-alts *::before, .fmstr-cmp-cf7-other-alts *::after { box-sizing: border-box; }\n  .fmstr-cmp-cf7-other-alts__container { max-width: 1180px; margin: 0 auto; }\n  .fmstr-cmp-cf7-other-alts__header { max-width: 760px; margin: 0 auto 40px; text-align: center; }\n  .fmstr-cmp-cf7-other-alts__eyebrow {\n    display: inline-block; padding: 4px 12px; background: var(--p-bg-pill); color: var(--p-violet-600);\n    border-radius: 9999px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em;\n    text-transform: uppercase; margin-bottom: 16px;\n  }\n  .fmstr-cmp-cf7-other-alts__heading { font-size: 36px; line-height: 44px; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 12px; }\n  .fmstr-cmp-cf7-other-alts__sub { font-size: 16px; line-height: 24px; color: var(--p-fg-3); margin: 0; }\n  .fmstr-cmp-cf7-other-alts__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; align-items: stretch; }\n  .fmstr-cmp-cf7-other-alts__tile {\n    display: flex; flex-direction: column; gap: 12px; padding: 20px;\n    background: var(--p-bg-card); border: 1px solid var(--p-border-light);\n    border-radius: 16px; box-shadow: var(--p-shadow-xs);\n    text-decoration: none; color: inherit;\n    transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;\n  }\n  .fmstr-cmp-cf7-other-alts__tile:hover {\n    border-color: var(--p-border-violet); box-shadow: var(--p-shadow-md);\n    transform: translateY(-2px); text-decoration: none;\n  }\n  .fmstr-cmp-cf7-other-alts__name { margin: 0; font-size: 16px; line-height: 22px; font-weight: 700; }\n  .fmstr-cmp-cf7-other-alts__bestfor { margin: 0; font-size: 14px; line-height: 20px; color: var(--p-fg-2); }\n  .fmstr-cmp-cf7-other-alts__link {\n    margin-top: auto; font-size: 12px; font-weight: 700; color: var(--p-violet-600);\n    letter-spacing: 0.04em; text-transform: uppercase;\n  }\n  @media (max-width: 1024px) { .fmstr-cmp-cf7-other-alts__grid { grid-template-columns: repeat(2, 1fr); } }\n  @media (max-width: 760px) {\n    .fmstr-cmp-cf7-other-alts { padding: 48px 16px; }\n    .fmstr-cmp-cf7-other-alts__heading { font-size: 24px; line-height: 32px; }\n    .fmstr-cmp-cf7-other-alts__grid { grid-template-columns: 1fr; }\n  }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cf7-other-alts\" aria-labelledby=\"fmstr-cmp-cf7-other-alts-heading\">\n  \u003Cdiv class=\"fmstr-cmp-cf7-other-alts__container\">\n\n    \u003Cheader class=\"fmstr-cmp-cf7-other-alts__header\">\n      \u003Cspan class=\"fmstr-cmp-cf7-other-alts__eyebrow\">More options\u003C/span>\n      \u003Ch2 id=\"fmstr-cmp-cf7-other-alts-heading\" class=\"fmstr-cmp-cf7-other-alts__heading\">Other Contact Form 7 alternatives worth a look\u003C/h2>\n      \u003Cp class=\"fmstr-cmp-cf7-other-alts__sub\">If Formester is not the right fit, here are five other form builders teams searching for a Contact Form 7 alternative shortlist with us. Each has its own dedicated comparison.\u003C/p>\n    \u003C/header>\n\n    \u003Cdiv class=\"fmstr-cmp-cf7-other-alts__grid\">\n\n      \u003Ca class=\"fmstr-cmp-cf7-other-alts__tile\" href=\"https://formester.com/google-forms-alternative/\">\n        \u003Ch3 class=\"fmstr-cmp-cf7-other-alts__name\">Google Forms alternative\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-other-alts__bestfor\">Best for free internal Google Workspace use with Sheets as the destination.\u003C/p>\n        \u003Cspan class=\"fmstr-cmp-cf7-other-alts__link\">Compare →\u003C/span>\n      \u003C/a>\n      \u003Ca class=\"fmstr-cmp-cf7-other-alts__tile\" href=\"https://formester.com/microsoft-forms-alternative/\">\n        \u003Ch3 class=\"fmstr-cmp-cf7-other-alts__name\">Microsoft Forms alternative\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-other-alts__bestfor\">Best for Microsoft 365 teams who already pay for the suite.\u003C/p>\n        \u003Cspan class=\"fmstr-cmp-cf7-other-alts__link\">Compare →\u003C/span>\n      \u003C/a>\n      \u003Ca class=\"fmstr-cmp-cf7-other-alts__tile\" href=\"https://formester.com/forms-app-alternative/\">\n        \u003Ch3 class=\"fmstr-cmp-cf7-other-alts__name\">forms.app alternative\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-other-alts__bestfor\">Best for EU teams who want ISO 27001 hosting in Belgium and AI features.\u003C/p>\n        \u003Cspan class=\"fmstr-cmp-cf7-other-alts__link\">Compare →\u003C/span>\n      \u003C/a>\n      \u003Ca class=\"fmstr-cmp-cf7-other-alts__tile\" href=\"https://formester.com/zoho-forms-alternative/\">\n        \u003Ch3 class=\"fmstr-cmp-cf7-other-alts__name\">Zoho Forms alternative\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-other-alts__bestfor\">Best for Zoho CRM users who want HIPAA, SOC 2, and ISO 27001 on the same product.\u003C/p>\n        \u003Cspan class=\"fmstr-cmp-cf7-other-alts__link\">Compare →\u003C/span>\n      \u003C/a>\n\n    \u003C/div>\n  \u003C/div>\n\u003C/section>\n",{"id":203,"__component":163,"markup":204,"useContainer":165},4585,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n\n  .fmstr-cmp-cf7-privacy {\n    --p-bg-section: #0F0921;\n    --p-bg-glow: radial-gradient(ellipse 900px 600px at 95% 0%, rgba(127, 86, 217, 0.45) 0%, rgba(100, 52, 208, 0.15) 30%, transparent 65%);\n    --p-bg-card: rgba(255, 255, 255, 0.04);\n    --p-bg-card-glow: radial-gradient(ellipse 500px 400px at 90% 5%, rgba(127, 86, 217, 0.30) 0%, transparent 60%);\n    --p-bg-pill: rgba(255, 255, 255, 0.08);\n    --p-fg-eyebrow: #bda6ff;\n    --p-fg-link: #d9c7ff;\n    --p-fg-link-hover: #ffffff;\n    background: transparent;\n    padding: 48px 24px;\n    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n  }\n\n  .fmstr-cmp-cf7-privacy *, .fmstr-cmp-cf7-privacy *::before, .fmstr-cmp-cf7-privacy *::after { box-sizing: border-box; }\n\n  .fmstr-cmp-cf7-privacy__container {\n    position: relative;\n    max-width: 1180px;\n    margin: 0 auto;\n    background-color: var(--p-bg-section);\n    background-image: var(--p-bg-glow);\n    border-radius: 28px;\n    padding: 48px;\n    overflow: hidden;\n  }\n\n  .fmstr-cmp-cf7-privacy__inner {\n    display: grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    gap: 48px;\n    align-items: center;\n  }\n\n  .fmstr-cmp-cf7-privacy__eyebrow {\n    display: inline-block;\n    padding: 8px 16px;\n    background: var(--p-bg-pill);\n    color: var(--p-fg-eyebrow);\n    border: 1px solid rgba(255, 255, 255, 0.10);\n    border-radius: 9999px;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    margin-bottom: 20px;\n  }\n\n  .fmstr-cmp-cf7-privacy__heading {\n    font-size: 32px;\n    line-height: 40px;\n    font-weight: 700;\n    letter-spacing: -0.02em;\n    color: #ffffff;\n    margin: 0 0 24px;\n  }\n\n  .fmstr-cmp-cf7-privacy__body p {\n    font-size: 16px;\n    line-height: 24px;\n    color: rgba(255, 255, 255, 0.78);\n    margin: 0 0 16px;\n  }\n  .fmstr-cmp-cf7-privacy__body p:last-child { margin-bottom: 0; }\n\n  .fmstr-cmp-cf7-privacy__card {\n    background-color: var(--p-bg-card);\n    background-image: var(--p-bg-card-glow);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 16px;\n    padding: 28px;\n    backdrop-filter: blur(8px);\n  }\n\n  .fmstr-cmp-cf7-privacy__pill {\n    display: inline-block;\n    padding: 8px 16px;\n    background: var(--p-bg-pill);\n    color: var(--p-fg-eyebrow);\n    border: 1px solid rgba(255, 255, 255, 0.10);\n    border-radius: 9999px;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    margin-bottom: 20px;\n  }\n\n  .fmstr-cmp-cf7-privacy__quote {\n    font-size: 18px;\n    line-height: 28px;\n    font-weight: 600;\n    font-style: italic;\n    color: #ffffff;\n    margin: 0 0 20px;\n  }\n\n  .fmstr-cmp-cf7-privacy__divider {\n    border: none;\n    border-top: 1px solid rgba(255, 255, 255, 0.12);\n    margin: 0 0 20px;\n  }\n\n  .fmstr-cmp-cf7-privacy__cite {\n    font-size: 14px;\n    line-height: 24px;\n    color: rgba(255, 255, 255, 0.7);\n    margin: 0 0 12px;\n  }\n\n  .fmstr-cmp-cf7-privacy__links {\n    display: flex;\n    gap: 16px;\n    flex-wrap: wrap;\n  }\n\n  .fmstr-cmp-cf7-privacy__links a {\n    color: var(--p-fg-link);\n    font-weight: 600;\n    font-size: 14px;\n    text-decoration: none;\n  }\n  .fmstr-cmp-cf7-privacy__links a:hover {\n    color: var(--p-fg-link-hover);\n    text-decoration: underline;\n  }\n\n  @media (max-width: 760px) {\n    .fmstr-cmp-cf7-privacy { padding: 32px 16px; }\n    .fmstr-cmp-cf7-privacy__container { padding: 28px; border-radius: 20px; }\n    .fmstr-cmp-cf7-privacy__inner { grid-template-columns: 1fr; gap: 32px; }\n    .fmstr-cmp-cf7-privacy__heading { font-size: 24px; line-height: 32px; }\n    .fmstr-cmp-cf7-privacy__quote { font-size: 16px; line-height: 24px; }\n    .fmstr-cmp-cf7-privacy__card { padding: 24px; }\n  }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cf7-privacy\" aria-labelledby=\"fmstr-cmp-cf7-privacy-heading\">\n  \u003Cdiv class=\"fmstr-cmp-cf7-privacy__container\">\n    \u003Cdiv class=\"fmstr-cmp-cf7-privacy__inner\">\n      \u003Cdiv class=\"fmstr-cmp-cf7-privacy__text\">\n        \u003Cspan class=\"fmstr-cmp-cf7-privacy__eyebrow\">Privacy and data ownership\u003C/span>\n        \u003Ch2 id=\"fmstr-cmp-cf7-privacy-heading\" class=\"fmstr-cmp-cf7-privacy__heading\">Your form data is yours. We don't train on it\u003C/h2>\n        \u003Cdiv class=\"fmstr-cmp-cf7-privacy__body\">\n          \u003Cp>The prompts you write, the AI-generated form structures, and the responses respondents submit are all Customer Data. Per Section 4.4 of our Data Processing Addendum, Formester does not use Customer Data to train AI models, run advertising, run analytics, or feed marketing. The Google Gemini integration that drafts forms inherits the same boundary.\u003C/p>\n          \u003Cp>Your account is encrypted at rest, responses move over TLS, and payment data carries an additional AES-256 layer through Stripe. We are GDPR, UK GDPR, and CCPA compliant. We are not SOC 2, ISO 27001, or HIPAA certified yet, and we say so on the security page rather than implying otherwise. If your buying review requires those today, we'll tell you up front.\u003C/p>\n        \u003C/div>\n      \u003C/div>\n\n      \u003Caside class=\"fmstr-cmp-cf7-privacy__card\">\n        \u003Cspan class=\"fmstr-cmp-cf7-privacy__pill\">DPA §4.4 · January 2026\u003C/span>\n        \u003Cblockquote class=\"fmstr-cmp-cf7-privacy__quote\">\"Formester shall not use Customer Data for purposes of analytics, advertising, marketing, or training of artificial intelligence or machine learning models, except as strictly necessary to provide the Services.\"\u003C/blockquote>\n        \u003Chr class=\"fmstr-cmp-cf7-privacy__divider\" />\n        \u003Cp class=\"fmstr-cmp-cf7-privacy__cite\">Formester Data Processing Addendum, effective January 2026.\u003C/p>\n        \u003Cdiv class=\"fmstr-cmp-cf7-privacy__links\">\n          \u003Ca href=\"https://formester.com/dpa/\">Read the DPA →\u003C/a>\n          \u003Ca href=\"https://formester.com/security/\">Security overview →\u003C/a>\n        \u003C/div>\n      \u003C/aside>\n    \u003C/div>\n  \u003C/div>\n\u003C/section>\n",{"id":206,"__component":163,"markup":207,"useContainer":165},4583,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n  .fmstr-cmp-cf7-ask {\n    --p-bg-card: #ffffff;\n    --p-bg-violet-25: #f7f3ff;\n    --p-bg-pill: #f4ebff;\n    --p-fg-1: #101828;\n    --p-fg-2: #475467;\n    --p-fg-3: #697586;\n    --p-violet-600: #6941c6;\n    --p-violet-700: #53389e;\n    --p-border-light: #eaecf0;\n    --p-border-violet: #9777e0;\n    --p-shadow-xs: 0 1px 2px 0 rgba(16, 24, 40, 0.05);\n    --p-shadow-md: 0 2px 4px 0 rgba(16, 24, 40, 0.06);\n    padding: 64px 24px;\n    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    color: var(--p-fg-1);\n  }\n  .fmstr-cmp-cf7-ask *, .fmstr-cmp-cf7-ask *::before, .fmstr-cmp-cf7-ask *::after { box-sizing: border-box; }\n  .fmstr-cmp-cf7-ask__container { max-width: 1180px; margin: 0 auto; }\n  .fmstr-cmp-cf7-ask__header { max-width: 760px; margin: 0 auto 40px; text-align: center; }\n  .fmstr-cmp-cf7-ask__eyebrow {\n    display: inline-block; padding: 4px 12px; background: var(--p-bg-pill); color: var(--p-violet-600);\n    border-radius: 9999px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em;\n    text-transform: uppercase; margin-bottom: 16px;\n  }\n  .fmstr-cmp-cf7-ask__heading { font-size: 36px; line-height: 44px; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 12px; }\n  .fmstr-cmp-cf7-ask__sub { font-size: 16px; line-height: 24px; color: var(--p-fg-3); margin: 0; }\n  .fmstr-cmp-cf7-ask__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: stretch; }\n  .fmstr-cmp-cf7-ask__card {\n    display: flex; flex-direction: column; gap: 12px; padding: 24px;\n    background: var(--p-bg-card); border: 1px solid var(--p-border-light);\n    border-radius: 16px; box-shadow: var(--p-shadow-xs);\n    text-decoration: none; color: inherit;\n    transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;\n  }\n  .fmstr-cmp-cf7-ask__card:hover {\n    border-color: var(--p-border-violet); box-shadow: var(--p-shadow-md);\n    transform: translateY(-2px); text-decoration: none;\n  }\n  .fmstr-cmp-cf7-ask__brand {\n    display: inline-flex; align-items: center; gap: 8px;\n    font-size: 12px; font-weight: 700; color: var(--p-violet-600);\n    letter-spacing: 0.06em; text-transform: uppercase;\n  }\n  .fmstr-cmp-cf7-ask__brand-dot {\n    width: 8px; height: 8px; border-radius: 50%; background: var(--p-violet-600);\n  }\n  .fmstr-cmp-cf7-ask__title { margin: 0; font-size: 16px; line-height: 22px; font-weight: 700; color: var(--p-fg-1); }\n  .fmstr-cmp-cf7-ask__body {\n    margin: 0; padding: 12px; background: var(--p-bg-violet-25); border-radius: 8px;\n    font-size: 14px; line-height: 20px; color: var(--p-fg-2); font-family: ui-monospace, \"SF Mono\", Menlo, Consolas, monospace;\n  }\n  .fmstr-cmp-cf7-ask__cta {\n    margin-top: auto; font-size: 12px; font-weight: 700; color: var(--p-violet-600);\n    letter-spacing: 0.04em; text-transform: uppercase;\n  }\n  @media (max-width: 760px) {\n    .fmstr-cmp-cf7-ask { padding: 48px 16px; }\n    .fmstr-cmp-cf7-ask__heading { font-size: 24px; line-height: 32px; }\n    .fmstr-cmp-cf7-ask__grid { grid-template-columns: 1fr; }\n  }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cf7-ask\" aria-labelledby=\"fmstr-cmp-cf7-ask-heading\">\n  \u003Cdiv class=\"fmstr-cmp-cf7-ask__container\">\n\n    \u003Cheader class=\"fmstr-cmp-cf7-ask__header\">\n      \u003Cspan class=\"fmstr-cmp-cf7-ask__eyebrow\">Ask the AI\u003C/span>\n      \u003Ch2 id=\"fmstr-cmp-cf7-ask-heading\" class=\"fmstr-cmp-cf7-ask__heading\">Ask ChatGPT, Claude, or Perplexity for the best Contact Form 7 alternative\u003C/h2>\n      \u003Cp class=\"fmstr-cmp-cf7-ask__sub\">Don't take our word for it. Run these prompts in your favorite assistant and see what comes back.\u003C/p>\n    \u003C/header>\n\n    \u003Cdiv class=\"fmstr-cmp-cf7-ask__grid\">\n\n      \u003Ca class=\"fmstr-cmp-cf7-ask__card\" href=\"https://chatgpt.com/?q=Compare+Formester+with+Contact Form 7+for+a+small+team+that+needs+offline+forms+and+AI+generation+on+the+free+plan\" target=\"_blank\" rel=\"noopener\">\n        \u003Cspan class=\"fmstr-cmp-cf7-ask__brand\">\n          \u003Cspan class=\"fmstr-cmp-cf7-ask__brand-dot\" aria-hidden=\"true\">\u003C/span>\n          ChatGPT\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cf7-ask__title\">Run a side-by-side comparison\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-ask__body\">\"Compare Formester with Contact Form 7 for a small team that needs offline forms and AI generation on the free plan.\"\u003C/p>\n        \u003Cspan class=\"fmstr-cmp-cf7-ask__cta\">Open in ChatGPT →\u003C/span>\n      \u003C/a>\n\n      \u003Ca class=\"fmstr-cmp-cf7-ask__card\" href=\"https://claude.ai/new?q=Best+Contact Form 7+alternative+for+a+team+that+needs+payments+on+free+and+a+REST+API.+Recommend+one+and+name+the+tradeoffs\" target=\"_blank\" rel=\"noopener\">\n        \u003Cspan class=\"fmstr-cmp-cf7-ask__brand\">\n          \u003Cspan class=\"fmstr-cmp-cf7-ask__brand-dot\" aria-hidden=\"true\">\u003C/span>\n          Claude\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cf7-ask__title\">Get a recommendation with tradeoffs\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-ask__body\">\"Best Contact Form 7 alternative for a team that needs payments on the free plan and a REST API. Recommend one and name the tradeoffs.\"\u003C/p>\n        \u003Cspan class=\"fmstr-cmp-cf7-ask__cta\">Open in Claude →\u003C/span>\n      \u003C/a>\n\n      \u003Ca class=\"fmstr-cmp-cf7-ask__card\" href=\"https://www.perplexity.ai/search?q=Best+free+Contact Form 7+alternative+with+AI+form+generator+and+offline+collection+in+2026\" target=\"_blank\" rel=\"noopener\">\n        \u003Cspan class=\"fmstr-cmp-cf7-ask__brand\">\n          \u003Cspan class=\"fmstr-cmp-cf7-ask__brand-dot\" aria-hidden=\"true\">\u003C/span>\n          Perplexity\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cf7-ask__title\">See what the web cites today\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-ask__body\">\"Best free Contact Form 7 alternative with AI form generator and offline collection in 2026.\"\u003C/p>\n        \u003Cspan class=\"fmstr-cmp-cf7-ask__cta\">Open in Perplexity →\u003C/span>\n      \u003C/a>\n\n    \u003C/div>\n  \u003C/div>\n\u003C/section>\n",{"id":209,"__component":163,"markup":210,"useContainer":165},4584,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n  .fmstr-cmp-cf7-more-ai {\n    --p-bg-card: #ffffff;\n    --p-bg-pill: #f4ebff;\n    --p-bg-violet-100: #f4ebff;\n    --p-fg-1: #101828;\n    --p-fg-2: #475467;\n    --p-fg-3: #697586;\n    --p-violet-600: #6941c6;\n    --p-border-light: #eaecf0;\n    --p-border-violet: #9777e0;\n    --p-shadow-md: 0 2px 4px 0 rgba(16, 24, 40, 0.06);\n    padding: 64px 24px;\n    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    color: var(--p-fg-1);\n  }\n  .fmstr-cmp-cf7-more-ai *, .fmstr-cmp-cf7-more-ai *::before, .fmstr-cmp-cf7-more-ai *::after { box-sizing: border-box; }\n  .fmstr-cmp-cf7-more-ai__inner { max-width: 1180px; margin: 0 auto; }\n  .fmstr-cmp-cf7-more-ai__header { max-width: 760px; margin: 0 auto 40px; text-align: center; }\n  .fmstr-cmp-cf7-more-ai__eyebrow {\n    display: inline-block; padding: 4px 12px; background: var(--p-bg-pill); color: var(--p-violet-600);\n    border-radius: 9999px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em;\n    text-transform: uppercase; margin-bottom: 16px;\n  }\n  .fmstr-cmp-cf7-more-ai__heading { font-size: 36px; line-height: 44px; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 12px; }\n  .fmstr-cmp-cf7-more-ai__sub { font-size: 16px; line-height: 24px; color: var(--p-fg-3); margin: 0; }\n  .fmstr-cmp-cf7-more-ai__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; align-items: stretch; }\n  .fmstr-cmp-cf7-more-ai__tile {\n    background: var(--p-bg-card); border: 1px solid var(--p-border-light);\n    border-radius: 20px; padding: 24px;\n    display: flex; flex-direction: column; gap: 12px;\n    text-decoration: none; color: inherit;\n    transition: border-color 0.15s ease, transform 0.15s ease;\n  }\n  .fmstr-cmp-cf7-more-ai__tile:hover {\n    border-color: var(--p-border-violet); transform: translateY(-2px);\n  }\n  .fmstr-cmp-cf7-more-ai__thumb {\n    width: 40px; height: 40px; border-radius: 8px;\n    background: var(--p-bg-violet-100); color: var(--p-violet-600);\n    display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;\n  }\n  .fmstr-cmp-cf7-more-ai__title { margin: 0; font-size: 16px; line-height: 22px; font-weight: 700; }\n  .fmstr-cmp-cf7-more-ai__body { margin: 0; font-size: 13px; line-height: 20px; color: var(--p-fg-3); }\n\n  @media (max-width: 980px) { .fmstr-cmp-cf7-more-ai__grid { grid-template-columns: 1fr 1fr; } }\n  @media (max-width: 480px) {\n    .fmstr-cmp-cf7-more-ai { padding: 48px 16px; }\n    .fmstr-cmp-cf7-more-ai__heading { font-size: 28px; }\n    .fmstr-cmp-cf7-more-ai__grid { grid-template-columns: 1fr; }\n  }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cf7-more-ai\" aria-labelledby=\"fmstr-cmp-cf7-more-ai-heading\">\n  \u003Cdiv class=\"fmstr-cmp-cf7-more-ai__inner\">\n    \u003Cheader class=\"fmstr-cmp-cf7-more-ai__header\">\n      \u003Cspan class=\"fmstr-cmp-cf7-more-ai__eyebrow\">More from Formester\u003C/span>\n      \u003Ch2 id=\"fmstr-cmp-cf7-more-ai-heading\" class=\"fmstr-cmp-cf7-more-ai__heading\">More AI tools from Formester\u003C/h2>\n      \u003Cp class=\"fmstr-cmp-cf7-more-ai__sub\">The same drafting engine, applied to four other things you probably also need to build today.\u003C/p>\n    \u003C/header>\n\n    \u003Cdiv class=\"fmstr-cmp-cf7-more-ai__grid\">\n\n      \u003Ca href=\"https://formester.com/ai-form-generator/\" class=\"fmstr-cmp-cf7-more-ai__tile\">\n        \u003Cspan class=\"fmstr-cmp-cf7-more-ai__thumb\" aria-hidden=\"true\">\n          \u003Csvg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpath d=\"M3 3h18v4H3zM3 11h18v4H3zM3 19h12v2H3z\"/>\u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cf7-more-ai__title\">AI Form Generator\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-more-ai__body\">Build any form from a prompt or PDF. Ship in minutes.\u003C/p>\n      \u003C/a>\n      \u003Ca href=\"https://formester.com/ai-survey-generator/\" class=\"fmstr-cmp-cf7-more-ai__tile\">\n        \u003Cspan class=\"fmstr-cmp-cf7-more-ai__thumb\" aria-hidden=\"true\">\n          \u003Csvg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpath d=\"M9 2h6l3 4v14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V6l3-4z\"/>\u003Cpath d=\"M9 12h6M9 16h4\"/>\u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cf7-more-ai__title\">AI Survey Generator\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-more-ai__body\">Draft a survey from a description. Logic, branding, analytics included.\u003C/p>\n      \u003C/a>\n      \u003Ca href=\"https://formester.com/ai-quiz-maker/\" class=\"fmstr-cmp-cf7-more-ai__tile\">\n        \u003Cspan class=\"fmstr-cmp-cf7-more-ai__thumb\" aria-hidden=\"true\">\n          \u003Csvg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\"/>\u003Cpath d=\"M9 9a3 3 0 0 1 6 0c0 2-3 2-3 4M12 17h.01\"/>\u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cf7-more-ai__title\">AI Quiz Maker\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-more-ai__body\">Auto-graded quizzes with weighted scoring, timers, and outcome routing.\u003C/p>\n      \u003C/a>\n      \u003Ca href=\"https://formester.com/ai-powered-multilingual-forms/\" class=\"fmstr-cmp-cf7-more-ai__tile\">\n        \u003Cspan class=\"fmstr-cmp-cf7-more-ai__thumb\" aria-hidden=\"true\">\n          \u003Csvg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\"/>\u003Cpath d=\"M3 12h18\"/>\u003Cpath d=\"M12 3a13.5 13.5 0 0 1 0 18\"/>\u003Cpath d=\"M12 3a13.5 13.5 0 0 0 0 18\"/>\u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cf7-more-ai__title\">AI Multilingual Forms\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cf7-more-ai__body\">One source form, 180+ languages, kept in sync.\u003C/p>\n      \u003C/a>\n\n    \u003C/div>\n  \u003C/div>\n\u003C/section>\n",{"id":212,"__component":163,"markup":213,"useContainer":165},4587,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n  .fmstr-cmp-cf7-faqs {\n    --p-bg-card: #ffffff; --p-bg-header: #f9fafb; --p-bg-pill: #f4ebff;\n    --p-fg-1: #101828; --p-fg-2: #475467; --p-fg-3: #697586;\n    --p-violet-500: #7f56d9; --p-violet-600: #6941c6; --p-violet-700: #5925dc;\n    --p-border: #eaecf0; --p-border-violet: #e4d7ff;\n    padding: 64px 24px; font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif; color: var(--p-fg-1); background: var(--p-bg-header);\n  }\n  .fmstr-cmp-cf7-faqs *, .fmstr-cmp-cf7-faqs *::before, .fmstr-cmp-cf7-faqs *::after { box-sizing: border-box; }\n  .fmstr-cmp-cf7-faqs__container { max-width: 900px; margin: 0 auto; }\n  .fmstr-cmp-cf7-faqs__header { text-align: center; margin: 0 auto 40px; max-width: 720px; }\n  .fmstr-cmp-cf7-faqs__eyebrow { display: inline-block; padding: 4px 12px; background: var(--p-bg-pill); color: var(--p-violet-600); border-radius: 9999px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 16px; }\n  .fmstr-cmp-cf7-faqs__heading { font-size: 36px; line-height: 44px; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 12px; }\n  .fmstr-cmp-cf7-faqs__sub { font-size: 16px; line-height: 24px; color: var(--p-fg-3); margin: 0; }\n  .fmstr-cmp-cf7-faqs__list { display: grid; gap: 12px; }\n  .fmstr-cmp-cf7-faqs__item { background: var(--p-bg-card); border: 1px solid var(--p-border); border-radius: 14px; box-shadow: 0 1px 3px rgba(16,24,40,0.04); overflow: hidden; }\n  .fmstr-cmp-cf7-faqs__q { padding: 20px 24px; cursor: pointer; font-weight: 600; font-size: 16.5px; color: var(--p-fg-1); display: flex; justify-content: space-between; align-items: center; list-style: none; gap: 16px; }\n  .fmstr-cmp-cf7-faqs__q::-webkit-details-marker { display: none; }\n  .fmstr-cmp-cf7-faqs__q::after { content: \"+\"; color: var(--p-violet-600); font-size: 24px; font-weight: 400; flex-shrink: 0; line-height: 1; }\n  .fmstr-cmp-cf7-faqs__item[open] .fmstr-cmp-cf7-faqs__q::after { content: \"\\2013\"; }\n  .fmstr-cmp-cf7-faqs__item[open] .fmstr-cmp-cf7-faqs__q { color: var(--p-violet-700); }\n  .fmstr-cmp-cf7-faqs__a { padding: 0 24px 22px 24px; color: var(--p-fg-2); font-size: 15.5px; line-height: 1.65; }\n  @media (max-width: 760px) { .fmstr-cmp-cf7-faqs { padding: 48px 16px; } .fmstr-cmp-cf7-faqs__heading { font-size: 26px; line-height: 34px; } .fmstr-cmp-cf7-faqs__q { padding: 16px 18px; font-size: 15.5px; } .fmstr-cmp-cf7-faqs__a { padding: 0 18px 18px 18px; font-size: 15px; } }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cf7-faqs\" aria-labelledby=\"fmstr-cmp-cf7-faqs-heading\">\n  \u003Cdiv class=\"fmstr-cmp-cf7-faqs__container\">\n    \u003Cdiv class=\"fmstr-cmp-cf7-faqs__header\">\n      \u003Cspan class=\"fmstr-cmp-cf7-faqs__eyebrow\">FAQs\u003C/span>\n      \u003Ch2 id=\"fmstr-cmp-cf7-faqs-heading\" class=\"fmstr-cmp-cf7-faqs__heading\">Frequently asked questions\u003C/h2>\n      \u003Cp class=\"fmstr-cmp-cf7-faqs__sub\">Everything else people ask when picking between Formester and Contact Form 7.\u003C/p>\n    \u003C/div>\n    \u003Cdiv class=\"fmstr-cmp-cf7-faqs__list\">\n      \u003Cdetails class=\"fmstr-cmp-cf7-faqs__item\">\n        \u003Csummary class=\"fmstr-cmp-cf7-faqs__q\">Why do WordPress teams switch away from Contact Form 7?\u003C/summary>\n        \u003Cdiv class=\"fmstr-cmp-cf7-faqs__a\">Three reasons dominate the Reddit thread that ranks #2 for this keyword: add-on sprawl (payments, PDFs, conditional logic, anti-spam all need separate paid add-ons), maintenance overhead (each add-on is a separate update cycle and a potential WP conflict), and anti-spam pain (Akismet is free for personal but paid for commercial sites, and CF7 gets targeted by bots harder than most alternatives).\u003C/div>\n      \u003C/details>\n      \u003Cdetails class=\"fmstr-cmp-cf7-faqs__item\">\n        \u003Csummary class=\"fmstr-cmp-cf7-faqs__q\">Formester is hosted SaaS. Contact Form 7 is a WordPress plugin. Aren't they fundamentally different?\u003C/summary>\n        \u003Cdiv class=\"fmstr-cmp-cf7-faqs__a\">Yes, and that's the point. If your form lives inside a WordPress page, you're paying WP hosting cost + plugin add-on costs. Formester's form is hosted at formester.com (or your custom subdomain on Personal $13/mo+) and embeds anywhere via iframe or link. No WP required, no plugin maintenance, no version-conflict risk. If you're deep in WP and don't want an external form vendor, stay on CF7 or move to WPForms.\u003C/div>\n      \u003C/details>\n      \u003Cdetails class=\"fmstr-cmp-cf7-faqs__item\">\n        \u003Csummary class=\"fmstr-cmp-cf7-faqs__q\">Can I embed a Formester form on my WordPress site?\u003C/summary>\n        \u003Cdiv class=\"fmstr-cmp-cf7-faqs__a\">Yes. Formester forms embed via iframe (paste-and-go) or as a link that opens a full-page form. WordPress-side, that's a single Custom HTML block. Works with any WP theme, no plugin required. If you need a native WP plugin experience, WPForms Pro is closer to Contact Form 7's model.\u003C/div>\n      \u003C/details>\n      \u003Cdetails class=\"fmstr-cmp-cf7-faqs__item\">\n        \u003Csummary class=\"fmstr-cmp-cf7-faqs__q\">What's actually free about Contact Form 7? Isn't it all free?\u003C/summary>\n        \u003Cdiv class=\"fmstr-cmp-cf7-faqs__a\">The core plugin is free. Production use typically requires: Flamingo (submission log, free), Akismet or a captcha service (anti-spam, $10-30/month for commercial), Contact Form 7 Skins (styling, $27-97/year), Conditional Fields for CF7 (add-on, $29-79/year), CF7 Stripe integration (payments, $49-149/year), and WordPress hosting ($10-50/month). Total realistic annual cost lands around $200-600/year.\u003C/div>\n      \u003C/details>\n      \u003Cdetails class=\"fmstr-cmp-cf7-faqs__item\">\n        \u003Csummary class=\"fmstr-cmp-cf7-faqs__q\">What about WPForms Lite? Isn't that a free Contact Form 7 alternative?\u003C/summary>\n        \u003Cdiv class=\"fmstr-cmp-cf7-faqs__a\">WPForms Lite is free and better out-of-the-box than CF7 for basic forms. But payments, conditional logic, e-signature, and PDF export all require WPForms Pro at $199.50/year. Formester's free plan includes payments and analytics; Personal at $13/month adds conditional logic and e-signature; Business at $49/month adds PDF export and API access. The three-year price gap between WPForms Pro and Formester Personal is roughly break-even.\u003C/div>\n      \u003C/details>\n      \u003Cdetails class=\"fmstr-cmp-cf7-faqs__item\">\n        \u003Csummary class=\"fmstr-cmp-cf7-faqs__q\">Is Contact Form 7 secure?\u003C/summary>\n        \u003Cdiv class=\"fmstr-cmp-cf7-faqs__a\">The core plugin is well-maintained but has been targeted by bots frequently — spam is CF7's biggest complaint on Reddit and G2. Security depends heavily on your WP hosting stack, WP core patches, and which third-party add-ons you install. Formester's hosted infrastructure includes Cloudflare Turnstile anti-spam, DDoS mitigation, and vendor-managed security patches by default.\u003C/div>\n      \u003C/details>\n      \u003Cdetails class=\"fmstr-cmp-cf7-faqs__item\">\n        \u003Csummary class=\"fmstr-cmp-cf7-faqs__q\">Can I migrate my Contact Form 7 forms to Formester?\u003C/summary>\n        \u003Cdiv class=\"fmstr-cmp-cf7-faqs__a\">Yes. Copy your CF7 form's field list, paste it into Formester's AI generator, and it rebuilds the form. Export any existing Flamingo submissions as CSV and import responses on the Formester side. Most single-form migrations finish in under 30 minutes.\u003C/div>\n      \u003C/details>\n      \u003Cdetails class=\"fmstr-cmp-cf7-faqs__item\">\n        \u003Csummary class=\"fmstr-cmp-cf7-faqs__q\">When is Contact Form 7 still the better choice?\u003C/summary>\n        \u003Cdiv class=\"fmstr-cmp-cf7-faqs__a\">If your entire content stack lives inside WordPress and you don't want an external form vendor. If you have devops capacity to manage the add-on ecosystem (Flamingo, Akismet, Conditional Fields, Stripe integration). If your forms are simple enough that CF7 core + Flamingo covers 100% of your needs. If you have strict data-sovereignty rules that require self-hosting.\u003C/div>\n      \u003C/details>\n      \u003Cdetails class=\"fmstr-cmp-cf7-faqs__item\">\n        \u003Csummary class=\"fmstr-cmp-cf7-faqs__q\">Is HIPAA compliance possible with Contact Form 7?\u003C/summary>\n        \u003Cdiv class=\"fmstr-cmp-cf7-faqs__a\">Technically yes, but it's your responsibility. You'd need a HIPAA-eligible WordPress host, a signed BAA with the host, HIPAA-compliant CF7 add-ons for encryption, and internal controls on access. Formester is not HIPAA-certified either. For HIPAA-required intake, Jotform Silver ($39/mo with HIPAA add-on) is the simpler path.\u003C/div>\n      \u003C/details>\n    \u003C/div>\n  \u003C/div>\n\u003C/section>",{"id":215,"__component":163,"markup":216,"useContainer":165},4588,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\n\n  .fmstr-cmp-cf7-cta {\n    --p-bg-violet: #6941c6;\n    --p-bg-violet-light: rgba(255, 255, 255, 0.10);\n    --p-bg-violet-deep: rgba(0, 0, 0, 0.10);\n    --p-fg-on-violet: #ffffff;\n    --p-fg-on-violet-soft: rgba(255, 255, 255, 0.82);\n    --p-btn-bg: #ffffff;\n    --p-btn-fg: #5925dc;\n    --p-shadow-card: 0 16px 48px rgba(105, 65, 198, 0.22);\n    --p-shadow-btn: 0 6px 20px rgba(0, 0, 0, 0.18);\n\n    background: transparent;\n    padding: 64px 24px;\n    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    color: var(--p-fg-on-violet);\n  }\n\n  .fmstr-cmp-cf7-cta *, .fmstr-cmp-cf7-cta *::before, .fmstr-cmp-cf7-cta *::after { box-sizing: border-box; }\n\n  .fmstr-cmp-cf7-cta__card {\n    position: relative;\n    max-width: 1180px;\n    margin: 0 auto;\n    background: var(--p-bg-violet);\n    border-radius: 28px;\n    padding: 64px 48px;\n    overflow: hidden;\n    box-shadow: var(--p-shadow-card);\n    text-align: center;\n  }\n\n  /* Decorative geometric shapes inside the card, contained by overflow:hidden */\n  .fmstr-cmp-cf7-cta__shape {\n    position: absolute;\n    pointer-events: none;\n  }\n  .fmstr-cmp-cf7-cta__shape--circle-lg {\n    width: 280px; height: 280px; border-radius: 50%;\n    background: var(--p-bg-violet-light);\n    top: 50%; right: -140px; transform: translateY(-50%);\n  }\n  .fmstr-cmp-cf7-cta__shape--circle-md {\n    width: 140px; height: 140px; border-radius: 50%;\n    background: var(--p-bg-violet-light);\n    top: -50px; right: 220px;\n  }\n  .fmstr-cmp-cf7-cta__shape--circle-sm {\n    width: 80px; height: 80px; border-radius: 50%;\n    background: var(--p-bg-violet-deep);\n    bottom: -20px; left: 60px;\n  }\n  .fmstr-cmp-cf7-cta__shape--square-lg {\n    width: 180px; height: 180px;\n    background: var(--p-bg-violet-deep);\n    bottom: -90px; right: 80px;\n    transform: rotate(8deg);\n  }\n  .fmstr-cmp-cf7-cta__shape--square-sm {\n    width: 70px; height: 70px;\n    background: var(--p-bg-violet-light);\n    top: 50px; left: -20px;\n  }\n\n  .fmstr-cmp-cf7-cta__inner {\n    position: relative;\n    z-index: 1;\n    max-width: 920px;\n    margin: 0 auto;\n  }\n\n  .fmstr-cmp-cf7-cta__heading {\n    font-size: 36px;\n    line-height: 1.15;\n    font-weight: 800;\n    letter-spacing: -0.02em;\n    color: var(--p-fg-on-violet);\n    margin: 0 0 16px;\n  }\n\n  .fmstr-cmp-cf7-cta__sub {\n    font-size: 16px;\n    line-height: 1.55;\n    color: var(--p-fg-on-violet-soft);\n    max-width: 640px;\n    margin: 0 auto 32px;\n  }\n\n  .fmstr-cmp-cf7-cta__btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 16px 32px;\n    border-radius: 9999px;\n    background: var(--p-btn-bg);\n    color: var(--p-btn-fg);\n    font-weight: 700;\n    font-size: 16px;\n    text-decoration: none;\n    box-shadow: var(--p-shadow-btn);\n    transition: transform 0.15s ease, box-shadow 0.15s ease;\n  }\n  .fmstr-cmp-cf7-cta__btn:hover {\n  color: var(--p-btn-fg);\n    transform: translateY(-2px);\n    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);\n  }\n\n  @media (max-width: 760px) {\n    .fmstr-cmp-cf7-cta { padding: 48px 16px; }\n    .fmstr-cmp-cf7-cta__card { padding: 48px 24px; border-radius: 20px; }\n    .fmstr-cmp-cf7-cta__heading { font-size: 28px; }\n    .fmstr-cmp-cf7-cta__sub { font-size: 15px; }\n    .fmstr-cmp-cf7-cta__btn { width: 100%; justify-content: center; }\n    .fmstr-cmp-cf7-cta__shape--circle-lg { width: 200px; height: 200px; right: -100px; }\n    .fmstr-cmp-cf7-cta__shape--circle-md { display: none; }\n    .fmstr-cmp-cf7-cta__shape--square-lg { width: 120px; height: 120px; bottom: -60px; right: 30px; }\n  }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cf7-cta\" aria-labelledby=\"fmstr-cmp-cf7-cta-heading\">\n  \u003Cdiv class=\"fmstr-cmp-cf7-cta__card\">\n\n    \u003Cspan class=\"fmstr-cmp-cf7-cta__shape fmstr-cmp-cf7-cta__shape--circle-lg\" aria-hidden=\"true\">\u003C/span>\n    \u003Cspan class=\"fmstr-cmp-cf7-cta__shape fmstr-cmp-cf7-cta__shape--circle-md\" aria-hidden=\"true\">\u003C/span>\n    \u003Cspan class=\"fmstr-cmp-cf7-cta__shape fmstr-cmp-cf7-cta__shape--circle-sm\" aria-hidden=\"true\">\u003C/span>\n    \u003Cspan class=\"fmstr-cmp-cf7-cta__shape fmstr-cmp-cf7-cta__shape--square-lg\" aria-hidden=\"true\">\u003C/span>\n    \u003Cspan class=\"fmstr-cmp-cf7-cta__shape fmstr-cmp-cf7-cta__shape--square-sm\" aria-hidden=\"true\">\u003C/span>\n\n    \u003Cdiv class=\"fmstr-cmp-cf7-cta__inner\">\n      \u003Ch2 id=\"fmstr-cmp-cf7-cta-heading\" class=\"fmstr-cmp-cf7-cta__heading\">Try Formester before you renew Contact Form 7\u003C/h2>\n      \u003Cp class=\"fmstr-cmp-cf7-cta__sub\">Free includes the AI form creator, unlimited responses, and offline forms. Two minutes to sign up, no credit card.\u003C/p>\n\n      \u003Ca href=\"https://app.formester.com/users/sign_up\" class=\"fmstr-cmp-cf7-cta__btn\">Get Started – It's Free!\u003C/a>\n    \u003C/div>\n  \u003C/div>\n\u003C/section>\n",1786346072514]