Form Fill

Fill the fields of a form on the active tab with values you set or values from earlier nodes.

Try it

Workflow · fill-form-from-json.awf 5 Schritte

Fill Form from JSON: ein Workflow mit 5 Schritten, beginnend mit Run now und endend mit Submit the form.

1. 1 Run now(When Started – zur Dokumentationsseite) When Started
2. 2 Your form values(Edit Fields – zur Dokumentationsseite) Edit Fields
3. 3 Confirm before filling(Wait For Approval – zur Dokumentationsseite) Wait For Approval
4. 4 Fill the form(Form Fill – zur Dokumentationsseite) Form Fill wenn approved
5. 5 Submit the form(Submit Form – zur Dokumentationsseite) Submit Form

In AWFlow öffnen .awf kopieren

What it does

Form Fill finds a form on the active tab and fills its fields from a list of { id, value } pairs. Each id is matched against the field’s id first, then its name.

• Text fields and text areas get the value as text.
• Drop-down lists get the option whose value matches exactly.
• Checkboxes and radio buttons are ticked when the value equals the field’s own value, or is true, 1, yes, on or checked; anything else unticks them.

After each change the node tells the page the field was edited, so sites built with modern frameworks see the new value. It fills only; it does not submit the form.

When to use it

• Fill a sign-up, contact or order form with data from a spreadsheet, an API or an AI node.
• Fill the same form many times, one item at a time, from a list.
• To click, type step by step or choose from custom drop-downs that are not real form fields, use UI Automation.

Inputs and settings

2 Auswahlmöglichkeiten · wählen Sie Mode, um die Einstellungen zu sehen

AutomaticManual

Einstellungen für Automatic

Einstellung	Typ	Was es bewirkt
Form PFLICHT(erforderlich)	Page element	The form to fill. You can select the form, a container containing it, or a field inside it.

Einstellungen für Automatic werden angezeigt

In short:

• Mode: Automatic takes the { id, value } pairs from the incoming data. Manual lets you type them in the node.
• Form: the form to fill. Click the crosshair button and click the form, a box around it, or any field inside it.
• Values (Manual mode only): one entry per field, each with a Field ID (the field’s id or name) and a Value. Values can use expressions, such as {{ $input.email }}.

In Automatic mode, the incoming data must be a list of { "id": "...", "value": "..." } objects, or a single item with id and value fields.

To find each field’s id or name, run Get Forms Schema on the page first.

Outputs

• Output

Each output item has these fields:

Field	Typ	What it holds
result	List of entries

Shape of an output item

{
  "result": []
}

result has one entry per value you sent: id, filled (true or false) and, when it was not filled, a reason: Field not found, Option not found, Unsupported field type or Form not found. The incoming fields are not passed on.

Dependencies and credentials

None. This node needs no connection and has no slots for other nodes.

Example workflow

1. Tab Control, Operation = Open, opens a contact page with Wait For Load on.
2. Form Fill with Mode = Manual, Form set to the contact form, and Values: name = Jane Doe, email = jane@example.com, topic = support.
3. Submit Form with DOM Selector set to the form’s send button.

Common issues

• A reason of “Field not found”. No field in the form has that id or name. Check the exact spelling with Get Forms Schema; it is case-sensitive.
• A reason of “Option not found”. For a drop-down, the value must match an option’s value, not its visible label. Get Forms Schema lists both.
• The wrong form was filled. When Form matches nothing, the node falls back to the first form on the page. Pick the form again with the crosshair, and check it with Ping.
• A reason of “Unsupported field type”. The id points at something that is not a text field, text area, drop-down, checkbox or radio button (for example a custom widget). Use UI Automation to click and type into it.
• The node fails outside the extension. This node runs in the browser extension; install it or run the workflow from the extension.

Recipes with this node

Fill and submit a web form from saved values Mittelstufe · 8 Min. Keine Einrichtung

Related nodes

• Get Forms Schema: find field ids, names and options.
• Submit Form: send the form after filling it.
• UI Automation: clicks, typing and other step-by-step actions.