Multi Form 5

ImageFormBackground Image284 nodes · 55 styles

Description

Multi-step form page with labeled step indicator showing numbered circles with titles, centered form fields, and navigation buttons.

Detailed Analysis

This multi-step form uses labeled step indicators that include both numbers and text labels. The header has logo and login link. The horizontal step indicator shows four numbered circles with text labels below each: '1 Step 1 title', '2 Step 2 title', '3 Step 3 title', '4 Step 4 title'. Step 1 is filled/active (black circle) while others are outlined. The centered content displays: heading 'Let's start with your name & email', description text, name input field, email input field with mail icon and placeholder, and Cancel/Next buttons. A minimal footer shows copyright. The labeled steps provide context about what each step involves, enhancing user understanding of the process.

Webflow Paste

Copy and paste directly into Webflow Designer

Keywords

multi-step formlabeled stepsstep titlesnumbered indicatorsregistrationform fieldsemail inputname inputnavigation buttonsdescriptive progress

Raw Data (spacer)

{
  "meta": {
    "droppedLinks": 0,
    "dynBindRemovedCount": 0,
    "unlinkedSymbolCount": 0,
    "paginationRemovedCount": 0,
    "dynListBindRemovedCount": 0
  },
  "type": "@webflow/XscpData",
  "payload": {
    "ix1": [],
    "ix2": {
      "events": [],
      "actionLists": [],
      "interactions": []
    },
    "nodes": [
      {
        "_id": "bee32de6-0348-30bf-1013-6ec56691d982",
        "tag": "section",
        "data": {
          "tag": "section",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "839cd01b-a16e-1be4-0995-bac86cc1a2fe"
        ],
        "children": [
          "cf764d97-fde5-e5e1-85b5-459754b2ef0a",
          "bee32de6-0348-30bf-1013-6ec56691d983"
        ]
      },
      {
        "_id": "cf764d97-fde5-e5e1-85b5-459754b2ef0a",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
          "search": {
            "exclude": false
          },
          "devlink": {
            "slot": "",
            "runtimeProps": {}
          },
          "visibility": {
            "conditions": []
          },
          "displayName": ""
        },
        "type": "Block",
        "classes": [
          "e0277b3b-2c58-f338-7ed1-dc81b299bea1"
        ],
        "children": [
          "cf764d97-fde5-e5e1-85b5-459754b2ef0b"
        ]
      },
      {
        "_id": "cf764d97-fde5-e5e1-85b5-459754b2ef0b",
        "tag": "div",
        "data": {
          "tag": "div",
          "attr": {
            "id": ""
          },
          "text": false,
          "xattr": [],
     
... (truncated)

Detailed Analysis

{ "meta": { "droppedLinks": 0, "dynBindRemovedCount": 0, "unlinkedSymbolCount": 0, "paginationRemovedCount": 0, "dynListBindRemovedCount": 0 }, "type": "@webflow/XscpData", "payload": { "ix1": [], "ix2": { "events": [], "actionLists": [], "interactions": [] }, "nodes": [ { "_id": "bee32de6-0348-30bf-1013-6ec56691d982", "tag": "section", "data": { "tag": "section", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "839cd01b-a16e-1be4-0995-bac86cc1a2fe" ], "children": [ "cf764d97-fde5-e5e1-85b5-459754b2ef0a", "bee32de6-0348-30bf-1013-6ec56691d983" ] }, { "_id": "cf764d97-fde5-e5e1-85b5-459754b2ef0a", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], "search": { "exclude": false }, "devlink": { "slot": "", "runtimeProps": {} }, "visibility": { "conditions": [] }, "displayName": "" }, "type": "Block", "classes": [ "e0277b3b-2c58-f338-7ed1-dc81b299bea1" ], "children": [ "cf764d97-fde5-e5e1-85b5-459754b2ef0b" ] }, { "_id": "cf764d97-fde5-e5e1-85b5-459754b2ef0b", "tag": "div", "data": { "tag": "div", "attr": { "id": "" }, "text": false, "xattr": [], ... (truncated)