Apr 14, 2025

Apr 14, 2025

Apr 14, 2025

From Airtop Studio to Make: Creating Web Automations

From Airtop Studio to Make: Creating Web Automations

From Airtop Studio to Make: Creating Web Automations

Written by

.

DevRel Engineer

Getting started with web automations can seem complex, but combining Airtop Studio with Make creates a powerful workflow for extracting and processing web data. In this guide, I'll walk you through the process of creating an extraction in Airtop Studio and implementing it in Make.

For this example, we will walk through the X Monitoring automation we published in the past.

Step 1: Setting Up Your Profile in Airtop Studio*

* This step is only required if you’re automating against websites that require authentication

When you first open Airtop Studio, you'll see a clean interface with a URL input field. Before diving into extractions:

  1. Click the "Advanced Settings" button below the URL field

  2. Choose an existing profile or create one under browser profiles.

  3. Set any other options you need, such as idle timeout or proxy

  4. Click "Start Session" to begin

Creating profiles helps you save your settings between sessions and makes transferring configurations to Make much easier.

Step 2: Refining Your Extraction

Once your session starts, you'll see the webpage load. Now it's time to define what data you want to extract:

  • On the right panel, you can write your extraction instructions

  • For example, if extracting from Twitter/X, you might use:

This is a Twitter/X feed. Extract up to 20 non-sponsored posts in English. For each post, extract the post writer, time, post text, and post URL. Also, classify posts based on the following categories:

[Use_case] - People discussing potential use cases for AI Agents. Select this option when a specific use case is being discussed.
[Thought_leadership] - People discussing or predicting the strategic and long-term impact of AI Agents.
[NA] - None of the above.

IMPORTANT: Anything that is not directly related to AI Agents should return [NA]

  • Click "Run" to test your extraction and see the results.

Step 3: Creating a JSON Schema

For structured data that works well with Make, defining a JSON schema is crucial:

  1. Click the gear icon in the Instructions panel

  2. Check "Define Output JSON Schema"

  3. Under “Output JSON Schema” click “Generate with AI” and let the magic happen

  4. Run your extraction again to verify it outputs data in the correct format.

The JSON schema ensures consistency in your data structure and makes integration with Make much smoother.

Step 4: Moving to Make

Now that you've refined your extraction in Airtop Studio, it's time to implement it in Make:

  1. Create a new scenario in Make

  2. Add an Airtop module (in this case, "Paginated Extraction")

  3. Fill in the connection details with your Airtop credentials

  4. Enter the same URL you used in Airtop Studio, in this case “x.com”

  5. Set the "Profile Name" to match what you created in Studio

  6. Copy your prompt/instructions from Studio into the "Prompt" field in Make

  7. Set the same Interaction Mode and Pagination Mode as in Studio

  8. Copy your JSON Schema into the "JSON Output Schema" field

(optional) Step 5: Managing Multiple Airtop Calls with Create and Terminate Session Modules

For more complex automations where you need to perform multiple extractions or navigate between different pages:

  1. Instead of using just a single Airtop module, start with an "Airtop Create Session" module

  2. Configure the Create Session module with your profile name and initial URL

  3. Add your extraction modules in the middle (passing the Session ID)

  4. End your scenario with an "Airtop Terminate Session" module to properly close the browser session

This approach gives you more control over the browser session lifecycle and allows you to perform multiple actions within the same browser context, which is especially useful for authenticated sessions or multi-step processes.

Tips for Success

  • Always test your extraction in Airtop Studio first before moving to Make

  • Keep refining your prompt and schema until you get exactly the data you need

  • For complex sites, consider adjusting timeout settings

  • For efficient processing, only extract the data you actually need

By following these steps, you'll create a seamless workflow from Airtop Studio to Make, allowing you to automate web data extraction and processing for your projects.

Unlock your AI Agents

Free your team up to develop ground-breaking AI Agents, Airtop handles the infrastructure.

Book a demo

Unlock your AI Agents

Free your team up to develop ground-breaking AI Agents, Airtop handles the infrastructure.

Book a Demo

Unlock your
AI Agents

Free your team up to develop ground-breaking AI Agents, Airtop handles the infrastructure.

Book a Demo