Getting Started

FormRamp is a multi-step form builder. Forms are composed of screens (individual steps), connected through a visual layout editor, with optional functions for HTTP requests between steps.

Create a form

From your team dashboard, click New Form, enter a name, and you’ll land in the form editor.

The editor has four tabs: Screens, Functions, Layout, and Settings. Build your screens and functions first, then connect them in the layout.

Add screens

Open the Screens tab. You’ll start with one screen. Use the Screens Toolbox on the left to add more.

Drag elements from the Elements Toolbox onto the canvas to build each screen. Every screen that advances the user to the next step must contain a Submit button - the layout editor enforces this.

See Screens for the full reference.

Define functions (optional)

If your form needs to call an external API - for example, to look up data or submit a payload - open the Functions tab and create an HTTP function.

Functions can read values from previous screens or other functions via parameters, and their return values can be used downstream in the layout.

See Functions for the full reference.

Connect everything in the layout

Open the Layout tab to define the order and branching of your form.

Drag screens and functions from the toolbox onto the canvas and connect them by drawing edges between nodes. Start from the Start node and ensure every path through the form terminates.

Use Logic nodes to branch on a variable value when different screens or functions should be reached depending on user input.

See Layout for the full reference.

Publish

Go to Settings and click Publish Now. This snapshots the current form state as the published version - draft changes are invisible to end users until you publish again.

Share or embed

After publishing, the Settings page shows your sharing options:

• Share link - a direct URL you can send to anyone
• React - embed via the form-ramp-react npm package
• iframe - an embed snippet for any HTML page

See Form Settings for details on embedding and domain restrictions.