[{"data":1,"prerenderedAt":198},["ShallowReactive",2],{"page-free-online-order-form-creator":3},{"head":4,"jsonld":56,"components":165},{"title":5,"link":6,"meta":7},"Free Online Order Form Creator with Stripe and PayPal",[],[8,11,14,16,19,22,24,26,29,32,34,37,39,41,43,45,48,51,53],{"property":9,"content":10},"article:modified_time","2026-06-13T11:06:19.030Z",{"hid":12,"name":12,"content":13},"description","Build a free online order form with Stripe and PayPal built in. Product variants, per-variant stock, file upload, 100 free orders a month. No store needed.",{"hid":15,"name":15,"content":5},"og:site_name",{"hid":17,"property":17,"content":18},"og:type","website",{"hid":20,"property":20,"content":21},"og:url","https://formester.com/free-online-order-form-creator/",{"hid":23,"property":23,"content":5},"og:title",{"hid":25,"property":25,"content":13},"og:description",{"hid":27,"property":27,"content":28},"og:image","https://formester.com/formester-logo-meta-image.png",{"hid":30,"name":30,"content":31},"og:image:alt","Formester Logo",{"hid":33,"name":33,"content":21},"twitter:url",{"name":35,"content":36},"twitter:site","@_formester_",{"hid":38,"name":38,"content":5},"twitter:title",{"hid":40,"name":40,"content":13},"twitter:description",{"hid":42,"name":42,"content":28},"twitter:image",{"hid":44,"name":44,"content":31},"twitter:image:alt",{"hid":46,"name":46,"content":47},"twitter:card","summary_large_image",{"hid":49,"name":49,"content":50},"apple-mobile-web-app-title","Formester",{"hid":52,"name":52,"property":27,"content":28},"image",{"hid":54,"name":54,"content":55},"keywords",[],[57],{"@graph":58,"@context":164},[59,67,77,105,143],{"@id":60,"url":21,"name":5,"@type":61,"headline":5,"isPartOf":62,"breadcrumb":64,"inLanguage":66,"description":13},"https://formester.com/free-online-order-form-creator/#webpage","WebPage",{"@id":63},"https://formester.com/#website",{"@id":65},"https://formester.com/free-online-order-form-creator/#breadcrumb","en-US",{"@id":65,"@type":68,"itemListElement":69},"BreadcrumbList",[70,75],{"item":71,"name":72,"@type":73,"position":74},"https://formester.com/","Home","ListItem",1,{"item":21,"name":5,"@type":73,"position":76},2,{"@id":78,"url":21,"name":79,"@type":80,"offers":81,"publisher":92,"description":97,"aggregateRating":98,"operatingSystem":103,"applicationCategory":104},"https://formester.com/free-online-order-form-creator/#software","Formester Free Online Order Form Creator","SoftwareApplication",[82,89],{"url":83,"name":84,"@type":85,"price":86,"availability":87,"priceCurrency":88},"https://formester.com/pricing/","Free","Offer","0","https://schema.org/InStock","USD",{"url":83,"name":90,"@type":85,"price":91,"availability":87,"priceCurrency":88},"Personal","12",{"url":71,"logo":93,"name":50,"@type":96},{"url":94,"@type":95},"https://formester.com/logo.png","ImageObject","Organization","Free online order form creator with native Stripe, PayPal, and Authorize.Net. Product variants with per-variant stock, file upload, conditional fields, 100 paid orders per month.",{"@type":99,"bestRating":100,"ratingCount":101,"ratingValue":102},"AggregateRating","5","11","4.7","Web, iOS, Android","BusinessApplication",{"@id":106,"@type":107,"mainEntity":108},"https://formester.com/free-online-order-form-creator/#faq","FAQPage",[109,115,119,123,127,131,135,139],{"name":110,"@type":111,"acceptedAnswer":112},"Is accepting payments through this form really free?","Question",{"text":113,"@type":114},"Yes, on the form-builder side. Formester does not charge a transaction fee or a percentage on orders. You pay the standard Stripe or PayPal processor fee on each charge (those are set by Stripe and PayPal, not by Formester) and you stay free on Formester up to 100 paid responses a month.","Answer",{"name":116,"@type":111,"acceptedAnswer":117},"Do I need a Stripe or PayPal account?",{"text":118,"@type":114},"Yes. Formester does not process money, the processor does. You connect an existing Stripe, PayPal, or Authorize.Net account in the Integrations tab. If you do not have one, Stripe and PayPal both let you open an account in about 10 minutes; you just need a bank account and basic business or personal ID.",{"name":120,"@type":111,"acceptedAnswer":121},"What are the payment processor fees?",{"text":122,"@type":114},"Stripe and PayPal both publish a standard rate (commonly around 2.9% plus 30 cents per successful card charge in the US, with different rates internationally and for specific account types). The exact number depends on your country, card type, and account. Formester does not take a cut on top, so the processor's published rate is what you pay.",{"name":124,"@type":111,"acceptedAnswer":125},"Can I sell digital products?",{"text":126,"@type":114},"Yes, with a workaround. Formester is not a digital download host. Use the order form to collect payment, then send the digital file as an email attachment on the autoresponder, or paste a Google Drive / Dropbox / S3 link in the thank-you page or confirmation email. For high-volume digital sales with license keys or DRM, a purpose-built tool is the better fit.",{"name":128,"@type":111,"acceptedAnswer":129},"How do I track inventory?",{"text":130,"@type":114},"Open the Inventory tab on any product in the Product Catalogue field. Set a stock count on the product or on a specific variant. Flip disable when sold out and the option goes grey the moment the last unit is reserved. Stock updates in real time, so two buyers on the same form cannot both claim the last unit.",{"name":132,"@type":111,"acceptedAnswer":133},"Can the form calculate taxes and shipping?",{"text":134,"@type":114},"Yes, through the Calculating Fields block. Add a percentage tax rate, a flat shipping fee, or a tiered shipping rate based on the total order value. You can also add discount codes (percentage off or flat amount off). The grand total updates live as the buyer fills the form, so the amount on the Pay button matches the amount charged.",{"name":136,"@type":111,"acceptedAnswer":137},"What if I exceed 100 submissions a month?",{"text":138,"@type":114},"The form keeps collecting orders, but new responses past 100 are held until you upgrade or the next billing cycle starts. Most sellers upgrade to Personal at $13 a month for 1,000 responses a month, or to Business at $49 a month for 15,000 responses.",{"name":140,"@type":111,"acceptedAnswer":141},"Can customers order multiple items in one submission?",{"text":142,"@type":114},"Yes. The Product Catalogue field is built for multi-item orders. The buyer picks a product, picks variants, sets quantity, then adds it to the order and keeps shopping. The order summary shows every line, the subtotal, any discount and tax lines, and the grand total. One payment charges the whole order.",{"@id":144,"name":145,"step":146,"@type":162,"totalTime":163},"https://formester.com/free-online-order-form-creator/#howto","How to build an online order form with payments and inventory",[147,151,154,158],{"name":148,"text":149,"@type":150,"position":74},"Drag in the Product Catalogue field","Open the builder, find Product Catalogue in the field list on the left, drop it on the canvas. That one field holds your entire lineup.","HowToStep",{"name":152,"text":153,"@type":150,"position":76},"Add products, variants, and prices","Click the field to open the product editor. For each item, add a name, image, description, and unit price. Add variants for size, color, flavor, or finish.",{"name":155,"text":156,"@type":150,"position":157},"Set stock per variant and turn on the sold-out toggle","Open the Inventory tab. Set a stock count on the product or on a specific variant. Flip disable when sold out so the option greys out the moment the last unit is reserved.",3,{"name":159,"text":160,"@type":150,"position":161},"Publish and connect Stripe or PayPal","Connect your Stripe or PayPal account in Integrations (one click, no API keys). Publish the form, share the link, embed it, or drop a QR code. Every order appears in the Submissions tab.",4,"HowTo","PT15M","https://schema.org",[166,171,174,177,180,183,186,189,192,195],{"id":167,"__component":168,"markup":169,"useContainer":170},773,"micro-components.raw-html","\u003Cstyle>\n.fmstr-cmp-foof-hero a { text-decoration: none !important; }\n.fmstr-cmp-foof-hero {\n--c-bg: #ffffff; --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-100: #ede4ff; --c-violet-500: #7f56d9; --c-violet-700: #5b34b1;\n--c-success: #12b76a; --c-border: #eaecf0;\n--c-shadow-sm: 0 1px 3px rgba(16,24,40,.05);\n--c-shadow-lg: 0 20px 50px -12px rgba(16,24,40,.18), 0 8px 20px -8px rgba(16,24,40,.08);\nbackground: radial-gradient(ellipse at top left, var(--c-tint) 0%, #ffffff 55%);\npadding: 88px 24px 80px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1); position: relative;\n}\n.fmstr-cmp-foof-hero *, .fmstr-cmp-foof-hero *::before, .fmstr-cmp-foof-hero *::after { box-sizing: border-box; }\n.fmstr-cmp-foof-hero > *, .fmstr-cmp-foof-hero > * > * { min-width: 0; }\n.fmstr-cmp-foof-hero__container { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 1.05fr 1fr; gap: 64px; align-items: center; }\n.fmstr-cmp-foof-hero__badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--c-edge); color: var(--c-violet-700); font-size: 13px; font-weight: 600; margin-bottom: 22px; box-shadow: var(--c-shadow-sm); }\n.fmstr-cmp-foof-hero__badge-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--c-violet-500); }\n.fmstr-cmp-foof-hero__h1 { margin: 0 0 18px; font-size: clamp(36px, 4.6vw, 54px); line-height: 1.07; letter-spacing: -0.028em; font-weight: 700; }\n.fmstr-cmp-foof-hero__h1-accent { background: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: var(--c-violet-600); }\n.fmstr-cmp-foof-hero__sub { margin: 0 0 32px; max-width: 540px; font-size: 18px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-foof-hero__ctas { display: inline-flex; flex-wrap: wrap; gap: 12px; margin-bottom: 22px; }\n.fmstr-cmp-foof-hero__cta-primary { display: inline-flex; align-items: center; gap: 8px; padding: 14px 26px; border-radius: 10px; background: var(--c-violet-500) !important; color: #fff !important; font-weight: 600; font-size: 15.5px; border: 1px solid var(--c-violet-500); box-shadow: 0 6px 16px rgba(127,86,217,.25); }\n.fmstr-cmp-foof-hero__cta-primary:hover { background: var(--c-violet-700) !important; }\n.fmstr-cmp-foof-hero__cta-secondary { display: inline-flex; align-items: center; gap: 8px; padding: 14px 22px; border-radius: 10px; background: #fff !important; color: var(--c-fg-1) !important; font-weight: 600; font-size: 15.5px; border: 1px solid var(--c-border); }\n.fmstr-cmp-foof-hero__cta-secondary:hover { border-color: var(--c-violet-500); color: var(--c-violet-700) !important; }\n.fmstr-cmp-foof-hero__tagline { font-size: 13.5px; color: var(--c-fg-3); margin-top: 6px; }\n.fmstr-cmp-foof-hero__tagline strong { color: var(--c-fg-2); font-weight: 600; }\n.fmstr-cmp-foof-hero__visual { position: relative; }\n.fmstr-cmp-foof-hero__card { background: #fff; border: 1px solid var(--c-border); border-radius: 20px; padding: 22px; box-shadow: var(--c-shadow-lg); }\n.fmstr-cmp-foof-hero__card-h { display: flex; align-items: center; justify-content: space-between; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid var(--c-border); }\n.fmstr-cmp-foof-hero__card-h-brand { font-size: 13px; color: var(--c-fg-3); font-weight: 600; }\n.fmstr-cmp-foof-hero__card-h-step { font-size: 12px; color: var(--c-violet-700); font-weight: 600; background: var(--c-violet-100); padding: 3px 10px; border-radius: 999px; }\n.fmstr-cmp-foof-hero__product { display: grid; grid-template-columns: 80px 1fr; gap: 14px; align-items: center; padding: 14px; background: var(--c-soft); border-radius: 12px; margin-bottom: 14px; }\n.fmstr-cmp-foof-hero__product-img { width: 80px; height: 80px; border-radius: 10px; background: linear-gradient(135deg, #fde68a, #f59e0b); display: flex; align-items: center; justify-content: center; font-size: 36px; }\n.fmstr-cmp-foof-hero__product-name { font-size: 15px; font-weight: 800; margin: 0 0 2px; }\n.fmstr-cmp-foof-hero__product-meta { font-size: 12.5px; color: var(--c-fg-3); margin: 0; }\n.fmstr-cmp-foof-hero__product-price { font-size: 16px; font-weight: 700; color: var(--c-violet-700); margin: 4px 0 0; }\n.fmstr-cmp-foof-hero__field { margin-bottom: 12px; }\n.fmstr-cmp-foof-hero__field-label { font-size: 11px; font-weight: 700; color: var(--c-fg-3); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 6px; display: block; }\n.fmstr-cmp-foof-hero__pills { display: flex; flex-wrap: wrap; gap: 6px; }\n.fmstr-cmp-foof-hero__pill { padding: 6px 12px; border-radius: 999px; border: 1px solid var(--c-border); font-size: 12.5px; font-weight: 700; color: var(--c-fg-2); background: #fff; }\n.fmstr-cmp-foof-hero__pill--active { background: var(--c-violet-700); color: #fff; border-color: var(--c-violet-700); }\n.fmstr-cmp-foof-hero__pill--out { color: #98a2b3; text-decoration: line-through; }\n.fmstr-cmp-foof-hero__qty { display: inline-flex; align-items: center; gap: 12px; padding: 5px 8px; border: 1px solid var(--c-border); border-radius: 10px; background: #fff; }\n.fmstr-cmp-foof-hero__qty-btn { width: 24px; height: 24px; border-radius: 6px; background: var(--c-soft); display: inline-flex; align-items: center; justify-content: center; font-size: 14px; color: var(--c-fg-2); font-weight: 700; }\n.fmstr-cmp-foof-hero__qty-val { font-size: 14px; font-weight: 700; min-width: 16px; text-align: center; }\n.fmstr-cmp-foof-hero__total { display: flex; align-items: baseline; justify-content: space-between; padding: 14px 0 4px; border-top: 1px solid var(--c-border); margin-top: 4px; }\n.fmstr-cmp-foof-hero__total-label { font-size: 12px; color: var(--c-fg-3); font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; }\n.fmstr-cmp-foof-hero__total-amt { font-size: 22px; font-weight: 700; letter-spacing: -0.02em; }\n.fmstr-cmp-foof-hero__pay { margin-top: 12px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px; border-radius: 10px; background: linear-gradient(135deg, #635BFF, #4a3ee8); color: #fff; font-size: 14.5px; font-weight: 700; }\n.fmstr-cmp-foof-hero__chip { position: absolute; background: #fff; border: 1px solid var(--c-edge); box-shadow: var(--c-shadow-lg); border-radius: 12px; padding: 10px 14px; display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: var(--c-fg-1); }\n.fmstr-cmp-foof-hero__chip-icon { width: 28px; height: 28px; border-radius: 8px; background: var(--c-violet-100); color: var(--c-violet-700); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.fmstr-cmp-foof-hero__chip--stock { bottom: -16px; left: -16px; }\n.fmstr-cmp-foof-hero__chip--paid { top: 56%; right: -32px; transform: translateY(-50%); background: #ecfdf3; border-color: #abefc6; color: #027a48; }\n.fmstr-cmp-foof-hero__chip--paid .fmstr-cmp-foof-hero__chip-icon { background: var(--c-success); color: #fff; }\n@media (max-width: 980px) {\n.fmstr-cmp-foof-hero__container { grid-template-columns: 1fr; gap: 48px; }\n.fmstr-cmp-foof-hero__visual { max-width: 460px; margin: 0 auto; width: 100%; }\n.fmstr-cmp-foof-hero__chip--paid { top: -22px; right: 20px; transform: none; }\n}\n@media (max-width: 760px) {\n.fmstr-cmp-foof-hero { padding: 80px 16px 56px; }\n.fmstr-cmp-foof-hero__sub { font-size: 16px; }\n}\n@media (max-width: 540px) {\n.fmstr-cmp-foof-hero__ctas { flex-direction: column; align-items: stretch; }\n.fmstr-cmp-foof-hero__cta-primary, .fmstr-cmp-foof-hero__cta-secondary { justify-content: center; }\n.fmstr-cmp-foof-hero__chip { display: none; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-foof-hero\">\n\u003Cdiv class=\"fmstr-cmp-foof-hero__container\">\n\u003Cdiv class=\"fmstr-cmp-foof-hero__content\">\n\u003Cspan class=\"fmstr-cmp-foof-hero__badge\">\u003Cspan class=\"fmstr-cmp-foof-hero__badge-dot\">\u003C/span>Free forever. No Shopify, no card.\u003C/span>\n\u003Ch1 class=\"fmstr-cmp-foof-hero__h1\">Free online \u003Cspan class=\"fmstr-cmp-foof-hero__h1-accent\">order form creator\u003C/span> with Stripe and PayPal built in\u003C/h1>\n\u003Cp class=\"fmstr-cmp-foof-hero__sub\">Start collecting paid orders today without a Shopify store, a developer, or a monthly subscription. The free plan ships with Stripe, PayPal, and Authorize.Net, product variants with per-variant stock, file upload, and conditional fields, capped at 100 paid orders a month.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-foof-hero__ctas\">\n\u003Ca class=\"fmstr-cmp-foof-hero__cta-primary\" href=\"https://app.formester.com/users/sign_up\">Build a free order form\u003C/a>\n\u003Ca class=\"fmstr-cmp-foof-hero__cta-secondary\" href=\"https://formester.com/templates/categories/order-forms/\">Browse order form templates\u003C/a>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-foof-hero__tagline\">\u003Cstrong>10 forms · 100 orders / mo · no credit card.\u003C/strong>\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-hero__visual\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-foof-hero__card\">\n\u003Cdiv class=\"fmstr-cmp-foof-hero__card-h\">\n\u003Cspan class=\"fmstr-cmp-foof-hero__card-h-brand\">order.yourbakery.com\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-hero__card-h-step\">Step 1 of 2\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-hero__product\">\n\u003Cdiv class=\"fmstr-cmp-foof-hero__product-img\">🥐\u003C/div>\n\u003Cdiv>\n\u003Cp class=\"fmstr-cmp-foof-hero__product-name\">Almond Croissant\u003C/p>\n\u003Cp class=\"fmstr-cmp-foof-hero__product-meta\">Made fresh daily\u003C/p>\n\u003Cp class=\"fmstr-cmp-foof-hero__product-price\">$4.50\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-hero__field\">\n\u003Cspan class=\"fmstr-cmp-foof-hero__field-label\">Size\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-foof-hero__pills\">\n\u003Cspan class=\"fmstr-cmp-foof-hero__pill\">Small\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-hero__pill fmstr-cmp-foof-hero__pill--active\">Medium\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-hero__pill fmstr-cmp-foof-hero__pill--out\">Large · sold out\u003C/span>\n\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-hero__field\">\n\u003Cspan class=\"fmstr-cmp-foof-hero__field-label\">Quantity\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-foof-hero__qty\">\n\u003Cspan class=\"fmstr-cmp-foof-hero__qty-btn\">−\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-hero__qty-val\">2\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-hero__qty-btn\">+\u003C/span>\n\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-hero__total\">\n\u003Cspan class=\"fmstr-cmp-foof-hero__total-label\">Total\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-hero__total-amt\">$9.00\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-hero__pay\">\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"/>\u003Cline x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"/>\u003C/svg>\nPay $9.00 with Stripe\n\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-hero__chip fmstr-cmp-foof-hero__chip--stock\">\n\u003Cspan class=\"fmstr-cmp-foof-hero__chip-icon\">\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M3 7l9-4 9 4M3 7v10l9 4 9-4V7M3 7l9 4 9-4M12 11v10\"/>\u003C/svg>\n\u003C/span>\n5 left in stock\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-hero__chip fmstr-cmp-foof-hero__chip--paid\">\n\u003Cspan class=\"fmstr-cmp-foof-hero__chip-icon\">\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\n\u003C/span>\n$0 Formester fee\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",false,{"id":172,"__component":168,"markup":173,"useContainer":170},774,"\u003Cstyle>\n.fmstr-cmp-foof-whats {\n--c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-700: #5b34b1; --c-success: #12b76a; --c-border: #eaecf0;\nbackground: var(--c-soft); padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1);\n}\n.fmstr-cmp-foof-whats *, .fmstr-cmp-foof-whats *::before, .fmstr-cmp-foof-whats *::after { box-sizing: border-box; }\n.fmstr-cmp-foof-whats > *, .fmstr-cmp-foof-whats > * > * { min-width: 0; }\n.fmstr-cmp-foof-whats__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-foof-whats__header { max-width: 760px; margin: 0 auto 48px; text-align: center; }\n.fmstr-cmp-foof-whats__h2 { margin: 0 0 14px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-foof-whats__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-foof-whats__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }\n.fmstr-cmp-foof-whats__row { display: flex; align-items: flex-start; gap: 14px; padding: 18px 20px; background: #fff; border: 1px solid var(--c-border); border-radius: 12px; transition: border-color .2s ease, transform .2s ease; }\n.fmstr-cmp-foof-whats__row:hover { border-color: var(--c-edge); transform: translateY(-1px); }\n.fmstr-cmp-foof-whats__icon { flex-shrink: 0; width: 30px; height: 30px; border-radius: 8px; background: rgba(18,183,106,.1); color: var(--c-success); display: inline-flex; align-items: center; justify-content: center; margin-top: 2px; }\n.fmstr-cmp-foof-whats__icon svg { width: 16px; height: 16px; }\n.fmstr-cmp-foof-whats__row strong { font-weight: 700; color: var(--c-fg-1); }\n.fmstr-cmp-foof-whats__row p { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--c-fg-2); }\n.fmstr-cmp-foof-whats__limits { margin: 36px 0 0; padding: 22px 26px; background: #fffbeb; border: 1px solid #fde68a; border-radius: 14px; }\n.fmstr-cmp-foof-whats__limits-h { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 800; color: #b45309; text-transform: uppercase; letter-spacing: 0.06em; margin: 0 0 12px; }\n.fmstr-cmp-foof-whats__limits-h-icon { width: 24px; height: 24px; border-radius: 6px; background: #f59e0b; color: #fff; display: inline-flex; align-items: center; justify-content: center; }\n.fmstr-cmp-foof-whats__limits ul { margin: 0; padding: 0 0 0 18px; list-style: none; }\n.fmstr-cmp-foof-whats__limits li { font-size: 14px; line-height: 1.6; color: var(--c-fg-2); position: relative; padding-left: 16px; margin-bottom: 6px; }\n.fmstr-cmp-foof-whats__limits li::before { content: ''; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; border-radius: 50%; background: #b45309; }\n.fmstr-cmp-foof-whats__limits li strong { color: var(--c-fg-1); font-weight: 600; }\n@media (max-width: 720px) {\n.fmstr-cmp-foof-whats { padding: 64px 18px; }\n.fmstr-cmp-foof-whats__grid { grid-template-columns: 1fr; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-foof-whats\">\n\u003Cdiv class=\"fmstr-cmp-foof-whats__container\">\n\u003Cdiv class=\"fmstr-cmp-foof-whats__header\">\n\u003Ch2 class=\"fmstr-cmp-foof-whats__h2\">Everything you need to start selling, on the free plan\u003C/h2>\n\u003Cp class=\"fmstr-cmp-foof-whats__sub\">The free tier of Formester is not a stripped demo. It is the same builder as the paid plans with a usage cap. You can sell live, in your own currency, and ship orders the same day you publish the form.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-whats__grid\">\n\u003Cdiv class=\"fmstr-cmp-foof-whats__row\">\u003Cspan class=\"fmstr-cmp-foof-whats__icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>\u003Cp>\u003Cstrong>100 paid orders a month\u003C/strong> across up to 10 active forms.\u003C/p>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-whats__row\">\u003Cspan class=\"fmstr-cmp-foof-whats__icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>\u003Cp>\u003Cstrong>Stripe, PayPal, and Authorize.Net\u003C/strong> native and self-connect. No Formester transaction fee.\u003C/p>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-whats__row\">\u003Cspan class=\"fmstr-cmp-foof-whats__icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>\u003Cp>\u003Cstrong>Product Catalogue field\u003C/strong> with image, name, description, and unit price per product.\u003C/p>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-whats__row\">\u003Cspan class=\"fmstr-cmp-foof-whats__icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>\u003Cp>\u003Cstrong>Size and color variants\u003C/strong> inside a single product card, plus a second axis (finish, flavor, scent).\u003C/p>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-whats__row\">\u003Cspan class=\"fmstr-cmp-foof-whats__icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>\u003Cp>\u003Cstrong>Per-variant stock counts\u003C/strong> with a \u003Cem>disable when sold out\u003C/em> toggle that greys out the option in real time.\u003C/p>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-whats__row\">\u003Cspan class=\"fmstr-cmp-foof-whats__icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>\u003Cp>\u003Cstrong>File upload field\u003C/strong> with admin-set allowed types and a 100 MB per-file cap on free.\u003C/p>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-whats__row\">\u003Cspan class=\"fmstr-cmp-foof-whats__icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>\u003Cp>\u003Cstrong>Conditional logic\u003C/strong> to show or hide fields based on what the buyer picks.\u003C/p>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-whats__row\">\u003Cspan class=\"fmstr-cmp-foof-whats__icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>\u003Cp>\u003Cstrong>Calculating Fields\u003C/strong> for live line totals, discount codes, tax rates, and shipping flat fees.\u003C/p>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-whats__row\">\u003Cspan class=\"fmstr-cmp-foof-whats__icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>\u003Cp>\u003Cstrong>Drop-off analytics\u003C/strong> so you can see where buyers abandon the form, even on free.\u003C/p>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-whats__row\">\u003Cspan class=\"fmstr-cmp-foof-whats__icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>\u003Cp>\u003Cstrong>CSV export and email notification\u003C/strong> on every order, with variant, quantity, and payment status.\u003C/p>\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-whats__limits\">\n\u003Cp class=\"fmstr-cmp-foof-whats__limits-h\">\u003Cspan class=\"fmstr-cmp-foof-whats__limits-h-icon\">\u003Csvg width=\"12\" height=\"12\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M8 4v5M8 12v.01\"/>\u003C/svg>\u003C/span>The honest limits\u003C/p>\n\u003Cul>\n\u003Cli>\u003Cstrong>Formester branding shows on the published form on free.\u003C/strong> Removing it needs the Personal plan at $13 a month.\u003C/li>\n\u003Cli>\u003Cstrong>Conditional logic and GA4 / GTM tracking\u003C/strong> are paid on competitors. They are included on Formester free.\u003C/li>\n\u003Cli>\u003Cstrong>API access, PDF order receipts, and team collaboration\u003C/strong> sit on the Business plan at $49 a month.\u003C/li>\n\u003C/ul>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",{"id":175,"__component":168,"markup":176,"useContainer":170},775,"\u003Cstyle>\n.fmstr-cmp-foof-flow {\n--c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-100: #ede4ff; --c-violet-500: #7f56d9; --c-violet-700: #5b34b1;\n--c-success: #12b76a; --c-danger: #f04438; --c-border: #eaecf0;\n--c-shadow-md: 0 8px 24px rgba(16,24,40,.08);\nbackground: #fff; padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1);\n}\n.fmstr-cmp-foof-flow *, .fmstr-cmp-foof-flow *::before, .fmstr-cmp-foof-flow *::after { box-sizing: border-box; }\n.fmstr-cmp-foof-flow > *, .fmstr-cmp-foof-flow > * > * { min-width: 0; }\n.fmstr-cmp-foof-flow__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-foof-flow__header { max-width: 760px; margin: 0 auto 56px; text-align: center; }\n.fmstr-cmp-foof-flow__h2 { margin: 0 0 14px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-foof-flow__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-foof-flow__steps { display: flex; flex-direction: column; gap: 56px; }\n.fmstr-cmp-foof-flow__step { display: grid; grid-template-columns: 1fr 1.05fr; gap: 48px; align-items: center; }\n.fmstr-cmp-foof-flow__step--reverse { grid-template-columns: 1.05fr 1fr; }\n.fmstr-cmp-foof-flow__step--reverse .fmstr-cmp-foof-flow__copy { order: 2; }\n.fmstr-cmp-foof-flow__step--reverse .fmstr-cmp-foof-flow__visual { order: 1; }\n.fmstr-cmp-foof-flow__step-num { display: inline-flex; align-items: center; gap: 10px; font-size: 12.5px; font-weight: 700; color: var(--c-violet-700); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 10px; }\n.fmstr-cmp-foof-flow__step-num-pill { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700)); color: #fff; font-weight: 800; font-size: 13px; }\n.fmstr-cmp-foof-flow__step-title { margin: 0 0 12px; font-size: clamp(22px, 2.4vw, 28px); line-height: 1.22; letter-spacing: -0.015em; font-weight: 700; }\n.fmstr-cmp-foof-flow__step-body { margin: 0; font-size: 16px; line-height: 1.65; color: var(--c-fg-2); }\n.fmstr-cmp-foof-flow__step-body strong { color: var(--c-fg-1); font-weight: 600; }\n.fmstr-cmp-foof-flow__visual { padding: 18px; background: var(--c-soft); border: 1px solid var(--c-border); border-radius: 18px; box-shadow: var(--c-shadow-md); }\n.fmstr-cmp-foof-flow__panel { background: #fff; border: 1px solid var(--c-border); border-radius: 12px; padding: 14px; }\n/* Palette mockup (step 1) */\n.fmstr-cmp-foof-flow__pal-h { display: flex; align-items: center; gap: 6px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--c-border); font-size: 11.5px; font-weight: 700; color: var(--c-fg-3); text-transform: uppercase; letter-spacing: 0.05em; }\n.fmstr-cmp-foof-flow__pal-list { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }\n.fmstr-cmp-foof-flow__pal-item { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--c-border); border-radius: 7px; font-size: 12px; color: var(--c-fg-1); background: #fff; }\n.fmstr-cmp-foof-flow__pal-item--hl { border-color: var(--c-violet-500); background: var(--c-tint); color: var(--c-violet-700); box-shadow: 0 4px 12px rgba(127,86,217,.18); font-weight: 700; }\n.fmstr-cmp-foof-flow__pal-icon { width: 18px; height: 18px; border-radius: 5px; background: var(--c-violet-100); color: var(--c-violet-700); display: inline-flex; align-items: center; justify-content: center; }\n.fmstr-cmp-foof-flow__pal-icon svg { width: 11px; height: 11px; }\n/* Product editor mockup (step 2) */\n.fmstr-cmp-foof-flow__ed-h { display: flex; align-items: center; gap: 8px; padding-bottom: 10px; margin-bottom: 12px; border-bottom: 1px solid var(--c-border); }\n.fmstr-cmp-foof-flow__ed-h-img { width: 32px; height: 32px; border-radius: 7px; background: linear-gradient(135deg, #fde68a, #f59e0b); display: inline-flex; align-items: center; justify-content: center; font-size: 16px; }\n.fmstr-cmp-foof-flow__ed-h-name { font-size: 14px; font-weight: 700; margin: 0; }\n.fmstr-cmp-foof-flow__ed-h-price { font-size: 12.5px; color: var(--c-violet-700); font-weight: 700; margin: 2px 0 0; }\n.fmstr-cmp-foof-flow__ed-row { padding: 9px 0; }\n.fmstr-cmp-foof-flow__ed-row + .fmstr-cmp-foof-flow__ed-row { border-top: 1px dashed var(--c-border); }\n.fmstr-cmp-foof-flow__ed-label { font-size: 10.5px; font-weight: 700; color: var(--c-fg-3); text-transform: uppercase; letter-spacing: 0.06em; margin: 0 0 5px; }\n.fmstr-cmp-foof-flow__ed-pills { display: flex; flex-wrap: wrap; gap: 4px; }\n.fmstr-cmp-foof-flow__ed-pill { padding: 4px 9px; border: 1px solid var(--c-border); border-radius: 999px; font-size: 11px; font-weight: 700; color: var(--c-fg-2); background: #fff; }\n.fmstr-cmp-foof-flow__ed-pill--active { background: var(--c-violet-700); color: #fff; border-color: var(--c-violet-700); }\n/* Inventory table mockup (step 3) */\n.fmstr-cmp-foof-flow__inv-h { display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--c-border); }\n.fmstr-cmp-foof-flow__inv-h-title { font-size: 13px; font-weight: 700; margin: 0; }\n.fmstr-cmp-foof-flow__inv-h-toggle { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: var(--c-fg-3); font-weight: 600; }\n.fmstr-cmp-foof-flow__inv-toggle-track { width: 30px; height: 16px; border-radius: 999px; background: var(--c-violet-700); position: relative; }\n.fmstr-cmp-foof-flow__inv-toggle-track::after { content: ''; position: absolute; top: 2px; right: 2px; width: 12px; height: 12px; border-radius: 50%; background: #fff; }\n.fmstr-cmp-foof-flow__inv-table { display: grid; grid-template-columns: 1fr 56px minmax(96px, auto); gap: 4px; font-size: 12.5px; }\n.fmstr-cmp-foof-flow__inv-th { padding: 6px 8px; font-size: 10.5px; font-weight: 700; color: var(--c-fg-3); text-transform: uppercase; letter-spacing: 0.05em; }\n.fmstr-cmp-foof-flow__inv-td { padding: 9px 10px; background: #fff; border: 1px solid var(--c-border); border-radius: 7px; color: var(--c-fg-1); font-weight: 500; display: inline-flex; align-items: center; min-width: 0; }\n.fmstr-cmp-foof-flow__inv-td--out { color: #98a2b3; text-decoration: line-through; }\n.fmstr-cmp-foof-flow__inv-tag { display: inline-flex; align-items: center; justify-content: center; gap: 4px; font-size: 10.5px; font-weight: 800; padding: 3px 9px; border-radius: 999px; white-space: nowrap; line-height: 1.2; letter-spacing: 0.04em; }\n.fmstr-cmp-foof-flow__inv-tag--live { background: #ecfdf3; color: var(--c-success); }\n.fmstr-cmp-foof-flow__inv-tag--out { background: #fef3f2; color: var(--c-danger); }\n/* Submissions table (step 4) */\n.fmstr-cmp-foof-flow__sub-h { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--c-border); font-size: 13px; font-weight: 700; }\n.fmstr-cmp-foof-flow__sub-row { display: grid; grid-template-columns: 1fr 70px 50px; gap: 8px; align-items: center; padding: 10px 12px; background: #fff; border: 1px solid var(--c-border); border-radius: 7px; margin-bottom: 6px; font-size: 12px; }\n.fmstr-cmp-foof-flow__sub-name { font-weight: 700; color: var(--c-fg-1); }\n.fmstr-cmp-foof-flow__sub-name-sub { display: block; font-size: 10.5px; color: var(--c-fg-3); font-weight: 500; margin-top: 1px; }\n.fmstr-cmp-foof-flow__sub-amt { text-align: right; font-weight: 700; color: var(--c-fg-1); }\n.fmstr-cmp-foof-flow__sub-tag { padding: 2px 7px; background: #ecfdf3; color: var(--c-success); border-radius: 999px; font-size: 10.5px; font-weight: 800; text-align: center; }\n@media (max-width: 880px) {\n.fmstr-cmp-foof-flow { padding: 64px 18px; }\n.fmstr-cmp-foof-flow__step, .fmstr-cmp-foof-flow__step--reverse { grid-template-columns: 1fr; gap: 24px; }\n.fmstr-cmp-foof-flow__step--reverse .fmstr-cmp-foof-flow__copy { order: 1; }\n.fmstr-cmp-foof-flow__step--reverse .fmstr-cmp-foof-flow__visual { order: 2; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-foof-flow\">\n\u003Cdiv class=\"fmstr-cmp-foof-flow__container\">\n\u003Cdiv class=\"fmstr-cmp-foof-flow__header\">\n\u003Ch2 class=\"fmstr-cmp-foof-flow__h2\">Build your first order form in 4 steps\u003C/h2>\n\u003Cp class=\"fmstr-cmp-foof-flow__sub\">From an empty canvas to your first paid order in under 15 minutes.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-flow__steps\">\n\n\u003Cdiv class=\"fmstr-cmp-foof-flow__step\">\n\u003Cdiv class=\"fmstr-cmp-foof-flow__copy\">\n\u003Cdiv class=\"fmstr-cmp-foof-flow__step-num\">\u003Cspan class=\"fmstr-cmp-foof-flow__step-num-pill\">1\u003C/span>Step 1\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-foof-flow__step-title\">Drag in the Product Catalogue field\u003C/h3>\n\u003Cp class=\"fmstr-cmp-foof-flow__step-body\">Open the builder, find \u003Cstrong>Product Catalogue\u003C/strong> in the field list on the left, drop it on the canvas. That one field holds your entire lineup, no matter how many products you sell. You do not add a separate field per product.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-flow__visual\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-foof-flow__panel\">\n\u003Cdiv class=\"fmstr-cmp-foof-flow__pal-h\">\u003Csvg width=\"11\" height=\"11\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"2\" y=\"2\" width=\"12\" height=\"12\" rx=\"1.5\"/>\u003Cpath d=\"M2 6h12M6 2v12\"/>\u003C/svg>Field palette\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-flow__pal-list\">\n\u003Cdiv class=\"fmstr-cmp-foof-flow__pal-item\">\u003Cspan class=\"fmstr-cmp-foof-flow__pal-icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\">\u003Cpath d=\"M3 8h10\"/>\u003C/svg>\u003C/span>Short text\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-flow__pal-item\">\u003Cspan class=\"fmstr-cmp-foof-flow__pal-icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\">\u003Crect x=\"3\" y=\"3\" width=\"10\" height=\"10\" rx=\"1.5\"/>\u003C/svg>\u003C/span>Choice\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-flow__pal-item fmstr-cmp-foof-flow__pal-item--hl\">\u003Cspan class=\"fmstr-cmp-foof-flow__pal-icon\" style=\"background:#fff;color:var(--c-violet-700);\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\">\u003Crect x=\"2\" y=\"3\" width=\"12\" height=\"10\" rx=\"1.5\"/>\u003Cpath d=\"M5 6h6M5 9h4\"/>\u003C/svg>\u003C/span>Product Catalogue\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-flow__pal-item\">\u003Cspan class=\"fmstr-cmp-foof-flow__pal-icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\">\u003Crect x=\"2\" y=\"5\" width=\"12\" height=\"6\" rx=\"1.5\"/>\u003C/svg>\u003C/span>Payment\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-flow__pal-item\">\u003Cspan class=\"fmstr-cmp-foof-flow__pal-icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\">\u003Cpath d=\"M3 9.5L7 13.5 13 5.5\"/>\u003C/svg>\u003C/span>Checkbox\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-flow__pal-item\">\u003Cspan class=\"fmstr-cmp-foof-flow__pal-icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\">\u003Cpath d=\"M11 5l-6 6M5 5v6h6\"/>\u003C/svg>\u003C/span>File upload\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-foof-flow__step fmstr-cmp-foof-flow__step--reverse\">\n\u003Cdiv class=\"fmstr-cmp-foof-flow__copy\">\n\u003Cdiv class=\"fmstr-cmp-foof-flow__step-num\">\u003Cspan class=\"fmstr-cmp-foof-flow__step-num-pill\">2\u003C/span>Step 2\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-foof-flow__step-title\">Add products, variants, and prices\u003C/h3>\n\u003Cp class=\"fmstr-cmp-foof-flow__step-body\">Click the field to open the product editor. For each item, add a name, image, short description, and unit price. Add variants where they apply: size, color, flavor, finish. \u003Cstrong>Variants are options inside one product card, not separate products.\u003C/strong> A Studio Tee with three sizes and three colors is one card, not nine.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-flow__visual\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-foof-flow__panel\">\n\u003Cdiv class=\"fmstr-cmp-foof-flow__ed-h\">\n\u003Cspan class=\"fmstr-cmp-foof-flow__ed-h-img\">🥐\u003C/span>\n\u003Cdiv>\u003Cp class=\"fmstr-cmp-foof-flow__ed-h-name\">Almond Croissant\u003C/p>\u003Cp class=\"fmstr-cmp-foof-flow__ed-h-price\">$4.50\u003C/p>\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-flow__ed-row\">\n\u003Cp class=\"fmstr-cmp-foof-flow__ed-label\">Size variant\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-foof-flow__ed-pills\">\n\u003Cspan class=\"fmstr-cmp-foof-flow__ed-pill\">Small\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-flow__ed-pill fmstr-cmp-foof-flow__ed-pill--active\">Medium\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-flow__ed-pill\">Large\u003C/span>\n\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-flow__ed-row\">\n\u003Cp class=\"fmstr-cmp-foof-flow__ed-label\">Glaze variant\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-foof-flow__ed-pills\">\n\u003Cspan class=\"fmstr-cmp-foof-flow__ed-pill\">Honey\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-flow__ed-pill fmstr-cmp-foof-flow__ed-pill--active\">Chocolate\u003C/span>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-foof-flow__step\">\n\u003Cdiv class=\"fmstr-cmp-foof-flow__copy\">\n\u003Cdiv class=\"fmstr-cmp-foof-flow__step-num\">\u003Cspan class=\"fmstr-cmp-foof-flow__step-num-pill\">3\u003C/span>Step 3\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-foof-flow__step-title\">Set stock per variant and turn on the sold-out toggle\u003C/h3>\n\u003Cp class=\"fmstr-cmp-foof-flow__step-body\">Open the Inventory tab on each product. Set the count on the product, or on a specific variant (10 of Small, 5 of Medium, unlimited on Large). Flip \u003Cstrong>disable when sold out\u003C/strong> and the option goes grey the moment the last unit is reserved. No oversold mediums, no apology emails.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-flow__visual\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-foof-flow__panel\">\n\u003Cdiv class=\"fmstr-cmp-foof-flow__inv-h\">\n\u003Cp class=\"fmstr-cmp-foof-flow__inv-h-title\">Inventory · Almond Croissant\u003C/p>\n\u003Cspan class=\"fmstr-cmp-foof-flow__inv-h-toggle\">Sold-out toggle\u003Cspan class=\"fmstr-cmp-foof-flow__inv-toggle-track\">\u003C/span>\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-flow__inv-table\">\n\u003Cspan class=\"fmstr-cmp-foof-flow__inv-th\">Variant\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-flow__inv-th\">Stock\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-flow__inv-th\">Status\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-flow__inv-td\">Small\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-flow__inv-td\">10\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-flow__inv-td\">\u003Cspan class=\"fmstr-cmp-foof-flow__inv-tag fmstr-cmp-foof-flow__inv-tag--live\">LIVE\u003C/span>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-flow__inv-td\">Medium\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-flow__inv-td\">5\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-flow__inv-td\">\u003Cspan class=\"fmstr-cmp-foof-flow__inv-tag fmstr-cmp-foof-flow__inv-tag--live\">LIVE\u003C/span>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-flow__inv-td fmstr-cmp-foof-flow__inv-td--out\">Large\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-flow__inv-td fmstr-cmp-foof-flow__inv-td--out\">0\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-flow__inv-td\">\u003Cspan class=\"fmstr-cmp-foof-flow__inv-tag fmstr-cmp-foof-flow__inv-tag--out\">SOLD OUT\u003C/span>\u003C/span>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-foof-flow__step fmstr-cmp-foof-flow__step--reverse\">\n\u003Cdiv class=\"fmstr-cmp-foof-flow__copy\">\n\u003Cdiv class=\"fmstr-cmp-foof-flow__step-num\">\u003Cspan class=\"fmstr-cmp-foof-flow__step-num-pill\">4\u003C/span>Step 4\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-foof-flow__step-title\">Publish, connect Stripe or PayPal, and watch orders land\u003C/h3>\n\u003Cp class=\"fmstr-cmp-foof-flow__step-body\">Connect your Stripe or PayPal account in Integrations (one click, no API keys to paste). Publish the form, share the link, embed it, or drop a QR code on a flyer. Every order appears in the Submissions tab with the variant picked, quantity, customer details, and payment status. \u003Cstrong>Export to CSV when you need to send the day's orders to the kitchen.\u003C/strong>\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-flow__visual\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-foof-flow__panel\">\n\u003Cp class=\"fmstr-cmp-foof-flow__sub-h\">Submissions · Today\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-foof-flow__sub-row\">\n\u003Cdiv>\u003Cspan class=\"fmstr-cmp-foof-flow__sub-name\">Anita Sharma\u003C/span>\u003Cspan class=\"fmstr-cmp-foof-flow__sub-name-sub\">2 × Almond Croissant (M)\u003C/span>\u003C/div>\n\u003Cspan class=\"fmstr-cmp-foof-flow__sub-amt\">$9.00\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-flow__sub-tag\">PAID\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-flow__sub-row\">\n\u003Cdiv>\u003Cspan class=\"fmstr-cmp-foof-flow__sub-name\">Rohit Tewari\u003C/span>\u003Cspan class=\"fmstr-cmp-foof-flow__sub-name-sub\">1 × Plain (S)\u003C/span>\u003C/div>\n\u003Cspan class=\"fmstr-cmp-foof-flow__sub-amt\">$3.50\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-flow__sub-tag\">PAID\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-flow__sub-row\">\n\u003Cdiv>\u003Cspan class=\"fmstr-cmp-foof-flow__sub-name\">Priya Gupta\u003C/span>\u003Cspan class=\"fmstr-cmp-foof-flow__sub-name-sub\">1 × Almond (S) + 1 × Plain (M)\u003C/span>\u003C/div>\n\u003Cspan class=\"fmstr-cmp-foof-flow__sub-amt\">$8.00\u003C/span>\n\u003Cspan class=\"fmstr-cmp-foof-flow__sub-tag\">PAID\u003C/span>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",{"id":178,"__component":168,"markup":179,"useContainer":170},776,"\u003Cstyle>\n.fmstr-cmp-foof-wnt {\n--c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-700: #5b34b1; --c-success: #12b76a; --c-danger: #f04438; --c-border: #eaecf0;\nbackground: var(--c-soft); padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1);\n}\n.fmstr-cmp-foof-wnt *, .fmstr-cmp-foof-wnt *::before, .fmstr-cmp-foof-wnt *::after { box-sizing: border-box; }\n.fmstr-cmp-foof-wnt > *, .fmstr-cmp-foof-wnt > * > * { min-width: 0; }\n.fmstr-cmp-foof-wnt__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-foof-wnt__header { max-width: 760px; margin: 0 auto 48px; text-align: center; }\n.fmstr-cmp-foof-wnt__h2 { margin: 0 0 14px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-foof-wnt__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-foof-wnt__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }\n.fmstr-cmp-foof-wnt__col { padding: 28px; background: #fff; border: 1px solid var(--c-border); border-radius: 18px; }\n.fmstr-cmp-foof-wnt__col--good { border-color: #abefc6; background: linear-gradient(180deg, #f6fef9 0%, #fff 50%); }\n.fmstr-cmp-foof-wnt__col--bad { border-color: #fecdca; background: linear-gradient(180deg, #fef3f2 0%, #fff 50%); }\n.fmstr-cmp-foof-wnt__col-h { display: flex; align-items: center; gap: 10px; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid var(--c-border); }\n.fmstr-cmp-foof-wnt__col-h-pill { width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; }\n.fmstr-cmp-foof-wnt__col-h-pill svg { width: 16px; height: 16px; }\n.fmstr-cmp-foof-wnt__col--good .fmstr-cmp-foof-wnt__col-h-pill { background: var(--c-success); }\n.fmstr-cmp-foof-wnt__col--bad .fmstr-cmp-foof-wnt__col-h-pill { background: var(--c-danger); }\n.fmstr-cmp-foof-wnt__col-h-title { margin: 0; font-size: 17px; font-weight: 700; color: var(--c-fg-1); }\n.fmstr-cmp-foof-wnt__list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; }\n.fmstr-cmp-foof-wnt__item { display: flex; align-items: flex-start; gap: 10px; font-size: 14.5px; line-height: 1.55; color: var(--c-fg-2); }\n.fmstr-cmp-foof-wnt__item-bullet { flex-shrink: 0; width: 16px; height: 16px; border-radius: 50%; background: rgba(127,86,217,.12); color: var(--c-violet-700); display: inline-flex; align-items: center; justify-content: center; margin-top: 2px; }\n.fmstr-cmp-foof-wnt__item-bullet svg { width: 9px; height: 9px; }\n.fmstr-cmp-foof-wnt__final { margin: 36px auto 0; max-width: 880px; padding: 22px 26px; background: #fff; border: 1px dashed var(--c-edge); border-radius: 14px; font-size: 15px; line-height: 1.65; color: var(--c-fg-2); text-align: center; }\n.fmstr-cmp-foof-wnt__final strong { color: var(--c-fg-1); font-weight: 600; }\n@media (max-width: 760px) {\n.fmstr-cmp-foof-wnt { padding: 64px 18px; }\n.fmstr-cmp-foof-wnt__grid { grid-template-columns: 1fr; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-foof-wnt\">\n\u003Cdiv class=\"fmstr-cmp-foof-wnt__container\">\n\u003Cdiv class=\"fmstr-cmp-foof-wnt__header\">\n\u003Ch2 class=\"fmstr-cmp-foof-wnt__h2\">When a free order form is enough, and when you actually need a store\u003C/h2>\n\u003Cp class=\"fmstr-cmp-foof-wnt__sub\">An order form is not a store. Most sellers do not need a store on day one. The honest framing:\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-wnt__grid\">\n\n\u003Cdiv class=\"fmstr-cmp-foof-wnt__col fmstr-cmp-foof-wnt__col--good\">\n\u003Cdiv class=\"fmstr-cmp-foof-wnt__col-h\">\n\u003Cspan class=\"fmstr-cmp-foof-wnt__col-h-pill\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-foof-wnt__col-h-title\">A Formester order form is the right tool when:\u003C/h3>\n\u003C/div>\n\u003Cul class=\"fmstr-cmp-foof-wnt__list\">\n\u003Cli class=\"fmstr-cmp-foof-wnt__item\">\u003Cspan class=\"fmstr-cmp-foof-wnt__item-bullet\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"currentColor\">\u003Ccircle cx=\"8\" cy=\"8\" r=\"3\"/>\u003C/svg>\u003C/span>You take fewer than ~200 orders a month, especially custom, made-to-order, or batched (a Friday bake-off, a monthly art drop, a class fundraiser).\u003C/li>\n\u003Cli class=\"fmstr-cmp-foof-wnt__item\">\u003Cspan class=\"fmstr-cmp-foof-wnt__item-bullet\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"currentColor\">\u003Ccircle cx=\"8\" cy=\"8\" r=\"3\"/>\u003C/svg>\u003C/span>Your catalog is small enough to fit in your head: under 30 SKUs, often under 10.\u003C/li>\n\u003Cli class=\"fmstr-cmp-foof-wnt__item\">\u003Cspan class=\"fmstr-cmp-foof-wnt__item-bullet\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"currentColor\">\u003Ccircle cx=\"8\" cy=\"8\" r=\"3\"/>\u003C/svg>\u003C/span>You take pre-orders, deposits, or one-off payments more often than off-the-shelf transactions.\u003C/li>\n\u003Cli class=\"fmstr-cmp-foof-wnt__item\">\u003Cspan class=\"fmstr-cmp-foof-wnt__item-bullet\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"currentColor\">\u003Ccircle cx=\"8\" cy=\"8\" r=\"3\"/>\u003C/svg>\u003C/span>You already sell on social or by DM and want a checkout link, not a storefront.\u003C/li>\n\u003Cli class=\"fmstr-cmp-foof-wnt__item\">\u003Cspan class=\"fmstr-cmp-foof-wnt__item-bullet\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"currentColor\">\u003Ccircle cx=\"8\" cy=\"8\" r=\"3\"/>\u003C/svg>\u003C/span>You need a custom field (a brief, a reference photo upload, a date for pickup) that an off-the-shelf store does not expose.\u003C/li>\n\u003Cli class=\"fmstr-cmp-foof-wnt__item\">\u003Cspan class=\"fmstr-cmp-foof-wnt__item-bullet\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"currentColor\">\u003Ccircle cx=\"8\" cy=\"8\" r=\"3\"/>\u003C/svg>\u003C/span>You want the order data in a spreadsheet or CRM, not in a separate e-commerce dashboard.\u003C/li>\n\u003C/ul>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-foof-wnt__col fmstr-cmp-foof-wnt__col--bad\">\n\u003Cdiv class=\"fmstr-cmp-foof-wnt__col-h\">\n\u003Cspan class=\"fmstr-cmp-foof-wnt__col-h-pill\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M11 5L5 11M5 5l6 6\"/>\u003C/svg>\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-foof-wnt__col-h-title\">A real store (Shopify, WooCommerce, BigCommerce) is the right tool when:\u003C/h3>\n\u003C/div>\n\u003Cul class=\"fmstr-cmp-foof-wnt__list\">\n\u003Cli class=\"fmstr-cmp-foof-wnt__item\">\u003Cspan class=\"fmstr-cmp-foof-wnt__item-bullet\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"currentColor\">\u003Ccircle cx=\"8\" cy=\"8\" r=\"3\"/>\u003C/svg>\u003C/span>You sell daily, with hundreds of off-the-shelf SKUs that need a search bar and category pages.\u003C/li>\n\u003Cli class=\"fmstr-cmp-foof-wnt__item\">\u003Cspan class=\"fmstr-cmp-foof-wnt__item-bullet\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"currentColor\">\u003Ccircle cx=\"8\" cy=\"8\" r=\"3\"/>\u003C/svg>\u003C/span>You ship physical inventory and need shipping rates calculated against carrier APIs, label printing, and warehouse integrations.\u003C/li>\n\u003Cli class=\"fmstr-cmp-foof-wnt__item\">\u003Cspan class=\"fmstr-cmp-foof-wnt__item-bullet\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"currentColor\">\u003Ccircle cx=\"8\" cy=\"8\" r=\"3\"/>\u003C/svg>\u003C/span>You sell internationally with multi-currency, multi-language, and local tax rules.\u003C/li>\n\u003Cli class=\"fmstr-cmp-foof-wnt__item\">\u003Cspan class=\"fmstr-cmp-foof-wnt__item-bullet\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"currentColor\">\u003Ccircle cx=\"8\" cy=\"8\" r=\"3\"/>\u003C/svg>\u003C/span>You run subscriptions, recurring billing, or memberships at scale.\u003C/li>\n\u003Cli class=\"fmstr-cmp-foof-wnt__item\">\u003Cspan class=\"fmstr-cmp-foof-wnt__item-bullet\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"currentColor\">\u003Ccircle cx=\"8\" cy=\"8\" r=\"3\"/>\u003C/svg>\u003C/span>You need an SEO-driven product catalog where each product is its own indexable page.\u003C/li>\n\u003C/ul>\n\u003C/div>\n\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-foof-wnt__final\">If your business is in the second list, ship a real store. If you are in the first list, \u003Cstrong>a free order form gets you taking money in an afternoon instead of a weekend\u003C/strong>, and you can graduate to a store when the volume earns it.\u003C/p>\n\u003C/div>\n\u003C/section>\n",{"id":181,"__component":168,"markup":182,"useContainer":170},777,"\u003Cstyle>\n.fmstr-cmp-foof-cmp { --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586; --c-violet-700: #5b34b1; --c-border: #eaecf0; background: #fff; padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1); }\n.fmstr-cmp-foof-cmp *, .fmstr-cmp-foof-cmp *::before, .fmstr-cmp-foof-cmp *::after { box-sizing: border-box; }\n.fmstr-cmp-foof-cmp > *, .fmstr-cmp-foof-cmp > * > * { min-width: 0; }\n.fmstr-cmp-foof-cmp__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-foof-cmp__header { max-width: 760px; margin: 0 auto 40px; text-align: center; }\n.fmstr-cmp-foof-cmp__h2 { margin: 0 0 14px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-foof-cmp__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-foof-cmp__scroll { overflow-x: auto; border: 1px solid var(--c-border); border-radius: 16px; box-shadow: 0 1px 3px rgba(16,24,40,.04); }\n.fmstr-cmp-foof-cmp__table { width: 100%; border-collapse: collapse; min-width: 820px; font-size: 14px; }\n.fmstr-cmp-foof-cmp__table thead th { text-align: left; padding: 16px 18px; font-size: 12.5px; font-weight: 700; color: var(--c-fg-1); background: #f9fafb; border-bottom: 1px solid var(--c-border); white-space: nowrap; }\n.fmstr-cmp-foof-cmp__table thead th.fmstr-cmp-foof-cmp__col-us { background: var(--c-tint); color: var(--c-violet-700); }\n.fmstr-cmp-foof-cmp__table tbody td { padding: 14px 18px; border-bottom: 1px solid var(--c-border); color: var(--c-fg-2); vertical-align: top; }\n.fmstr-cmp-foof-cmp__table tbody tr:last-child td { border-bottom: none; }\n.fmstr-cmp-foof-cmp__table tbody td:first-child { font-weight: 700; color: var(--c-fg-1); }\n.fmstr-cmp-foof-cmp__table tbody td.fmstr-cmp-foof-cmp__col-us { background: #fcfaff; color: var(--c-fg-1); font-weight: 500; }\n.fmstr-cmp-foof-cmp__src { font-size: 13px; line-height: 1.6; color: var(--c-fg-3); margin: 18px 0 0; }\n@media (max-width: 720px) { .fmstr-cmp-foof-cmp { padding: 64px 16px; } .fmstr-cmp-foof-cmp__table { font-size: 13px; } .fmstr-cmp-foof-cmp__table thead th, .fmstr-cmp-foof-cmp__table tbody td { padding: 12px 14px; } }\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-foof-cmp\">\n\u003Cdiv class=\"fmstr-cmp-foof-cmp__container\">\n\u003Cdiv class=\"fmstr-cmp-foof-cmp__header\">\n\u003Ch2 class=\"fmstr-cmp-foof-cmp__h2\">Free order form options compared\u003C/h2>\n\u003Cp class=\"fmstr-cmp-foof-cmp__sub\">Counts are the actual free tier of each vendor, current as of June 2026.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-cmp__scroll\">\n\u003Ctable class=\"fmstr-cmp-foof-cmp__table\">\n\u003Cthead>\u003Ctr>\u003Cth>Feature\u003C/th>\u003Cth class=\"fmstr-cmp-foof-cmp__col-us\">Formester (free)\u003C/th>\u003Cth>Google Forms\u003C/th>\u003Cth>Jotform (free Starter)\u003C/th>\u003Cth>Typeform (free)\u003C/th>\u003C/tr>\u003C/thead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>Native Stripe / PayPal\u003C/td>\u003Ctd class=\"fmstr-cmp-foof-cmp__col-us\">Stripe, PayPal, Authorize.Net\u003C/td>\u003Ctd>None, needs add-on or Pay link\u003C/td>\u003Ctd>Stripe, PayPal, Square (Bronze+)\u003C/td>\u003Ctd>Stripe only, on paid plans\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>Product variants (size, color)\u003C/td>\u003Ctd class=\"fmstr-cmp-foof-cmp__col-us\">Inside one product card, native\u003C/td>\u003Ctd>No native product field\u003C/td>\u003Ctd>Product List with variants\u003C/td>\u003Ctd>Picture choice, not a true product field\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>Per-variant stock + sold-out toggle\u003C/td>\u003Ctd class=\"fmstr-cmp-foof-cmp__col-us\">Yes, included free\u003C/td>\u003Ctd>No\u003C/td>\u003Ctd>Stock limits on Bronze and up\u003C/td>\u003Ctd>No native stock control\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>File upload from buyer\u003C/td>\u003Ctd class=\"fmstr-cmp-foof-cmp__col-us\">100 MB on free\u003C/td>\u003Ctd>Yes, requires Google sign-in\u003C/td>\u003Ctd>100 MB on free, 1 GB account\u003C/td>\u003Ctd>10 MB on free\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>Free tier order cap\u003C/td>\u003Ctd class=\"fmstr-cmp-foof-cmp__col-us\">100 responses / mo, 10 forms\u003C/td>\u003Ctd>Unlimited, no native payments\u003C/td>\u003Ctd>100 monthly, 10 payment submissions\u003C/td>\u003Ctd>10 responses a month\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>Branding removed on free\u003C/td>\u003Ctd class=\"fmstr-cmp-foof-cmp__col-us\">No (Personal $13/mo)\u003C/td>\u003Ctd>n/a\u003C/td>\u003Ctd>No (paid plans)\u003C/td>\u003Ctd>No (paid plans)\u003C/td>\u003C/tr>\n\u003C/tbody>\n\u003C/table>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-foof-cmp__src\">Sources: vendor pricing pages; counts current as of June 2026.\u003C/p>\n\u003C/div>\n\u003C/section>\n",{"id":184,"__component":168,"markup":185,"useContainer":170},778,"\u003Cstyle>\n.fmstr-cmp-foof-uc { --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff; --c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586; --c-violet-700: #5b34b1; --c-border: #eaecf0; background: var(--c-soft); padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1); }\n.fmstr-cmp-foof-uc *, .fmstr-cmp-foof-uc *::before, .fmstr-cmp-foof-uc *::after { box-sizing: border-box; }\n.fmstr-cmp-foof-uc > *, .fmstr-cmp-foof-uc > * > * { min-width: 0; }\n.fmstr-cmp-foof-uc__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-foof-uc__header { max-width: 760px; margin: 0 auto 48px; text-align: center; }\n.fmstr-cmp-foof-uc__h2 { margin: 0 0 14px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-foof-uc__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-foof-uc__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n.fmstr-cmp-foof-uc__card { display: flex; flex-direction: column; gap: 10px; background: #fff; border: 1px solid var(--c-border); border-radius: 16px; padding: 22px; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }\n.fmstr-cmp-foof-uc__card:hover { border-color: var(--c-edge); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(16,24,40,.07); }\n.fmstr-cmp-foof-uc__emoji { font-size: 28px; line-height: 1; }\n.fmstr-cmp-foof-uc__title { margin: 0; font-size: 16px; font-weight: 700; color: var(--c-fg-1); line-height: 1.3; }\n.fmstr-cmp-foof-uc__copy { margin: 0; font-size: 14px; line-height: 1.55; color: var(--c-fg-2); }\n@media (max-width: 880px) { .fmstr-cmp-foof-uc { padding: 64px 18px; } .fmstr-cmp-foof-uc__grid { grid-template-columns: repeat(2, 1fr); } }\n@media (max-width: 540px) { .fmstr-cmp-foof-uc__grid { grid-template-columns: 1fr; } }\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-foof-uc\">\n\u003Cdiv class=\"fmstr-cmp-foof-uc__container\">\n\u003Cdiv class=\"fmstr-cmp-foof-uc__header\">\n\u003Ch2 class=\"fmstr-cmp-foof-uc__h2\">Six businesses already running on a free Formester order form\u003C/h2>\n\u003Cp class=\"fmstr-cmp-foof-uc__sub\">Each fits inside 100 orders a month, on the free plan.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-uc__grid\">\n\u003Cdiv class=\"fmstr-cmp-foof-uc__card\">\u003Cspan class=\"fmstr-cmp-foof-uc__emoji\">🥐\u003C/span>\u003Ch3 class=\"fmstr-cmp-foof-uc__title\">Bakery and custom cake orders\u003C/h3>\u003Cp class=\"fmstr-cmp-foof-uc__copy\">Friday pre-orders for croissants, weekend cakes with size and frosting variants, per-flavor stock so you do not promise babka you cannot bake. Customers pay before the oven goes on.\u003C/p>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-uc__card\">\u003Cspan class=\"fmstr-cmp-foof-uc__emoji\">🎨\u003C/span>\u003Ch3 class=\"fmstr-cmp-foof-uc__title\">Art commissions and made-to-order prints\u003C/h3>\u003Cp class=\"fmstr-cmp-foof-uc__copy\">A custom-request field, a reference image upload, a base-price variant, and a deposit charged at submit. The full balance gets a second link after you scope the piece.\u003C/p>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-uc__card\">\u003Cspan class=\"fmstr-cmp-foof-uc__emoji\">📸\u003C/span>\u003Ch3 class=\"fmstr-cmp-foof-uc__title\">Photography session bookings\u003C/h3>\u003Cp class=\"fmstr-cmp-foof-uc__copy\">Package A / B / C as variants, an add-on field for extra edits, a date picker for the shoot, and a 50% deposit through Stripe. The booking and the deposit happen in one form.\u003C/p>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-uc__card\">\u003Cspan class=\"fmstr-cmp-foof-uc__emoji\">👕\u003C/span>\u003Ch3 class=\"fmstr-cmp-foof-uc__title\">Custom t-shirt and merch orders\u003C/h3>\u003Cp class=\"fmstr-cmp-foof-uc__copy\">Size and color variants on a single product card, per-size stock so the Mediums do not vanish on you, optional logo upload for personalized prints. One CSV export goes straight to the printer.\u003C/p>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-uc__card\">\u003Cspan class=\"fmstr-cmp-foof-uc__emoji\">🍱\u003C/span>\u003Ch3 class=\"fmstr-cmp-foof-uc__title\">Lunch and meal pre-orders for offices or schools\u003C/h3>\u003Cp class=\"fmstr-cmp-foof-uc__copy\">Tuesday's menu published Sunday night, parents or coworkers pick mains and sides with quantity, payment on submit, one CSV at the kitchen at 9 a.m. on Tuesday.\u003C/p>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-uc__card\">\u003Cspan class=\"fmstr-cmp-foof-uc__emoji\">🎒\u003C/span>\u003Ch3 class=\"fmstr-cmp-foof-uc__title\">School fundraiser and PTO orders\u003C/h3>\u003Cp class=\"fmstr-cmp-foof-uc__copy\">Tiered pledges with a stock cap per tier so limited-edition rewards close on their own, parent name and class field for delivery, one shareable link in the class group chat.\u003C/p>\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",{"id":187,"__component":168,"markup":188,"useContainer":170},779,"\u003Cstyle>\n.fmstr-cmp-foof-tpl a { text-decoration: none !important; }\n.fmstr-cmp-foof-tpl { --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff; --c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586; --c-violet-700: #5b34b1; --c-border: #eaecf0; background: #fff; padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1); }\n.fmstr-cmp-foof-tpl *, .fmstr-cmp-foof-tpl *::before, .fmstr-cmp-foof-tpl *::after { box-sizing: border-box; }\n.fmstr-cmp-foof-tpl > *, .fmstr-cmp-foof-tpl > * > * { min-width: 0; }\n.fmstr-cmp-foof-tpl__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-foof-tpl__header { max-width: 760px; margin: 0 auto 48px; text-align: center; }\n.fmstr-cmp-foof-tpl__h2 { margin: 0 0 14px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-foof-tpl__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-foof-tpl__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }\n.fmstr-cmp-foof-tpl__card { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--c-border); border-radius: 16px; overflow: hidden; color: inherit !important; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }\n.fmstr-cmp-foof-tpl__card:hover { border-color: var(--c-edge); transform: translateY(-2px); box-shadow: 0 12px 28px rgba(16,24,40,.08); }\n.fmstr-cmp-foof-tpl__visual { height: 110px; padding: 14px 16px; display: flex; align-items: center; gap: 10px; color: #fff; }\n.fmstr-cmp-foof-tpl__visual--gen { background: linear-gradient(135deg, #7f56d9, #5b34b1); }\n.fmstr-cmp-foof-tpl__visual--bake { background: linear-gradient(135deg, #fde68a, #d97706); color: #7c2d12; }\n.fmstr-cmp-foof-tpl__visual--apparel { background: linear-gradient(135deg, #c4b5fd, #7c3aed); }\n.fmstr-cmp-foof-tpl__visual--sweat { background: linear-gradient(135deg, #67e8f9, #0891b2); }\n.fmstr-cmp-foof-tpl__visual--fund { background: linear-gradient(135deg, #86efac, #059669); }\n.fmstr-cmp-foof-tpl__visual--school { background: linear-gradient(135deg, #c7d2fe, #4338ca); }\n.fmstr-cmp-foof-tpl__emoji { font-size: 32px; }\n.fmstr-cmp-foof-tpl__meta-pill { padding: 3px 8px; background: rgba(255,255,255,0.32); border: 1px solid rgba(255,255,255,0.5); border-radius: 6px; font-size: 10.5px; font-weight: 800; letter-spacing: 0.05em; }\n.fmstr-cmp-foof-tpl__visual-name { font-size: 17px; font-weight: 800; margin: 2px 0 0; letter-spacing: -0.01em; }\n.fmstr-cmp-foof-tpl__body { padding: 18px 22px; display: flex; flex-direction: column; gap: 6px; }\n.fmstr-cmp-foof-tpl__title { margin: 0; font-size: 16px; font-weight: 700; color: var(--c-fg-1); }\n.fmstr-cmp-foof-tpl__copy { margin: 0; font-size: 14px; line-height: 1.55; color: var(--c-fg-2); }\n.fmstr-cmp-foof-tpl__cta { margin-top: auto; padding-top: 10px; display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 700; color: var(--c-violet-700) !important; }\n.fmstr-cmp-foof-tpl__more-wrap { text-align: center; margin: 36px 0 0; }\n.fmstr-cmp-foof-tpl__more { display: inline-flex; align-items: center; gap: 8px; padding: 13px 22px; border-radius: 999px; background: #fff !important; color: var(--c-violet-700) !important; font-weight: 600; font-size: 14.5px; border: 1px solid var(--c-border); }\n.fmstr-cmp-foof-tpl__more:hover { border-color: var(--c-violet-700); background: var(--c-tint) !important; }\n@media (max-width: 880px) { .fmstr-cmp-foof-tpl { padding: 64px 18px; } .fmstr-cmp-foof-tpl__grid { grid-template-columns: repeat(2, 1fr); } }\n@media (max-width: 540px) { .fmstr-cmp-foof-tpl__grid { grid-template-columns: 1fr; } }\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-foof-tpl\">\n\u003Cdiv class=\"fmstr-cmp-foof-tpl__container\">\n\u003Cdiv class=\"fmstr-cmp-foof-tpl__header\">\n\u003Ch2 class=\"fmstr-cmp-foof-tpl__h2\">Free order form templates, ready to clone\u003C/h2>\n\u003Cp class=\"fmstr-cmp-foof-tpl__sub\">Open any template, hit Use this template, and the form lands in your account with the product field, variants, and conditional logic pre-wired. Swap the products for yours and publish.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-tpl__grid\">\n\u003Ca href=\"https://formester.com/templates/product-order-form-33229/\" class=\"fmstr-cmp-foof-tpl__card\">\u003Cdiv class=\"fmstr-cmp-foof-tpl__visual fmstr-cmp-foof-tpl__visual--gen\">\u003Cspan class=\"fmstr-cmp-foof-tpl__emoji\">🛍️\u003C/span>\u003Cdiv>\u003Cspan class=\"fmstr-cmp-foof-tpl__meta-pill\">STARTER\u003C/span>\u003Cp class=\"fmstr-cmp-foof-tpl__visual-name\">Product Order\u003C/p>\u003C/div>\u003C/div>\u003Cdiv class=\"fmstr-cmp-foof-tpl__body\">\u003Ch3 class=\"fmstr-cmp-foof-tpl__title\">Product Order Form\u003C/h3>\u003Cp class=\"fmstr-cmp-foof-tpl__copy\">The generic starter with Product Catalogue, variants, stock, and Stripe wired up.\u003C/p>\u003Cspan class=\"fmstr-cmp-foof-tpl__cta\">Use this template →\u003C/span>\u003C/div>\u003C/a>\n\n\u003Ca href=\"https://formester.com/templates/bakery-order-form-33214/\" class=\"fmstr-cmp-foof-tpl__card\">\u003Cdiv class=\"fmstr-cmp-foof-tpl__visual fmstr-cmp-foof-tpl__visual--bake\">\u003Cspan class=\"fmstr-cmp-foof-tpl__emoji\">🥐\u003C/span>\u003Cdiv>\u003Cspan class=\"fmstr-cmp-foof-tpl__meta-pill\" style=\"color:#7c2d12;\">FOOD\u003C/span>\u003Cp class=\"fmstr-cmp-foof-tpl__visual-name\">Bakery\u003C/p>\u003C/div>\u003C/div>\u003Cdiv class=\"fmstr-cmp-foof-tpl__body\">\u003Ch3 class=\"fmstr-cmp-foof-tpl__title\">Bakery Order Form\u003C/h3>\u003Cp class=\"fmstr-cmp-foof-tpl__copy\">Pickup window, per-flavor stock, size and glaze variants.\u003C/p>\u003Cspan class=\"fmstr-cmp-foof-tpl__cta\">Use this template →\u003C/span>\u003C/div>\u003C/a>\n\n\u003Ca href=\"https://formester.com/templates/apparel-order-form-32860/\" class=\"fmstr-cmp-foof-tpl__card\">\u003Cdiv class=\"fmstr-cmp-foof-tpl__visual fmstr-cmp-foof-tpl__visual--apparel\">\u003Cspan class=\"fmstr-cmp-foof-tpl__emoji\">👕\u003C/span>\u003Cdiv>\u003Cspan class=\"fmstr-cmp-foof-tpl__meta-pill\">APPAREL\u003C/span>\u003Cp class=\"fmstr-cmp-foof-tpl__visual-name\">Apparel\u003C/p>\u003C/div>\u003C/div>\u003Cdiv class=\"fmstr-cmp-foof-tpl__body\">\u003Ch3 class=\"fmstr-cmp-foof-tpl__title\">Apparel Order Form\u003C/h3>\u003Cp class=\"fmstr-cmp-foof-tpl__copy\">Size and color variants on a single tee card, per-size stock.\u003C/p>\u003Cspan class=\"fmstr-cmp-foof-tpl__cta\">Use this template →\u003C/span>\u003C/div>\u003C/a>\n\n\u003Ca href=\"https://formester.com/templates/custom-sweatshirt-order-form-32862/\" class=\"fmstr-cmp-foof-tpl__card\">\u003Cdiv class=\"fmstr-cmp-foof-tpl__visual fmstr-cmp-foof-tpl__visual--sweat\">\u003Cspan class=\"fmstr-cmp-foof-tpl__emoji\">🎽\u003C/span>\u003Cdiv>\u003Cspan class=\"fmstr-cmp-foof-tpl__meta-pill\">MADE-TO-ORDER\u003C/span>\u003Cp class=\"fmstr-cmp-foof-tpl__visual-name\">Custom Sweatshirt\u003C/p>\u003C/div>\u003C/div>\u003Cdiv class=\"fmstr-cmp-foof-tpl__body\">\u003Ch3 class=\"fmstr-cmp-foof-tpl__title\">Custom Sweatshirt Order Form\u003C/h3>\u003Cp class=\"fmstr-cmp-foof-tpl__copy\">Logo upload, deposit charge, made-to-order workflow.\u003C/p>\u003Cspan class=\"fmstr-cmp-foof-tpl__cta\">Use this template →\u003C/span>\u003C/div>\u003C/a>\n\n\u003Ca href=\"https://formester.com/templates/fundraiser-order-form-32857/\" class=\"fmstr-cmp-foof-tpl__card\">\u003Cdiv class=\"fmstr-cmp-foof-tpl__visual fmstr-cmp-foof-tpl__visual--fund\">\u003Cspan class=\"fmstr-cmp-foof-tpl__emoji\">🎗️\u003C/span>\u003Cdiv>\u003Cspan class=\"fmstr-cmp-foof-tpl__meta-pill\">FUNDRAISER\u003C/span>\u003Cp class=\"fmstr-cmp-foof-tpl__visual-name\">Fundraiser\u003C/p>\u003C/div>\u003C/div>\u003Cdiv class=\"fmstr-cmp-foof-tpl__body\">\u003Ch3 class=\"fmstr-cmp-foof-tpl__title\">Fundraiser Order Form\u003C/h3>\u003Cp class=\"fmstr-cmp-foof-tpl__copy\">Tiered pledges, per-tier stock, reward-shipping fields.\u003C/p>\u003Cspan class=\"fmstr-cmp-foof-tpl__cta\">Use this template →\u003C/span>\u003C/div>\u003C/a>\n\n\u003Ca href=\"https://formester.com/templates/school-picture-day-order-form-32854/\" class=\"fmstr-cmp-foof-tpl__card\">\u003Cdiv class=\"fmstr-cmp-foof-tpl__visual fmstr-cmp-foof-tpl__visual--school\">\u003Cspan class=\"fmstr-cmp-foof-tpl__emoji\">📸\u003C/span>\u003Cdiv>\u003Cspan class=\"fmstr-cmp-foof-tpl__meta-pill\">SCHOOL\u003C/span>\u003Cp class=\"fmstr-cmp-foof-tpl__visual-name\">Picture Day\u003C/p>\u003C/div>\u003C/div>\u003Cdiv class=\"fmstr-cmp-foof-tpl__body\">\u003Ch3 class=\"fmstr-cmp-foof-tpl__title\">School Picture Day Order Form\u003C/h3>\u003Cp class=\"fmstr-cmp-foof-tpl__copy\">Package variants, sibling discount, parent contact fields.\u003C/p>\u003Cspan class=\"fmstr-cmp-foof-tpl__cta\">Use this template →\u003C/span>\u003C/div>\u003C/a>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-tpl__more-wrap\">\n\u003Ca href=\"https://formester.com/templates/categories/order-forms/\" class=\"fmstr-cmp-foof-tpl__more\">Browse the full set of order forms\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M3 8h10M9 4l4 4-4 4\"/>\u003C/svg>\n\u003C/a>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",{"id":190,"__component":168,"markup":191,"useContainer":170},780,"\u003Cstyle>\n.fmstr-cmp-foof-cta a { text-decoration: none !important; }\n.fmstr-cmp-foof-cta { --c-fg-on-dark: #fff; --c-fg-on-dark-2: rgba(255,255,255,0.78); --c-fg-on-dark-3: rgba(255,255,255,0.6); padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-on-dark); position: relative; overflow: hidden; background: radial-gradient(ellipse at 20% 0%, rgba(127,86,217,0.6) 0%, transparent 55%), radial-gradient(ellipse at 80% 100%, rgba(91,52,177,0.6) 0%, transparent 55%), linear-gradient(135deg, #2a1568 0%, #3f1d8a 50%, #5b34b1 100%); }\n.fmstr-cmp-foof-cta *, .fmstr-cmp-foof-cta *::before, .fmstr-cmp-foof-cta *::after { box-sizing: border-box; }\n.fmstr-cmp-foof-cta > *, .fmstr-cmp-foof-cta > * > * { min-width: 0; }\n.fmstr-cmp-foof-cta__grid { position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(ellipse at center, #000 0%, transparent 75%); }\n.fmstr-cmp-foof-cta__container { position: relative; max-width: 880px; margin: 0 auto; text-align: center; }\n.fmstr-cmp-foof-cta__eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; margin-bottom: 22px; border-radius: 999px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.18); font-size: 13px; font-weight: 600; }\n.fmstr-cmp-foof-cta__eyebrow-dot { width: 8px; height: 8px; border-radius: 50%; background: #12b76a; box-shadow: 0 0 0 4px rgba(18,183,106,0.3); animation: foofPulse 2.2s infinite; }\n@keyframes foofPulse { 0%, 100% { box-shadow: 0 0 0 4px rgba(18,183,106,0.3); } 50% { box-shadow: 0 0 0 8px rgba(18,183,106,0.05); } }\n.fmstr-cmp-foof-cta__h2 { margin: 0 0 18px; font-size: clamp(32px, 4.4vw, 50px); line-height: 1.12; letter-spacing: -0.024em; font-weight: 700; }\n.fmstr-cmp-foof-cta__sub { margin: 0 auto 12px; max-width: 720px; font-size: 17px; line-height: 1.6; color: var(--c-fg-on-dark-2); }\n.fmstr-cmp-foof-cta__meta { margin: 0 auto 36px; font-size: 13.5px; color: var(--c-fg-on-dark-3); }\n.fmstr-cmp-foof-cta__ctas { display: inline-flex; gap: 14px; flex-wrap: wrap; justify-content: center; align-items: center; }\n.fmstr-cmp-foof-cta__primary { display: inline-flex; align-items: center; gap: 8px; padding: 14px 26px; border-radius: 999px; background: #fff !important; color: #5b34b1 !important; font-weight: 700; font-size: 15px; border: 1px solid #fff; box-shadow: 0 8px 24px rgba(0,0,0,0.18); }\n.fmstr-cmp-foof-cta__primary:hover { background: #f7f3ff !important; }\n.fmstr-cmp-foof-cta__secondary { display: inline-flex; align-items: center; gap: 6px; padding: 14px 22px; border-radius: 999px; background: rgba(255,255,255,0.08) !important; color: #fff !important; font-weight: 600; font-size: 15px; border: 1px solid rgba(255,255,255,0.28); }\n.fmstr-cmp-foof-cta__secondary:hover { background: rgba(255,255,255,0.14) !important; }\n.fmstr-cmp-foof-cta__stats { margin-top: 44px; padding-top: 32px; border-top: 1px solid rgba(255,255,255,0.12); display: flex; gap: 24px; justify-content: center; flex-wrap: wrap; }\n.fmstr-cmp-foof-cta__stat { display: flex; flex-direction: column; align-items: center; gap: 4px; }\n.fmstr-cmp-foof-cta__stat-num { font-size: 22px; font-weight: 700; }\n.fmstr-cmp-foof-cta__stat-label { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--c-fg-on-dark-3); }\n@media (max-width: 720px) { .fmstr-cmp-foof-cta { padding: 64px 20px; } }\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-foof-cta\">\n\u003Cdiv class=\"fmstr-cmp-foof-cta__grid\" aria-hidden=\"true\">\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-cta__container\">\n\u003Cspan class=\"fmstr-cmp-foof-cta__eyebrow\">\u003Cspan class=\"fmstr-cmp-foof-cta__eyebrow-dot\">\u003C/span>FIRST ORDER IN UNDER A MINUTE\u003C/span>\n\u003Ch2 class=\"fmstr-cmp-foof-cta__h2\">Take your first paid order today\u003C/h2>\n\u003Cp class=\"fmstr-cmp-foof-cta__sub\">Free for 100 orders a month, no credit card, Stripe and PayPal connect in under a minute.\u003C/p>\n\u003Cp class=\"fmstr-cmp-foof-cta__meta\">10 forms included · branding removable on Personal at $13 a month.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-foof-cta__ctas\">\n\u003Ca href=\"https://app.formester.com/users/sign_up\" class=\"fmstr-cmp-foof-cta__primary\">Build a free order form\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M3 8h10M9 4l4 4-4 4\"/>\u003C/svg>\n\u003C/a>\n\u003Ca href=\"https://formester.com/templates/categories/order-forms/\" class=\"fmstr-cmp-foof-cta__secondary\">Browse order form templates\u003C/a>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-cta__stats\">\n\u003Cdiv class=\"fmstr-cmp-foof-cta__stat\">\u003Cspan class=\"fmstr-cmp-foof-cta__stat-num\">100 / mo\u003C/span>\u003Cspan class=\"fmstr-cmp-foof-cta__stat-label\">Free orders\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-cta__stat\">\u003Cspan class=\"fmstr-cmp-foof-cta__stat-num\">3\u003C/span>\u003Cspan class=\"fmstr-cmp-foof-cta__stat-label\">Payment gateways\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-cta__stat\">\u003Cspan class=\"fmstr-cmp-foof-cta__stat-num\">$0\u003C/span>\u003Cspan class=\"fmstr-cmp-foof-cta__stat-label\">Formester fee\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-cta__stat\">\u003Cspan class=\"fmstr-cmp-foof-cta__stat-num\">100MB\u003C/span>\u003Cspan class=\"fmstr-cmp-foof-cta__stat-label\">File uploads\u003C/span>\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",{"id":193,"__component":168,"markup":194,"useContainer":170},781,"\u003Cstyle>\n.fmstr-cmp-foof-faq { --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff; --c-fg-1: #101828; --c-fg-2: #475467; --c-violet-700: #5b34b1; --c-border: #eaecf0; background: #fff; padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1); }\n.fmstr-cmp-foof-faq *, .fmstr-cmp-foof-faq *::before, .fmstr-cmp-foof-faq *::after { box-sizing: border-box; }\n.fmstr-cmp-foof-faq > *, .fmstr-cmp-foof-faq > * > * { min-width: 0; }\n.fmstr-cmp-foof-faq__container { max-width: 880px; margin: 0 auto; }\n.fmstr-cmp-foof-faq__header { text-align: center; margin-bottom: 48px; }\n.fmstr-cmp-foof-faq__h2 { margin: 0 0 14px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-foof-faq__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-foof-faq__list { display: flex; flex-direction: column; gap: 12px; }\n.fmstr-cmp-foof-faq__item { background: #fff; border: 1px solid var(--c-border); border-radius: 14px; overflow: hidden; transition: border-color .2s ease; }\n.fmstr-cmp-foof-faq__item:hover, .fmstr-cmp-foof-faq__item[open] { border-color: var(--c-edge); }\n.fmstr-cmp-foof-faq__summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 26px; cursor: pointer; font-size: 16px; font-weight: 600; color: var(--c-fg-1); }\n.fmstr-cmp-foof-faq__summary::-webkit-details-marker { display: none; }\n.fmstr-cmp-foof-faq__chev { flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--c-tint); color: var(--c-violet-700); display: inline-flex; align-items: center; justify-content: center; transition: transform .25s ease; }\n.fmstr-cmp-foof-faq__item[open] .fmstr-cmp-foof-faq__chev { transform: rotate(180deg); }\n.fmstr-cmp-foof-faq__answer { padding: 0 26px 22px; font-size: 15px; line-height: 1.65; color: var(--c-fg-2); }\n@media (max-width: 560px) { .fmstr-cmp-foof-faq { padding: 64px 18px; } .fmstr-cmp-foof-faq__summary { padding: 18px 20px; font-size: 15.5px; } .fmstr-cmp-foof-faq__answer { padding: 0 20px 18px; } }\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-foof-faq\">\n\u003Cdiv class=\"fmstr-cmp-foof-faq__container\">\n\u003Cdiv class=\"fmstr-cmp-foof-faq__header\">\n\u003Ch2 class=\"fmstr-cmp-foof-faq__h2\">Free order form FAQs\u003C/h2>\n\u003Cp class=\"fmstr-cmp-foof-faq__sub\">Honest answers on fees, processors, inventory, and what the free plan ships.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-faq__list\">\n\u003Cdetails class=\"fmstr-cmp-foof-faq__item\">\u003Csummary class=\"fmstr-cmp-foof-faq__summary\">Is accepting payments through this form really free?\u003Cspan class=\"fmstr-cmp-foof-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\u003Cdiv class=\"fmstr-cmp-foof-faq__answer\">Yes, on the form-builder side. Formester does not charge a transaction fee or a percentage on orders. You pay the standard Stripe or PayPal processor fee on each charge (those are set by Stripe and PayPal, not by Formester) and you stay free on Formester up to 100 paid responses a month.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-foof-faq__item\">\u003Csummary class=\"fmstr-cmp-foof-faq__summary\">Do I need a Stripe or PayPal account?\u003Cspan class=\"fmstr-cmp-foof-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\u003Cdiv class=\"fmstr-cmp-foof-faq__answer\">Yes. Formester does not process money, the processor does. You connect an existing Stripe, PayPal, or Authorize.Net account in the Integrations tab. If you do not have one, Stripe and PayPal both let you open an account in about 10 minutes; you just need a bank account and basic business or personal ID.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-foof-faq__item\">\u003Csummary class=\"fmstr-cmp-foof-faq__summary\">What are the payment processor fees?\u003Cspan class=\"fmstr-cmp-foof-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\u003Cdiv class=\"fmstr-cmp-foof-faq__answer\">Stripe and PayPal both publish a standard rate (commonly around 2.9% plus 30 cents per successful card charge in the US, with different rates internationally and for specific account types). The exact number depends on your country, card type, and account. Formester does not take a cut on top, so the processor's published rate is what you pay.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-foof-faq__item\">\u003Csummary class=\"fmstr-cmp-foof-faq__summary\">Can I sell digital products?\u003Cspan class=\"fmstr-cmp-foof-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\u003Cdiv class=\"fmstr-cmp-foof-faq__answer\">Yes, with a workaround. Formester is not a digital download host. Use the order form to collect payment, then send the digital file as an email attachment on the autoresponder, or paste a Google Drive / Dropbox / S3 link in the thank-you page or confirmation email. For high-volume digital sales with license keys or DRM, a purpose-built tool is the better fit.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-foof-faq__item\">\u003Csummary class=\"fmstr-cmp-foof-faq__summary\">How do I track inventory?\u003Cspan class=\"fmstr-cmp-foof-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\u003Cdiv class=\"fmstr-cmp-foof-faq__answer\">Open the Inventory tab on any product in the Product Catalogue field. Set a stock count on the product or on a specific variant. Flip \u003Cem>disable when sold out\u003C/em> and the option goes grey the moment the last unit is reserved. Stock updates in real time, so two buyers on the same form cannot both claim the last unit.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-foof-faq__item\">\u003Csummary class=\"fmstr-cmp-foof-faq__summary\">Can the form calculate taxes and shipping?\u003Cspan class=\"fmstr-cmp-foof-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\u003Cdiv class=\"fmstr-cmp-foof-faq__answer\">Yes, through the Calculating Fields block. Add a percentage tax rate, a flat shipping fee, or a tiered shipping rate based on the total order value. You can also add discount codes (percentage off or flat amount off). The grand total updates live as the buyer fills the form, so the amount on the Pay button matches the amount charged.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-foof-faq__item\">\u003Csummary class=\"fmstr-cmp-foof-faq__summary\">What if I exceed 100 submissions a month?\u003Cspan class=\"fmstr-cmp-foof-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\u003Cdiv class=\"fmstr-cmp-foof-faq__answer\">The form keeps collecting orders, but new responses past 100 are held until you upgrade or the next billing cycle starts. Most sellers upgrade to Personal at $13 a month for 1,000 responses a month, or to Business at $49 a month for 15,000 responses.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-foof-faq__item\">\u003Csummary class=\"fmstr-cmp-foof-faq__summary\">Can customers order multiple items in one submission?\u003Cspan class=\"fmstr-cmp-foof-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\u003Cdiv class=\"fmstr-cmp-foof-faq__answer\">Yes. The Product Catalogue field is built for multi-item orders. The buyer picks a product, picks variants, sets quantity, then adds it to the order and keeps shopping. The order summary shows every line, the subtotal, any discount and tax lines, and the grand total. One payment charges the whole order.\u003C/div>\u003C/details>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",{"id":196,"__component":168,"markup":197,"useContainer":170},782,"\u003Cstyle>\n.fmstr-cmp-foof-rel a { text-decoration: none !important; }\n.fmstr-cmp-foof-rel { --c-soft: #f9fafb; --c-edge: #e4d7ff; --c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586; --c-violet-500: #7f56d9; --c-violet-700: #5b34b1; --c-border: #eaecf0; background: var(--c-soft); padding: 88px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1); border-top: 1px solid var(--c-border); }\n.fmstr-cmp-foof-rel *, .fmstr-cmp-foof-rel *::before, .fmstr-cmp-foof-rel *::after { box-sizing: border-box; }\n.fmstr-cmp-foof-rel > *, .fmstr-cmp-foof-rel > * > * { min-width: 0; }\n.fmstr-cmp-foof-rel__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-foof-rel__header { max-width: 720px; margin: 0 auto 40px; text-align: center; }\n.fmstr-cmp-foof-rel__h2 { margin: 0 0 12px; font-size: clamp(26px, 3.2vw, 36px); line-height: 1.18; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-foof-rel__sub { margin: 0; font-size: 16px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-foof-rel__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }\n.fmstr-cmp-foof-rel__card { display: flex; gap: 14px; padding: 18px 20px; background: #fff; border: 1px solid var(--c-border); border-radius: 12px; color: inherit !important; transition: border-color .2s ease, transform .2s ease; }\n.fmstr-cmp-foof-rel__card:hover { border-color: var(--c-edge); transform: translateY(-1px); }\n.fmstr-cmp-foof-rel__icon { flex-shrink: 0; width: 36px; height: 36px; border-radius: 10px; background: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700)); color: #fff; display: inline-flex; align-items: center; justify-content: center; }\n.fmstr-cmp-foof-rel__icon svg { width: 18px; height: 18px; }\n.fmstr-cmp-foof-rel__title { margin: 0; font-size: 15px; font-weight: 700; color: var(--c-fg-1); }\n.fmstr-cmp-foof-rel__copy { margin: 4px 0 0; font-size: 14px; line-height: 1.5; color: var(--c-fg-2); }\n@media (max-width: 720px) { .fmstr-cmp-foof-rel { padding: 56px 18px; } .fmstr-cmp-foof-rel__grid { grid-template-columns: 1fr; } }\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-foof-rel\">\n\u003Cdiv class=\"fmstr-cmp-foof-rel__container\">\n\u003Cdiv class=\"fmstr-cmp-foof-rel__header\">\n\u003Ch2 class=\"fmstr-cmp-foof-rel__h2\">Related features and guides\u003C/h2>\n\u003Cp class=\"fmstr-cmp-foof-rel__sub\">Deep-dive pages for everything the order form touches.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-foof-rel__grid\">\n\u003Ca href=\"https://formester.com/features/product-order-form/\" class=\"fmstr-cmp-foof-rel__card\">\u003Cspan class=\"fmstr-cmp-foof-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"/>\u003Cpath d=\"M3 9h18M7 14h4\"/>\u003C/svg>\u003C/span>\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-foof-rel__title\">Product Order Form feature\u003C/h3>\u003Cp class=\"fmstr-cmp-foof-rel__copy\">The full product-order-form deep-dive page.\u003C/p>\u003C/div>\u003C/a>\n\u003Ca href=\"https://formester.com/features/online-payments/\" class=\"fmstr-cmp-foof-rel__card\">\u003Cspan class=\"fmstr-cmp-foof-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"/>\u003Cline x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"/>\u003C/svg>\u003C/span>\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-foof-rel__title\">Online Payments feature\u003C/h3>\u003Cp class=\"fmstr-cmp-foof-rel__copy\">All payment processor integrations and how they connect.\u003C/p>\u003C/div>\u003C/a>\n\u003Ca href=\"https://formester.com/integrations/stripe/\" class=\"fmstr-cmp-foof-rel__card\">\u003Cspan class=\"fmstr-cmp-foof-rel__icon\" style=\"background: #635BFF; font-family: ui-sans-serif, -apple-system, system-ui; font-weight: 700; font-size: 11.5px; letter-spacing: -0.04em; color: #fff;\">stripe\u003C/span>\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-foof-rel__title\">Stripe integration\u003C/h3>\u003Cp class=\"fmstr-cmp-foof-rel__copy\">What the Stripe connect flow looks like.\u003C/p>\u003C/div>\u003C/a>\n\u003Ca href=\"https://formester.com/integrations/paypal/\" class=\"fmstr-cmp-foof-rel__card\">\u003Cspan class=\"fmstr-cmp-foof-rel__icon\" style=\"background: #003087; color: #fff; font-style: italic; font-weight: 900; font-size: 17px; letter-spacing: -0.04em; font-family: ui-sans-serif, -apple-system, system-ui;\">\u003Cspan style=\"color: #fff;\">P\u003C/span>\u003Cspan style=\"color: #009CDE;\">P\u003C/span>\u003C/span>\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-foof-rel__title\">PayPal integration\u003C/h3>\u003Cp class=\"fmstr-cmp-foof-rel__copy\">What the PayPal connect flow looks like.\u003C/p>\u003C/div>\u003C/a>\n\u003Ca href=\"https://formester.com/features/calculating-fields/\" class=\"fmstr-cmp-foof-rel__card\">\u003Cspan class=\"fmstr-cmp-foof-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"/>\u003Cpath d=\"M8 7h8M8 11h2M12 11h2M16 11h0M8 15h2M12 15h2M16 15h0M8 19h2M12 19h2M16 19h0\"/>\u003C/svg>\u003C/span>\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-foof-rel__title\">Calculating Fields\u003C/h3>\u003Cp class=\"fmstr-cmp-foof-rel__copy\">Live line totals, discounts, tax, shipping.\u003C/p>\u003C/div>\u003C/a>\n\u003Ca href=\"https://formester.com/features/conditional-logic/\" class=\"fmstr-cmp-foof-rel__card\">\u003Cspan class=\"fmstr-cmp-foof-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 7h6l4 5-4 5H4M14 12h6\"/>\u003C/svg>\u003C/span>\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-foof-rel__title\">Conditional Logic\u003C/h3>\u003Cp class=\"fmstr-cmp-foof-rel__copy\">Show and hide fields based on buyer choices.\u003C/p>\u003C/div>\u003C/a>\n\u003Ca href=\"https://formester.com/features/file-upload-forms/\" class=\"fmstr-cmp-foof-rel__card\">\u003Cspan class=\"fmstr-cmp-foof-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/>\u003Cpolyline points=\"17 8 12 3 7 8\"/>\u003Cline x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"/>\u003C/svg>\u003C/span>\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-foof-rel__title\">File Upload Forms\u003C/h3>\u003Cp class=\"fmstr-cmp-foof-rel__copy\">Reference images, briefs, design files.\u003C/p>\u003C/div>\u003C/a>\n\u003Ca href=\"https://formester.com/pricing/\" class=\"fmstr-cmp-foof-rel__card\">\u003Cspan class=\"fmstr-cmp-foof-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7H14a3.5 3.5 0 0 1 0 7H6\"/>\u003C/svg>\u003C/span>\u003Cdiv>\u003Ch3 class=\"fmstr-cmp-foof-rel__title\">Pricing\u003C/h3>\u003Cp class=\"fmstr-cmp-foof-rel__copy\">Response caps and what each paid tier adds.\u003C/p>\u003C/div>\u003C/a>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",1781362402328]