FlowClick Guide

1. Recording Macros

The core of FlowClick is the macro recorder. Instead of writing complex scripts, you can simply "show" FlowClick what you want to do.

How to record:

• Open the FlowClick extension panel and click the blue + New Macro button.
• The extension will enter recording mode. A red "Live" indicator will show you that it's actively listening.
• Navigate the web normally! Click on buttons, type into text inputs, or navigate to new pages.
• Every action is captured safely offline. Once you are finished, click the Stop Recording button in the panel.
• Give your new macro a name and description, and save it.

Note: Passwords and sensitive fields are automatically obfuscated locally to protect your Privacy.

2. Visual Data Extraction

Need to scrape a table or a list of products from a website? FlowClick makes data extraction visual and intuitive.

How to extract data:

• While editing a saved macro, click + Add Step and choose the Extract Data step.
• Use the built-in visual selector to point to the data you want to scrape.
• When you replay the macro, FlowClick will automatically gather the data.
• Once the playback finishes, a beautiful data preview modal will pop up, allowing you to instantly export the scraped records as CSV or JSON files.

3. CSV Data Binding & Infinite Looping

If you need to fill out 100 forms with 100 different names, you don't need to record 100 macros. You can record one macro and loop it using a CSV file.

How to set up a loop:

• Open your macro settings and enable Looping.
• Upload your CSV file directly into the extension.
• In the Step Editor, map the text input steps to specific columns in your CSV using the `{{ColumnName}}` syntax.
• When you hit play, FlowClick will execute the macro repeatedly, filling in the form with a new row of data on every loop iteration.

4. AI Self-Healing Selectors

Websites change all the time. A button might move, or a CSS class might be renamed, which breaks traditional automation scripts. FlowClick handles this gracefully.

When FlowClick records an action, it captures multiple fallback data points (like the text inside the button, the surrounding elements, and its position). If the primary selector fails during playback, the Cognitive Engine kicks in, automatically finds the relocated element, clicks it, and permanently updates the macro for future runs.

You will see a notification in your Activity Log whenever a step is successfully self-healed! 🛡️

5. Smart Wait Conditions

Fast networks are great, but sometimes a website takes a few extra seconds to load a popup or a button. If your macro clicks too early, it will fail.

Using Wait Steps:

• In the Step Editor, add a Wait for Element step before an action that typically takes time to load.
• FlowClick will pause execution and continuously poll the page until the specific element appears.
• You can also add hard delays (e.g., "Wait for 2000 milliseconds") if you just want the automation to slow down and look more human.

6. Managing & Editing Steps

You have full control over the macros you record. The visual Step Editor allows you to tweak your workflows without touching a single line of code.

• Reorder: Use the drag-and-drop handles to change the order of your steps.
• Edit: Click into any step to modify the target CSS selector, change the text value being typed, or adjust the URL.
• Delete: Remove mistaken clicks easily using the trash icon.

7. Importing & Exporting Backups

Because FlowClick is 100% Local-First, your macros are stored in your browser's local storage. This is fantastic for privacy, but it means you should back up your important macros.

Click the Backup button on the dashboard to export all your macros into a secure `.json` file. You can share this file with colleagues or import it onto another computer to instantly transfer your automation workflows.