> For the complete documentation index, see [llms.txt](https://kb.craftformswp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://kb.craftformswp.com/documentation/form-building/create-form.md).
# Create Form
### How to Create Your First Form with CraftForms
When you add a new form in Craft Forms, the editor opens with a clean creation screen and the popped up modal "Choose a starter" that gives you three distinct paths to get started
#### Step 1 — Choose How to Start Your Form
**Option A: Form Starters** *(pre-configured templates)* At the top, you'll find ready-made form templates to help you hit the ground running. The FREE and PRO versions have different set of starters. The PRO version simply offers many more starters.
Click any starter to load it into the editor pre-configured — fields, settings and all.
> 💡 **Tip:** If you're just getting started, a Form Starter is the fastest way to have a working form live on your site — you can always customize it further once it's loaded in the editor.
***
**Option B: Start from Scratch** Prefer full control? Click **"Start from scratch"** to open a blank canvas in the form editor and build your form field by field, exactly how you want it.
***
**Option C: ⬆️ Import from File** If you've previously exported a form from Craft Forms, you can bring it back by clicking **"Import from file"**. This is handy for duplicating forms across sites or restoring a backup.
***
#### Step 2 — Name Your Form
Once the editor loads, look at the **Form panel on the right side**. You'll notice your form is initially called *"No title"*. To rename it, click the **three-dot menu (⋮)** next to the title — the tooltip in the screenshot helpfully labels this as **"Click here to rename"**.
Give your form a clear, descriptive name (e.g. *"Contact Form"*) so it's easy to identify in your forms list later.
Once you've chosen your starting point, named your form, and configured your settings, clicking the **Publish** button in the top-right corner of the editor is the final step to make your form live and ready to be embedded on your site.
You can also click **Save draft** if you're not ready to publish yet and want to come back to it later.
***
#### Blocks/custom blocks composition
Blue rectangles highlight CraftForms custom blocks. Block highlighted in red is a standard Gutenberg block. You can mix\&match standard and custom blocks as well as blocks from third partly libraries.
**Important: CraftForms form fields blocks must be inside "Form (CraftForms)" block. Otherwise such fields will not be recognized by the form and will not work!**
[Learn more about CraftForms custom blocks here](/documentation/form-building/create-form/blocks.md).
***
#### What's Next?
After naming your form, you're ready to start building. [In the right-hand panel you'll also notice several sections](/documentation/form-building/create-form/form-settings-post-context.md) ready to configure:
* [**Submit Actions**](/documentation/form-building/create-form/form-settings-post-context/submit-actions.md) — define what happens when the form is submitted
* [**Analytics**](/documentation/form-building/create-form/form-settings-post-context/analytics.md) — GA4 integration for your form
* `PRO` [**Field Conditions**](/documentation/form-building/create-form/form-settings-post-context/field-conditions.md) — show or hide fields based on user input
* `PRO` [**Smart Variables**](/documentation/form-building/create-form/form-settings-post-context/smart-variables.md) — use dynamic data and calculations in your form logic
* `PRO` [**Price Formula**](/documentation/form-building/create-form/form-settings-post-context/price-formula.md) — useful for quote or order forms
* **Export** — export the form to a file for reuse elsewhere
* [**Form CSS**](/documentation/form-building/create-form/form-settings-post-context/form-css.md) — custom CSS to style your form
* `PRO` [**Advanced Settings**](/documentation/form-building/create-form/form-settings-post-context/advanced-settings.md) — advanced submission settings
