Everything you need to know about creating, editing, and publishing forms with EZFormz.
Get your first order form live in under 5 minutes:
From your Dashboard, click the "+ New Form" button. You'll be asked for:
| Template | Includes |
|---|---|
| Blank Form | Empty canvas — build from scratch |
| Standard Order Form | Products, Name & Email, Address, Payment Instructions, Payment Proof |
| Simple Product Form | Products, Name & Email, Payment Instructions |
| Contact Form | Name & Email, Subject (text), Message (textarea) |
You can also save any form as a custom template to reuse later.
The form builder has three main areas:
For text-based blocks (Form Header, Heading, Rich Text, Agreement), you can edit text directly on the canvas:
Drag blocks by their header bar to reorder them. You can also use the up/down arrows in the block header, or the double-up arrow to move a block to the top of its page.
Each block header has a Copy button to duplicate it and an × button to delete it. Singleton blocks (like Products or Name & Email) cannot be duplicated.
Click the Save button (or press Ctrl+S). The save button shows an orange dot when you have unsaved changes.
Click Undo or press Ctrl+Z to revert your last change. EZFormz keeps up to 30 undo steps per session.
Sections are the core building blocks of your form. Most are singletons — you can only have one per form.
Displays the form title, description, and optional header image at the top of your form. Edit the title and description directly on the canvas. Use the gear icon to upload a header image.
Displays your product catalog with images, descriptions, options/variants, and prices. Buyers select products and quantities here. See the Products section below for full details.
Collects the buyer's full name and email address. Both fields are required by default. Can be made optional in the properties panel. The email is used for confirmation emails and order notifications.
Collects a shipping address: Street, Street 2 (optional), City, State, ZIP, and Country. All fields except Street 2 are required by default. The entire section can be made optional in the properties panel.
Displays your payment instructions to the buyer (e.g., bank details, crypto address, Venmo info). Configure the text in the form builder — it shows as a highlighted info box on the public form.
Requires the buyer to upload a screenshot or image as proof of payment. Accepts JPG, PNG, GIF, and WebP up to 25MB.
Adds a coupon code field. You manage coupons (create codes, set percentage or fixed discounts, set max uses) in the properties panel. Discounts are applied to the order total.
Fields are input elements for collecting information from buyers. You can add as many as you need.
| Field | What It Does | What You Can Customize |
|---|---|---|
| Heading | Display-only section title | Text (edit directly on canvas) |
| Short Text | Single-line text input | Label, placeholder text, required or optional |
| Long Text | Multi-line text area | Label, placeholder text, required or optional |
| Number | Numeric input | Label, placeholder text, required or optional |
| Dropdown | Select one option from a list | Label, list of choices, required or optional |
| Single Choice | Radio buttons — pick one | Label, list of choices, required or optional |
| Multi Choice | Checkboxes — pick several | Label, list of choices, required or optional |
| Image Choice | Buyer picks from clickable image cards | Label, images with captions, allow picking one or multiple, required or optional |
| Multi Select | Searchable dropdown where buyer picks multiple options | Label, list of choices, required or optional |
| Phone | Phone number with auto-formatting | Label, placeholder text, required or optional |
| Price | Currency amount with $ prefix | Label, placeholder text, required or optional |
| Date | Date picker | Label, required or optional |
| Time | Time picker | Label, placeholder text, required or optional |
| Slider | A draggable slider the buyer sets to a number | Label, lowest and highest value, step size, starting position, show or hide the current value, required or optional |
| Star Rating | 1–5 star rating | Label, required or optional |
| File Upload | File upload (images) | Label, required or optional |
| Agreement | Checkbox the buyer must check | Text (edit on canvas), required by default |
| Rich Text | Formatted display text (bold, italic, links, bullets) | Content (edit directly on canvas) |
| Hidden Field | Invisible to buyers — captures data automatically | A name (for your reference), a default value, and optionally a URL parameter to pull a value from the link (e.g. ?ref=google) |
| Calculation | Auto-calculated value from other fields | Label, a formula using other field values, display as number, dollars, or percent |
After adding one of these fields, click it to open the properties panel. You'll see an options list where you can:
Calculation fields let you auto-compute values from other numeric fields. In the formula, reference fields by their label in curly braces:
{Quantity} * {Price} — multiply two fields{Subtotal} * 1.08 — add 8% tax({Rating} / 5) * 100 — convert rating to percentageOutput formats: Number, Currency ($), or Percent (%).
Each option in an Image Choice field has two parts: an image and a caption. Upload or paste a URL for each image, and give it a short label. Toggle "Allow Multiple" in the properties panel to let buyers pick more than one option.
Buyers see a compact dropdown they click to open. They can search to filter long lists, and selected items appear as removable tags above the dropdown. Works like checkboxes but takes up less space — great when you have many options.
A slider lets buyers drag a handle to pick a number within a range you define. Set the lowest value, highest value, step size (how much it moves per notch), and starting position. You can also choose to show or hide the current number next to the slider.
Hidden fields are not visible to buyers at all. They're useful for tracking where orders come from. Set a URL parameter name (like ref) and when someone opens your form via yourform.com/f/slug?ref=google, the hidden field automatically captures "google". You can also set a default value as a fallback.
A horizontal line to visually separate sections of your form.
Display an image on your form. Paste a URL or upload an image file. Great for banners, product photos, or instructions.
An expandable/collapsible content block with a clickable title bar. Buyers can click the header to show or hide the section's content. Configure the title, body text, and whether it starts expanded or collapsed.
The Products block is the core of any order form. Here's how to set it up:
Each product has one or more variants (also called options). Variants represent sizes, colors, packages, or any variation with its own price. Each variant has:
Click "Bulk Add" to paste a list of products. Supported formats:
Product Name - $29.99Product Name, 29.99Product Name | Description | Category | $29.99Each line becomes a product with one variant.
For large catalogs, use "Import CSV". Download the template CSV first to see the expected format. Columns:
| Column | Required | Description |
|---|---|---|
| product_name | Yes | Name of the product |
| description | No | Product description |
| category | No | Product category for filtering |
| option_label | Yes | Variant name (e.g., "Small") |
| price | Yes | Price (number, no $ sign) |
| stock | No | Stock quantity (blank = unlimited) |
Multiple rows with the same product_name are grouped as variants of the same product.
In the Products properties panel, you can configure:
Most blocks support style customization. Select a block and check the Style section in the properties panel (or use the inline toolbar for text blocks).
Select any block and look for the Style section in the properties panel. Available options include:
| Option | Values |
|---|---|
| Font | 26+ fonts across 5 categories: Sans-serif (Inter, Roboto, Poppins, Montserrat, and more), Serif (Playfair, Merriweather, Lora, and more), Display (Bebas Neue, Oswald), Handwriting (Pacifico, Dancing Script, and more), Monospace (JetBrains Mono, Fira Code) |
| Text Size | 15 presets from 10px to 64px |
| Weight | Regular, Medium, Semi-bold, Bold |
| Alignment | Left, Center, Right |
| Letter Spacing | Tight, Normal, Wide, Extra Wide |
| Line Height | Compact, Normal, Relaxed, Double |
| Font Color | Any color (hex picker) |
| Background Color | Any color (hex picker) |
| Text Decoration | None, Underline, Strikethrough, Italic |
| Opacity | 10% to 100% |
When you click a Heading, Form Header, Rich Text, or Agreement block, a toolbar appears with the most common formatting options: font, size, bold, italic, underline, alignment, font color, and background color.
For advanced options (letter spacing, line height, opacity, and block-specific settings like image upload), click the gear icon in the toolbar to open the full properties panel.
The Theme Engine lets you customize the look and feel of your entire form at once. Find it in Settings → Appearance. Changes apply to all blocks on the form.
Set your primary/accent color (used for buttons, links, and focus rings), page background, form card background, and text color.
Choose a font family that applies to the entire form. This sets the default font — individual blocks can still override it with per-block styles.
Customize button background color, text color, corner shape (square, rounded, or pill), and optional border.
Style all text inputs, dropdowns, and textareas at once — border color, background color, focus ring color, and corner shape.
Control how section blocks look: border color, width, and style (solid, dashed, dotted, double, none), corner roundness, and shadow intensity (none, subtle, medium, strong).
Customize the product card appearance: border color, corner roundness, and shadow intensity.
Set the form width (narrow, medium, standard, wide, or full width) and the spacing between sections (compact, normal, relaxed, or spacious).
Add a decorative border around the entire form. Choose the color, width, style (solid, double, dashed, dotted, groove, ridge), and corner shape (sharp or rounded).
Customize divider line color and style, as well as the cart summary box's border and background colors.
Don't want to build a theme from scratch? Pick a one-click preset — choose from standard color schemes or seasonal/holiday themes. You can always fine-tune any preset after applying it.
Split long forms into multiple pages to improve the buyer experience.
Click the "+ Add Page" button above or below any page on the canvas. This inserts a page break — all blocks after the break appear on the next page.
Click "× Remove Page" in the page header. The blocks from that page merge into the previous page.
Show or hide fields based on what the buyer enters in other fields.
Add multiple conditions and choose:
Almost any field that a buyer interacts with can be used as a condition source: Short Text, Long Text, Number, Dropdown, Single Choice, Multi Choice, Image Choice, Multi Select, Phone, Price, Date, Time, Slider, Star Rating, File Upload, Agreement, Hidden Field, Coupon Code, and Calculation.
When you set up a condition, the value input adapts to the source field type:
You can add conditional visibility to almost every block. The only exceptions are: Form Header, Payment Instructions, Page Break, Divider, and Heading.
Click the SETTINGS tab in the builder header to access all form settings.
The Appearance section contains the full Theme Engine — customize colors, fonts, buttons, inputs, product cards, form width, borders, and more. See the Theme Engine section under Styling & Formatting for full details.
Templates save your form layout and products so you can reuse them.
In the builder, go to SETTINGS → scroll to the Tools section → click "Save as Template". Give it a name, and your current blocks and products are saved.
Click "Load Template" in Settings. Choose from built-in presets or your saved templates. Loading a template replaces your current form layout.
In Settings → Tools, click "Download Backup" to save your entire form as a JSON file. This includes all blocks, products, settings, and theme configuration. To restore, click "Restore from Backup" and upload a previously downloaded file.
The share link format is: ezformz.net/f/your-form-slug
You can also find the share link in the PUBLISH tab of the builder header.
Click "View Orders" from the builder or dashboard to see all submissions for a form.
Each order shows:
| Shortcut | Action |
|---|---|
| Ctrl+S | Save form |
| Ctrl+Z | Undo last change |
| Escape | Deselect current block / exit inline editing |
| Ctrl+B | Toggle bold (while inline editing) |
| Ctrl+I | Toggle italic (while inline editing) |
| Ctrl+U | Toggle underline (while inline editing) |
On Mac, use Cmd instead of Ctrl.
EZFormz is built on enterprise-grade infrastructure designed to keep your data safe.
EZFormz runs on Cloudflare Workers — a global edge compute platform spanning 300+ cities. Your forms are served from the nearest data center to your customers, with Cloudflare’s built-in DDoS protection and CDN active on every request.
{Quantity} * {Price}. The result updates automatically as buyers fill in the form. You can format the output as a number, currency ($), or percentage (%).ezformz.net/f/myform?ref=google, a hidden field with URL parameter "ref" will automatically store "google" with the order. Use them to track where orders come from, which ad campaign sent them, or any other data you want to pass through the link.