📱 Automate browser tasks with Airtop & GPT-4 - Reddit posting example

⚡ 1,533 views · 📱 Social Media & Email Marketing

Description

Overview

This n8n workflow creates an intelligent AI agent that automates browser interactions through Airtop’s browser automation platform. The agent can control real browser sessions, navigate websites, interact with web elements, and maintain detailed session records - all while providing live viewing capabilities for real-time monitoring.

Youtube Tutorial: https://www.youtube.com/watch?v=XoZqFY7QFps

What This Workflow Does

The AI agent acts as your virtual assistant in the browser, capable of:

Demo Use Case: Automated Reddit Posting

The tutorial demonstrates the agent’s capabilities by:

  1. Logging into Reddit using pre-configured Airtop profile credentials
  2. Navigating to a specific subreddit based on user input
  3. Creating and publishing a new post with title and content
  4. Tracking the entire process with detailed session records
  5. Providing live viewing access throughout the automation

Core Workflow Components

1. Chat Interface Trigger

2. AI Agent Processing

3. Google Sheets Data Management

Multiple Google Sheets nodes manage different aspects of session tracking:

Browser Sessions Sheet

Window Sessions Sheet

Airtop Profiles Sheet

4. Airtop Browser Automation Nodes

Multiple specialized nodes for browser control:

Session Management

Window Management

Web Interaction

5. Gmail Integration

6. Error Handling & Validation

Technical Requirements

API Credentials Needed

  1. Airtop.ai API Key

    • Sign up at airtop.ai
    • Generate API key from dashboard
    • Required for all browser automation functions

  2. OpenAI API Key

    • OpenAI account with GPT-4 access
    • Required for AI agent intelligence and decision-making

  3. Google Sheets Access

    • Google account with Google Sheets API access
    • Copy the provided template and get your sheet URL
    • Required for session and profile data management

  4. Gmail OAuth

    • Google account with Gmail API access
    • Required for sending live viewing URLs and notifications

Airtable Base Structure

Create three tables in your Airtable base:

1. Browser Details (Sessions)

- session_id (Single line text)
- description (Single line text)
- status (Single select: Open, Closed)
- created_date (Date)

2. Window Details (Windows)

- session_id (Single line text)
- window_id (Single line text)
- description (Single line text)
- airtop_live_view_url (URL)
- status (Single select: Open, Closed)

3. Airtop Profiles

- platform_name (Single line text)
- platform_url (URL)
- profile_name (Single line text)

Workflow Logic Flow

User Request Processing

  1. User Input: Natural language command via chat interface
  2. AI Analysis: OpenAI processes request and determines required actions
  3. Session Check: Agent reads current browser session status
  4. Action Planning: AI creates step-by-step execution plan

Browser Session Lifecycle

  1. Session Creation:

    • Check for existing open sessions
    • Ask user about profile usage if needed
    • Create new Airtop session
    • Record session details in Airtable

  2. Window Management:

    • Create browser window with target URL
    • Capture live viewing URL
    • Record window details in Airtable
    • Send live URL via Gmail

  3. Web Interactions:

    • Query page content for element identification
    • Execute clicks, form fills, navigation
    • Monitor page state changes
    • Handle dynamic content loading

  4. Session Cleanup:

    • Terminate browser session when complete
    • Update all related records to “Closed” status
    • Send completion notification

Data Flow Architecture

User Input → AI Processing → Session Management → Browser Actions → Data Recording → User Notifications

Key Features & Benefits

Intelligent Automation

Real-Time Monitoring

Enterprise-Ready Features

Use Cases Beyond Reddit

This workflow architecture supports automation for any website:

Social Media Management

Business Process Automation

Personal Productivity

Advanced Configuration Options

Custom Profiles

Workflow Customization

Integration Extensions

Getting Started

  1. đź“Š Copy the Google Sheets Template - Just click and make a copy!
  2. Set up credentials for Airtop, OpenAI, and Gmail
  3. Import workflow into your n8n instance
  4. Configure node credentials with your API keys and Google Sheets URL
  5. Test with simple commands like “Visit google.com”
  6. Expand to complex workflows as you become comfortable

Best Practices

Session Management

Error Handling

Security Considerations

This workflow transforms n8n into a powerful browser automation platform, enabling you to automate virtually any web-based task while maintaining full visibility and control over the automation process.

đź”— Nodes Used

AI Agent, OpenAI Chat Model, Simple Memory, Chat Trigger

đź“Ą Import

Download workflow.json and import into n8n: Workflow menu → Import from File

📖 Importing guide · 🔑 Credential setup