Skip to content
Change language: EN
My learningAdd to Chrome

How do I fill and submit a web form from saved values?

8 minIntermediateUpdated October 12, 2026AWFlow 0.8.2

Short answer

Keep your answers in an Edit Fields node, pause with Wait For Approval so nothing is typed until you approve, then let Form Fill type each value into the field with the matching id and Submit Form send it. Run it from the right-click menu on the page with the form. Run Get Forms Schema once to list the real field ids of your form.

Or build it step by step ↓

Try it in AWFlow

Opens this guide's workflow in AWFlow. You review it before anything is saved.

Install the ready-made template (opens in a new tab)

On this page
  1. Before you start
  2. Install the recipe
  3. Run it on the form
  4. Keep your values
  5. Ask before filling
  6. Fill the fields
  7. Submit the form
  8. Run it and check the result
  9. Common problems

Before you start

The AWFlow browser extension
How to set it up

Install the recipe

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.

Run it on the form

Node: When Started

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

Run it on the form in the AWFlow editorRun it on the form in the AWFlow editor
Tip · Use a Page Load trigger with the form's address to offer it every time you open that page.

Keep your values

Node: Edit Fields

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

Keep your values in the AWFlow editorKeep your values in the AWFlow editor
Tip · Replace the sample values with yours, and add a key for each extra field (phone, company, address).

Ask before filling

Node: Wait For Approval

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

Ask before filling in the AWFlow editorAsk before filling in the AWFlow editor
Tip · Remove it once you trust the workflow on that page, or reword Prompt to name the site.

Fill the fields

Node: Form Fill

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

Fill the fields in the AWFlow editorFill the fields in the AWFlow editor
Tip · Match the field ids to your form. Run Get Forms Schema once to list them.

Submit the form

Node: Submit Form

Submit Form submits the element matching form.

Submit the form in the AWFlow editorSubmit the form in the AWFlow editor
Tip · Delete this step to review the filled form and press the button yourself.

Run it and check the result

Open Fill the form and change the field ids to the ones on your form. Save the workflow, open the page with the form, right-click it and choose Agentic Workflow › Personal Workflows › Fill Form from JSON. Approve the request. The fields fill in and the form is sent.

Common problems

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.

Collect only what you need, keep the run rate reasonable, and respect each site's terms of use.

Academy

Learn this properly: build it from scratch.

Short lessons with a quiz at the end of each module.

Open the Academy →

Skip the steps. Install the template.

Add to AWFlowGet the extension — free