Smart Form Builder by TiwaaDocumentation
Everything you need to build and publish forms with Smart Form Builder.
On this page
Getting Started
1
Install the app
Install Smart Form Builder from the Shopify App Store. Your shop is provisioned automatically and your 7-day free trial starts — no credit card required.
2
Build your first form
In the app, click "New form", give it a name, then add fields from the visual picker. Drag to reorder, click ✏️ to rename, and toggle Required. Configure submit message, captcha, integrations, and look-and-feel under the Settings / Design / Integrations tabs.
3
Publish and embed
Click "Publish" on the editor. Then go to Online Store → Themes → Customize, click "Add section" or "Add block", and pick the "Smart Form" block. Choose your form from the dropdown and save.
4
Receive submissions
Submissions appear in the Submissions tab in real time. Configure email notifications, autoresponders, and integrations (Klaviyo, Mailchimp, Slack, generic webhook) per form to fan out submissions to wherever you need them.
Features
14 starter templatesAll plans
Contact, Booking, Newsletter, Custom order, Wholesale, Survey, Registration, Pricing quote, Pop-up, Feedback, Application, File upload, Multi-step — or start blank. Pick one when creating a form; everything stays editable.
19 field typesAll plans
Short / long text, email, phone, number, dropdown, radio, checkboxes, date, time, file upload, rating, signature, address, consent, hidden, HTML, divider.
Drag-and-drop builderAll plans
Visual editor with inline label editing, click-to-rename, drag handles, duplicate, per-field expandable settings, and responsive desktop/mobile column widths.
Conditional logic + multi-stepAll plans
Show or hide fields based on prior answers (evaluated live), and split long forms into multiple steps with an optional progress bar.
Popup display modeAll plans
Show a launcher button that opens the form in a modal — ideal for discount offers and lead capture — or embed it inline.
Multi-language formsAll plans
Add languages and per-string translations (labels, options, buttons, success message). A language switcher appears on the form automatically.
Form limits & schedulingAll plans
Auto-close a form on a date/time or after a maximum number of submissions, with a custom closed message. Enforced server-side.
Custom CSS & JavaScriptAll plans
Per-form CSS (scoped to the form) and a JS hook that runs after the form mounts, for advanced styling and behavior.
Theme App BlockAll plans
Native Shopify Online Store 2.0 block. Edge-rendered via Cloudflare Pages for sub-100ms first paint. Picks forms via a dropdown — no copy-paste IDs.
Cloudflare Turnstile + honeypotAll plans
Privacy-friendly spam protection. Faster than reCAPTCHA, no Google dependency. Honeypot field silently drops bots.
Integrations: Klaviyo, Mailchimp, Slack, Google Sheets, generic webhookBasic & Pro
Forward every submission to your downstream tools. Configure per form. Webhook payloads are signed if you provide a secret.
File uploads to Cloudflare R2Basic & Pro
Native file-upload field. 10 MB on Basic, 100 MB on Pro. MIME type and size enforced server-side.
AI form generatorPro only
Describe the form you want and get a ready-to-edit draft. Powered by Claude via Cloudflare AI Gateway. 20 generations / day per shop.
A/B testing & funnel analyticsPro only
Field-level drop-off analytics and form-level A/B variants. See where your submitters quit and which version converts better.
Customer Account, Checkout, POS formsPro only
Place forms in the new Shopify Customer Account UI, post-purchase Checkout extension, or POS — not just the storefront. None of the top 3 competitors offer this.
Shopify Flow + FunctionsPro only
Trigger Flow workflows on submit, or use Shopify Functions to issue a discount code on form completion (e.g., quiz-based coupons).
FAQ
How do I add a form to my theme?
Open Online Store → Themes → Customize. Click "Add section" or "Add block" and search for "Smart Form". Pick your form from the dropdown and save.
My form doesn't appear in the dropdown
Open the form in the app and click Save (or Publish). The form is synced to a Shopify metaobject on save, which is what the dropdown reads from. New forms appear in the theme editor right after the first save.
What's the difference between Basic and Pro?
Basic ($7.99/mo): 5,000 submissions/mo, all integrations, 10 MB file uploads. Pro ($19.99/mo): 50,000 submissions/mo, 100 MB uploads, AI generator, A/B testing, Customer Account / Checkout / POS forms, Shopify Flow + Functions.
Where are submissions stored?
In our Cloudflare D1 database, namespaced per shop. File uploads live in Cloudflare R2. You can export to CSV or forward to Klaviyo / Mailchimp / Sheets / Slack / generic webhook on submit.
How does spam protection work?
We use Cloudflare Turnstile by default (free, privacy-friendly, faster than reCAPTCHA). A hidden honeypot field also silently drops bot submissions. You can switch to reCAPTCHA v3 or hCaptcha in Settings.
Can I cancel anytime?
Yes. All plans are month-to-month through Shopify Billing. Cancel from Shopify admin → Settings → Billing. Your plan stays active until the end of the billing cycle.
Will forms slow down my store?
No. Forms are edge-rendered via Cloudflare Pages and cached in KV. First paint is sub-100ms. The renderer is vanilla JS — no React, no framework bloat on the storefront.
Is GDPR / CCPA covered?
Yes. We implement all mandatory Shopify GDPR webhooks, encrypt access tokens at rest, and provide consent fields and data-retention controls. See the Data Processing page for the sub-processor list and retention details.
Changelog
v1.0.0April 2026
- Initial launch — drag-and-drop builder with 19 field types
- Theme app block with metaobject-powered form picker
- Submissions inbox + email notifications + autoresponders
- Integrations: Klaviyo, Mailchimp, Slack, Google Sheets, generic webhook
- Cloudflare Turnstile + honeypot spam protection
- AI form generator (Pro)
- Customer Account / Checkout / POS UI extensions (Pro)
- Free 7-day trial, Basic and Pro plans via Shopify Billing
- GDPR webhooks: customers/data_request, customers/redact, shop/redact