# n8n Can Now Browse the Web Like a Human with Airtop

## Метаданные

- **Канал:** n8n
- **YouTube:** https://www.youtube.com/watch?v=ISQPV7SkQRA
- **Дата:** 19.06.2025
- **Длительность:** 9:24
- **Просмотры:** 52,226

## Описание

Explore over 25 free Airtop+n8n workflow templates on n8n.io: https://n8n.io/workflows/?integrations=Airtop

​@theflowgrammer teams up with Amir from Airtop to demo the n8n + Airtop integration that lets you scrape ANY website using plain English commands. No more DOM hunting, no more fragile selectors, no more maintenance nightmares. Plus there are AI Agent tool versions of each node, so n8n AI Agents can also leverage this browser use and scraping functionality.

In this video:
- What is Airtop and why n8n users should care
- Using Airtop studio to setup the action (Scraping Tweets)
- Porting that over into an n8n workflow 

Chapters
00:00 - Intro
02:04 - Airtop templates gallery
02:22 - Set up Tweet scraping action in Airtop
04:38 - Port action over to n8n workflow
08:54 - Wrapup

🔗 Links & Resources
• Try Airtop: https://www.airtop.ai/
• Try n8n: https://n8n.io
• n8n + Airtop docs: https://docs.n8n.io/integrations/builtin/app-nodes/n8n-nodes-base.airtop/
• Join the community: https://community.n8n.io
• Connect with Max on LinkedIn: https://www.linkedin.com/in/maxtkacz/
• Connect with Amir on LinkedIn: https://www.linkedin.com/in/amirashkenazi/

## Содержание

### [0:00](https://www.youtube.com/watch?v=ISQPV7SkQRA) Intro

Hey, it's Max, the original fflowgrammer, I'm in the AI capital of the world, sunniest San Francisco. I'm gonna show you a really awesome new integration that we have inside of n8n. It's called Airtop. I'm joined by their co-founder and CEO Amir today. Hey Max, how are you doing? Amir. What is Airtop and why did you build it? Air Top is a web automation platform that allows you to automate anything humans can do online. Okay. On any website, uh, with just words. So it's kind of like puppeteer It's the, next generation web automation platform. It means that you don't have to select dome elements anymore and you don't have spent Okay. Hours on writing scripts that will break every time the site changes. You can use natural language in order to automate action and extraction of data from website uhhuh, and it will work regardless of changes in, design of the page. And it can also connect obviously to the AI agent to develop and. Connect the web to work autonomously. That was gonna be my question. So what does this new n8n integration of tel, what does that mean for n8n users? What can we do now? Yeah, this is fantastic because what n8n brings is obviously the integration with hundreds of SaaS application, but also the AI agent node uhhuh and the ability to add human in the loop. So when you think about those agents, often you want to let them run. Do their things. But have the final word. Yeah. Basically make the final decision whether you want this to go live or not, to go live, to buy the ticket, or not to buy the ticket we're definitely buying the ticket. can I try a dumbed down version? Sure. This lets my AI agent use the web, but like a human does. Exactly. So like logging into stuff, exactly. and people build, a range of things on this from scrapers just to extract data from the web All the ways to autonomous AI agent where they make decisions on the go, as they run on what should be the next step how about we open up n8n yes. and air top and would you mind showing me, let's, build something out. Absolutely. Alright. Fantastic.

### [2:04](https://www.youtube.com/watch?v=ISQPV7SkQRA&t=124s) Airtop templates gallery

so here is, the automation and agents gallery that we have on our website. Mm-hmm. we support four development platform right now make NA 10 Python and TypeScript, and a long list of potential use cases, and we're just gonna pick, one of those and maybe, uh, go with it.

### [2:22](https://www.youtube.com/watch?v=ISQPV7SkQRA&t=142s) Set up Tweet scraping action in Airtop

So all you have to do is click, try automation. It will give you the URL here. if it requires authentication, you will need, uh, an op profile that you can easily get in the profile section. So this is your x. com account. Now it knows how to log into it Exactly. OP allows you to grant your permission to your agent so your agent can wake up in the middle of the night and do things on your behalf. Extract information from website and take actions on websites that you allow it to do. So there's a lot of these, um, SaaS apps that don't have a separate billing email. So at the end of the month, I have to log in each time and go get the invoice. I can do that with Air Top. It's actually, a very common use cases. accountants really love that because it allows them to, spread across all of those websites, extract the invoices. We have, a file download option and you can aggregate them all. Yo, we're gonna get this set up for you, brother. Don't worry. we're starting a session. So this is basically like kicking up a new web browser Exactly. Okay. your cloud browser loads and as you can see, it already loads with me authenticated Uhhuh. on the right side you can see two windows. One is for you to put the natural language prompt. You don't have to mention the design, the colors, anything. clear, simple description In English, for example, please extract 10 posts related to browser automation from the search results. then there is a list of exactly what are the fields that I want to extract if you want The results is json. You can decide that there is a small flag here that will turn this on or off if you want the Jason. Very cool. And AI will generate the JSON for you so you don't have to worry about this. I've done some scraping before and you're looking for IDs or classes and then you see dynamic ones and you know they're gonna change. So if this DOM changes. Since it's we're defining natural language. Yeah, it's going to be more resilient, yeah. We analyze the page on a visual, on a dome level and a text level. So it really independent and, totally resilient to changes in the design. And then you can see the results, at the end of it. And it came beautifully with the first one is actually from opera. You can see that this is the first one they releases their browser. Congratulations. Another browser with AI capabilities. This is good news. And the other thing that you can see is the number of credits that were used. Okay. So you have metered pricing basically? Exactly. So you pay for what you use? multiple packages, they started $29 a month. Amir, I'm in the playground.

### [4:38](https://www.youtube.com/watch?v=ISQPV7SkQRA&t=278s) Port action over to n8n workflow

I ran this, I tested it. I like it. How do I use this in NN now? So I can do this automatically? Yeah, this is great. So let's go to the N eight N side. we just created a blank new workflow in n. N, right? Yeah. Okay. And now we can click on air top or search for air tops and use. The building blocks that we provide in order to build the automation or the agents. So what are those building blocks? They're about half enough between. extraction of data and taking actions on websites. So for example, in extraction of data, we have things like query page. you answers to any kind of question or any data that you want to extract or query page with pagination, where we end automatically, whether this is an infinite, scroll or a next page and so on. smarts Script is just a clean, download of the information. On the action side, we have things like, click and type and fill a form, page download, page upload, to automate actions on website. other than that, you, it will allow you to create and terminate a session. if all you need is, to get access to one page and extract data, you can simply add the query page and select. Um, automatically create session, it'll end on everything. The creation of session definition. Mm-hmm. If your session is a bit longer, then you'll start with create session. Gotcha. Then you will initiate and you could have multiple pages and multiple queries. Multiple. Exactly. you will connect them through the session ID and window idea, so they're all connected to the same cloud browser. Got you. So for the thing that we just created, I guess we could do it just for more one step basically. Yes, exactly. Okay. So in here we would. x. com. Exactly. So if you, want to do, page. Yeah. Uh, you will, uh, take the URL and move it to here, Uhhuh. Then you will take this prompt here. We have so many of them now. Here it is. this is profile name. We will need that too. Uhhuh, this is the prompt. Yeah. And then you're just gonna put a profile name that is authenticated for this service. If you want the Jason two, you will, select ed another field. And that was that schema that we helped generate inside the playground as well. Exactly. Okay. Very cool. This is this schema. We're gonna copy the schema. Go back to N eight 10. paste it here, and now you have a service that is doing exactly the same thing within NA 10. This would be so much gymnastics in puppeteer or something like that. Yes. For many years I suffered through the, uh, pains of using selenium and puppeteer and playwright to create those things, and AI really changed things. What I think is really cool is like, this already could run every day and be useful, but again, within an expressions here, I could be changing some things in here. this number or this here. Very simply, be it form trigger webhook, I mean whatever it's, we now have Web internet use inside of NNN as a step. Exactly. Fantastic. And I think it substantially expense the use cases that n nm can support. Absolutely. Because it's not limited to APIs anymore. Yeah. And that's the thing, some folks were able to do this, but again, the subset of folks that can stand up, puppeteer and want to stand up puppeteer and maintain it and everything, you've basically abstracted that all away and really emancipated a much wider group of folks to be able to use that. Yeah. Fantastic job, Amir. Thank you so much. we are running the workflow now, this is, handling all those steps that we did in the studio, right? So it's booting up the browser, it's going to the URL, we told it to, it's signing in through your, account that's stored in air top. We're executing this prompt and it's actually scrolling down your feed or my feed. Yeah, yeah. Until it will find, 10 posts that are related to browser automation. So it may take a while because it goes through each one of those, this to make the decision whether it is relevant and then, hey, but no problem. You can be having a coffee or having a sleep while it's doing the hard work. Right. Exactly. Easy. So those automations Work in the background most of the times. Yeah. and on a schedule basis or in a trigger. So, for example, I have, automations that work every time a new customer signs in. Mm-hmm. to, get more information about the customer, send personalized information and so on. Here it is. Yeah. Wow. Okay. we can see that we've pulled that all out there and. it right now we're outputting a text, but, you have a structured output as well. So we could copy that in from the Exactly from the playground that we created in there as well. Exactly, yes. Wow.

### [8:54](https://www.youtube.com/watch?v=ISQPV7SkQRA&t=534s) Wrapup

Fantastic. gang. We've shown you, the future now, these are all gonna be available as templates as well. go check out this awesome combination and show us. What can you do now that you have air top and NNN that's a challenge to you? happy flow Graming.

---
*Источник: https://ekstraktznaniy.ru/video/15368*