FormWork FormWork

Quick Start

Create your first form in minutes with this step-by-step guide.

Get up and running with FormWork in just a few minutes. This guide will walk you through creating your first form, adding fields, and collecting submissions.

Prerequisites

Before you begin, make sure you have:

  • A FormWork account (sign up at app.formwork.io)
  • Access to a project (created during onboarding)

Step 1: Create a New Form

  1. Navigate to your project dashboard
  2. Click the New Form button
  3. Enter a name for your form (e.g., “Contact Form”)
  4. Click Create

You’ll be taken to the form builder where you can start adding fields.

Step 2: Add Fields

The form builder shows your form on the left and field options on the right.

Adding a Text Field

  1. Click Add Field or the + button
  2. Select Text from the field types
  3. Configure the field:
    • Label: “Full Name”
    • Required: Toggle on
    • Placeholder: “Enter your full name”
  4. Click Save

Adding an Email Field

  1. Click Add Field
  2. Select Email
  3. Set the label to “Email Address”
  4. Enable Required

Adding a Textarea Field

  1. Click Add Field
  2. Select Textarea
  3. Set the label to “Message”
  4. Optionally set a minimum/maximum length in the configuration

Step 3: Configure Form Settings

Click the Settings tab to configure:

  • Form Title: The public-facing title
  • Submit Button Text: Customize the button label
  • Success Message: What users see after submitting

Step 4: Publish Your Form

  1. Click the Publish button in the top right
  2. Confirm the publish action
  3. Your form is now live!

Step 5: Get Your Embed Code

To embed your form on a website:

  1. Go to the Share tab
  2. Copy the embed code provided
  3. Paste it into your website’s HTML
<formwork-form
  form-id="your-form-id"
  api-base-url="https://app.formwork.io"
></formwork-form>
<script src="https://app.formwork.io/embed.js"></script>

Step 6: View Submissions

When users submit your form:

  1. Go to your form in the admin
  2. Click the Entries tab
  3. View all submissions with timestamps
  4. Click any entry to see full details

Next Steps

Now that you’ve created your first form, explore these features: