Playground Guide
Last updated
Last updated
Welcome to our Playground Guide! If you're here, you've probably finished setting up the extension and are ready to dive into the Playground. In this section, I'll walk you through how to make the most of your experience.
In this tutorial, we'll take you step-by-step on how to use the AI Web Scraper to easily tackle these tasks:
Pull contact information lists (like names, job titles, contact details, etc.)
Scrape SKU product data from e-commerce sites (with automatic pagination)
Gather news article summaries (smartly generate key information)
Let's kick things off with the Contact Directory page. On sites like business directories, social platforms, and job boards, gathering names, job titles, emails, phone numbers, and profile images in bulk is a common task. Doing this manually is not only a time drain but also error-prone. Let's use the AI Web Scraper for automatic data extraction and organize it into a neat table format to really boost efficiency!
You'll find personal info like names, job titles, contact details, and profile images on the Contact Directory page.
Open the extension and click on AI Web Scraper. You'll see three data sources to choose from. By default, we scrape from the current page, which is what we'll use here. Now, click New Scraper Template to add a template for this page. You'll see several rows where you can specify the data you want to scrape, like Name, Email, and Picture. You can also define the data type for better formatting—select Text for names and Image for pictures. Here's a handy tip: use AI Suggest Columns. Click the button, and the AI will scan the page and automatically suggest column names and data types.
Now, you have a perfectly structured list. Start scraping by clicking the "Scrape" button. It’ll take a few seconds to complete. You can minimize it and find the results in Notifications. And here’s the Contact data table—everything is neatly organized: Full Name , Profile Image, Job Title , Department, Email Address , Phone Number , Office Location—all here. Then, you can copy the data to the clipboard or download it as a CSV.
In summary, you can always scrape any website page with these three steps:
Open AI Web Scraper
Click AI Suggest Columns
Click Scrape
Next, let's check out the e-Commerce SKUs page. SKU (Stock Keeping Unit) is like a product's "ID card" on e-commerce sites, used to distinguish each product. On platforms like Amazon, eBay, and Shopee, you often need to collect product names, prices, descriptions, images, etc., in bulk. AI Web Scraper can help you easily complete this task and supports automatic pagination to ensure you collect all the data.
To scrape multiple pages automatically, you'll need to enable Pagination. You can find the setting in the dropdown menu in the Data Source section. Change No Pagination to Click Pagination, then select the Next Page button.
Now, start scraping. The scraper will automatically navigate to the next page and continue collecting data. And here's the data table.
AI Web Scraper can do more than just list data—it can also extract text summaries. If you need to analyze a large number of news articles, reading each one individually is too time-consuming. AI Web Scraper can help you capture the core content of articles and automatically generate summaries, allowing you to quickly grasp key information and improve reading efficiency.
Let's go to the News Articles page and do an Article Snapshots task.
This time, we don't need the full article—we want summaries. So, let’s modify the column to "Article Summary" and start scraping. AI will process it perfectly like ChatGPT.
These are the basic experiences our users mostly get from the AI Web Scraper. Hope you enjoyed it. To learn more about AI Web Scraper, head over to the Basics.