Home SEE IT IN ACTION

Meet your next workflow.

Watch a real recording, follow an interactive example, then try building your own flow in the practice sandbox.

A REAL PRODUCT RECORDING

From a task to a flow.
In under a minute.

Watch Portal17 Studio record actions on the practice website and turn them into editable nodes.

57 seconds · Actual Portal17 Studio recording

INTERACTIVE DEMO Interactive simulation

Watch the connections
become actions.

Run this example to follow a form-filling process: navigate, type, choose an option, submit and read the ticket number into a variable. The canvas, form and log update together. This is a browser simulation; no message is sent.

Contact form.portalSIMULATED EXECUTION
Start
Every flow begins here. Nothing runs before this node fires.
Navigate
Opens the target page — here, our demo contact form.
Type
Types the name into the Name field, one character at a time.
Type
Types the email address into the Email field.
Select
Picks an option from the Topic dropdown.
Type
Types the message into the Message field.
Click
Presses the Send message button and waits for the page to respond.
Extract Text
Reads the ticket number from the confirmation into a variable — one Extract Text node captures one value.
  1. Start — the flow is launched.
  2. Navigate — the demo page below opens.
  3. Type / Select — name, email, topic and message get filled in, field by field.
  4. Click — the Send button is pressed like a real visitor would.
  5. Extract Text — reads one value into a variable: the ticket number from the confirmation.
🔒 example-shop.test/contact

Contact us

Log console LIVE SIMULATION

Click "Run Flow" to start…

This playground is a simulation that runs entirely in your browser for illustration. Want to build a real flow yourself?

🧪 Open the practice sandbox ↗