Skip to content
Agentic Workflowdocs
v0.8.2Install free

recipes / fill forms and click

Fill and submit a web form from saved values

Keep the answers you type again and again in one place. Run it on a form, confirm, and it fills the fields and submits for you.

Intermediate 8 min No setup Fill forms & click

workflow · fill-form-from-json.awf 5 steps

Fill Form from JSON: a workflow with 5 steps, starting with Run now and ending with Submit the form.

  1. Run now(When Started — open its doc page)
  2. Your form values(Edit Fields — open its doc page)
  3. Confirm before filling(Wait For Approval — open its doc page)
  4. Fill the form(Form Fill — open its doc page) if approved
  5. Submit the form(Submit Form — open its doc page)
Open in AWFlow
Run it → your saved values → confirm → fill the form → submit it.

How it works

Section titled “How it works”

  1. Run it on the form

    When Startednode reference

    When Started has no settings; run the workflow from the right-click menu on the page with the form.

    Make it yours — use a Page Load trigger with the form's address to offer it every time you open that page.

    Step 1, close-up of the app: Run now (When Started), outlined.Step 1, close-up of the app: Run now (When Started), outlined.Full screen: the whole screenshot for step 1
    Run now (When Started)
    The workflow editor with the Fill Form from JSON recipe: sticky notes and the steps Run now, Your form values, Confirm before filling, Fill the form, Submit the form, linked left to right. The top bar shows the Workflow active switch and Save; Test Workflow is above the canvas.The workflow editor with the Fill Form from JSON recipe: sticky notes and the steps Run now, Your form values, Confirm before filling, Fill the form, Submit the form, linked left to right. The top bar shows the Workflow active switch and Save; Test Workflow is above the canvas.

  2. Keep your values

    Edit Fieldsnode reference

    Edit Fields holds one object, formValues, with name, email and message.

    Make it yours — replace the sample values with yours, and add a key for each extra field (phone, company, address).

    Step 2, close-up of the app: The formValues field, outlined.Step 2, close-up of the app: The formValues field, outlined.Full screen: the whole screenshot for step 2
    The formValues field
    The settings of the Your form values step: one field, formValues, of type Object.The settings of the Your form values step: one field, formValues, of type Object.

  3. Ask before filling

    Wait For Approvalnode reference

    Wait For Approval pauses with Fill and submit this form?. Nothing is typed until you approve.

    Make it yours — remove it once you trust the workflow on that page, or reword Prompt to name the site.

    Step 3, close-up of the app: The Prompt field, outlined.Step 3, close-up of the app: The Prompt field, outlined.Full screen: the whole screenshot for step 3
    The Prompt field
    The settings of the Confirm before filling step: the Prompt reads “Fill and submit this form?”.The settings of the Confirm before filling step: the Prompt reads “Fill and submit this form?”.

  4. Fill the fields

    Form Fillnode reference

    Form Fill finds the first form on the page and types each value into the field whose id is name, email or message.

    Make it yours — match the field ids to your form. Run Get Forms Schema once to list them.

    Step 4, close-up of the app: The Values list (Field ID and Value), outlined.Step 4, close-up of the app: The Values list (Field ID and Value), outlined.Full screen: the whole screenshot for step 4
    The Values list (Field ID and Value)
    The settings of the Fill the form step: Mode Manual, Form set to form, and Values, a list of Field ID and Value pairs.The settings of the Fill the form step: Mode Manual, Form set to form, and Values, a list of Field ID and Value pairs.

  5. Submit the form

    Submit Formnode reference

    Submit Form submits the element matching form.

    Make it yours — delete this step to review the filled form and press the button yourself.

    Step 5, close-up of the app: Submit the form, outlined.Step 5, close-up of the app: Submit the form, outlined.Full screen: the whole screenshot for step 5
    Submit the form
    The workflow editor with the Fill Form from JSON recipe: sticky notes and the steps Run now, Your form values, Confirm before filling, Fill the form, Submit the form, linked left to right. The top bar shows the Workflow active switch and Save; Test Workflow is above the canvas.The workflow editor with the Fill Form from JSON recipe: sticky notes and the steps Run now, Your form values, Confirm before filling, Fill the form, Submit the form, linked left to right. The top bar shows the Workflow active switch and Save; Test Workflow is above the canvas.

Test it

Section titled “Test it”

  1. Install the recipe and open Your form values. Put your own values in. To import the file yourself, use Add Workflow › Import, choose the .awf and click Create & open. Then click Make it mine at the bottom of the canvas, tick the box and confirm, so you can edit it.

    Step 1, close-up of the app: Create & open, outlined.Step 1, close-up of the app: Create & open, outlined.Full screen: the whole screenshot for step 1
    Create & open
    The Create a workflow dialog at step 3, Name & save, after importing fill-form-from-json.awf: Source Imported .awf, Name “Fill Form from JSON”, an optional Description, Where to save “Saved locally in this browser”, and the Back and Create & open buttons.The Create a workflow dialog at step 3, Name & save, after importing fill-form-from-json.awf: Source Imported .awf, Name “Fill Form from JSON”, an optional Description, Where to save “Saved locally in this browser”, and the Back and Create & open buttons.
    Step 1, close-up of the app: Make it mine, outlined.Step 1, close-up of the app: Make it mine, outlined.Full screen: the whole screenshot for step 1
    Make it mine
    The Make this workflow yours? dialog over the Fill Form from JSON workflow: it came from the Marketplace, It can currently lists what the workflow may access, two notes on what changes, the “I'm responsible for what this workflow does from now on.” checkbox, and Cancel and Make it mine.The Make this workflow yours? dialog over the Fill Form from JSON workflow: it came from the Marketplace, It can currently lists what the workflow may access, two notes on what changes, the “I'm responsible for what this workflow does from now on.” checkbox, and Cancel and Make it mine.

  2. Open Fill the form and change the field ids to the ones on your form.

  3. Save the workflow, open the page with the form, right-click it and choose Agentic Workflow › Personal Workflows › Fill Form from JSON.

    Step 3, close-up of the app: Save, outlined.Step 3, close-up of the app: Save, outlined.Full screen: the whole screenshot for step 3
    Save
    The workflow editor with the Fill Form from JSON recipe: sticky notes and the steps Run now, Your form values, Confirm before filling, Fill the form, Submit the form, linked left to right. The top bar shows the Workflow active switch and Save; Test Workflow is above the canvas.The workflow editor with the Fill Form from JSON recipe: sticky notes and the steps Run now, Your form values, Confirm before filling, Fill the form, Submit the form, linked left to right. The top bar shows the Workflow active switch and Save; Test Workflow is above the canvas.

  4. Approve the request. The fields fill in and the form is sent.

Variations

Section titled “Variations”
Variation What to change Level
Ask for one value each time Add an In-Page Form before Form Fill to type, say, an order number on the page. Intermediate
Fill without sending Remove Submit Form so you check the form before you send it. Beginner
Click through several steps Use UI Automation to click Next and Wait For Element between pages. Advanced

Troubleshoot

Section titled “Troubleshoot”
  • Some fields stay empty. Their ids differ from the ones in Form Fill. Use Get Forms Schema to read the real ids.
  • The wrong form is filled. The page has several forms. Change formSelector in Form Fill and the DOM Selector in Submit Form to target the right one, such as #contact-form.
  • The run seems stuck. It’s waiting for your approval. Approve it in the run panel or the in-page card.
Edit page

Last updated:

Was this page useful?
Ask Aria