Xtreme FormsGetting Started

Creating Your First Form

Open the Form Builder

Navigate to Xtreme Forms > Add New. The drag-and-drop builder loads with a blank canvas and a field palette on the left.

Adding Fields

Drag fields from the palette onto the canvas. Available field types include:

  • Text — Single-line text input
  • Email — Email address with built-in validation
  • Textarea — Multi-line text for longer responses
  • Dropdown — Select from predefined options
  • Radio Buttons — Single choice from a list
  • Checkboxes — Multiple selections
  • Number — Numeric input with optional min/max
  • Date Picker — Calendar-based date selection
  • File Upload — Accept file attachments (configure allowed types and max size)
  • Hidden — Pass hidden values (useful for tracking sources)

Configuring Fields

Click any field on the canvas to open its settings panel:

  • Label — The text displayed above the field.
  • Placeholder — Hint text inside the field.
  • Required — Toggle to make the field mandatory.
  • CSS Class — Add custom classes for styling.
  • Conditional Logic — Show or hide this field based on another field's value.

Multi-Step Forms

To create a multi-step form, drag the Page Break element onto the canvas between groups of fields. Xtreme Forms automatically generates a progress bar and Next/Previous buttons.

Saving and Publishing

Click Save in the top-right corner, then give your form a name. The form is saved as a draft by default. Toggle the status to Published when you are ready to embed it on your site.

See Embedding Forms on Your Site for all the ways to display your form.