Skip to main content

Video Tutorial

Watch Build Your First Workflow in 5 Minutes Watch Build Your First Workflow in 5 Minutes on YouTube.

1. Create a Workflow Built Bot

  1. Select Create.
  2. Under Build with Workflow, select Open editor.
Open Build with Workflow from the Create menu
  1. Enter an AI Workflow Name and an optional description.
  2. Select Create to open the Workflow Builder.
Name and create the Workflow Built Bot

2. Build the Workflow: Google Maps Example

A Workflow connects nodes that represent the actions you would perform on a real website. For example, use a Visit Page node when you need to open a page, and use a Click Element node when you need to click a button. This tutorial uses Google Maps to demonstrate the complete process. The Bot searches for restaurants in a selected location and extracts structured data from the results. Inputs
  • Country: e.g., USA
  • Area: e.g., Avalon, CA
Browser Actions
  1. Open https://www.google.com/maps
  2. Search {Country} {Area}
  3. Click search icon
  4. Click Nearby
  5. Click Restaurant
  6. Extract list data
Output A CSV file containing:
  • name
  • full_address
  • star_rating
  • review_count
  • average_price_per_person_range
All steps below are performed on the Workflow Build page.

Step 1 - Start Node: Define Input Parameters

  1. On the canvas, click the Start node.
  2. In Input Parameters, add:
    • Name: Country | Default Value: USA
    • Name: Area | Default Value: Avalon, CA
Configure the Start node and add the next action

Step 2 - Visit Page: Open Google Maps

  1. Click + on the canvas (or right-click) and choose Visit Page.
  2. Connect it after Start.
  3. Set URL to:
Visit Page node configured for Google Maps

Step 3 - Input Text: Search for the Location

  1. Add an Input Text node and connect it after Visit Page.
  2. In the page preview/selector, target the top search bar.
  3. In Text to Input, enter: Country Area (This references the Start parameters).
Input Text node configured for the Google Maps search

Step 4 - Click Element: Navigate to Restaurants

Use one or more Click Element nodes to perform these three clicks in order:
  1. Search: Click the magnifying-glass icon.
  2. Nearby: Click the Nearby button.
  3. Restaurant: Click the Restaurant category.
Click Element nodes configured for the Google Maps example

Step 5 - Extract Data: Scrape the Restaurant List

  1. Add an Extract Data node after the last Click Element node.
  2. In the left restaurant list, select one full restaurant item as the sample.
  3. Configure fields to extract:
    • name
    • full_address
    • star_rating
    • review_count
    • average_price_per_person_range
Extract Data node configured for restaurant records

3. Publish & Run

Before executing the workflow, ensure your latest changes are saved and versioned.
  1. Publish Version: Click the Publish button (top-right corner) and select Publish as New Version to save your current configuration.
  2. Enter Run Mode: Click the Run tab (located next to the Build tab).
Publish the Workflow Built Bot as a new version, then open Run
  1. Set Parameters:
    • Country: USA
    • Area: Avalon, CA
  2. Execute: Click Start Run and watch the nodes execute one by one.
You’re done when:
  1. All steps show Succeeded / ✔.
  2. The run result shows a downloadable CSV file.
  3. The CSV contains rows like:
Code snippet
Review the completed workflow steps and download the CSV result

4. Common Roadblocks (Quick Fixes)

  • CSV is empty or has very few rows:
    • Check the sample in Extract Data: it should be a full list item, not a tiny sub-element.
    • Wait for load: Add a short wait before Extract Data if the list loads slowly.
  • Click Element does nothing:
    • Re-select the actual clickable element (button/text) in the Click Element node.
    • Confirm node order: Search → Nearby → Restaurant.
  • Run error and not sure why:
    • Check URL in Visit Page is exactly https://www.google.com/maps.
    • Ensure Run parameters (Country/Area) are filled.
    • Ensure no node has missing config (Click Element, etc.).

Need Help?

If the issue continues, contact BrowserAct Support or create a ticket in Discord. Include:
  • A short description of your goal
  • A screenshot of the error
  • The Task ID

Next Steps

Run the Bot again with different input values to confirm that the workflow can be reused for other locations. For example: Once the workflow runs successfully with new inputs, continue to Node Types to learn how to build other browser interactions, or see Run a Workflow Built Bot for more ways to run and review a Bot.