Phantom
1 slot

Web Element Extractor

Tutorial

  1. Give the URLs of the web pages you're interested in

    You have two options:

    1. Process a single web page


    Enter your URL directly into the Phantom's setup. Then, set up one selector for each element you want to extract.

    Screenshot_2025 03 31_at_14.58.39

    2. Process multiple web pages


    Create a spreadsheet with Google Sheets. Copy the web page URLs and paste them into your spreadsheet - one URL per row, all in column A.

    list of urls

    Make this spreadsheet public, so PhantomBuster can access it.

    Screenshot_from_2019 11 20_19 01 17

    Copy the spreadsheet URL and paste it into your Phantom's setup.

  2. Identify the web elements you want to scrape using CSS selectors

    CSS selectors are the best way to precisely select any region or specific element of a web page. You can find the CSS selector of the web element you're interested in within the code of the page you're scraping.

    For example, say you want to extract all the recipe names from a specific page on a recipe site. Here's how to find the CSS selector for the recipe name element:

    • Right-click anywhere on the page and select Inspect. This will open the Developer tools on the right side of the browser.

    • To make sure you've got the correct selector, click on the arrow in the top left of the Developer Tools window.

      Screenshot_2025 03 31_at_14.30.41
    • Hover over the element you're interested in and find the CSS selector at the top of the pop-up window, or click on the component and find it highlighted in the Elements tab of the Developer Tools window - e.g.

      Screenshot_2025 03 31_at_14.27.43

    • Copy the selector and paste it into the Phantom's setup

      Screenshot_2025 03 31_at_14.55.47

    The Phantom will now extract all instances of the element identified by this CSS selector. You can add a label to the web element you're extracting so that it is easily identifiable in your results file.

    To extract additional elements from the page, copy the selector and label text and add as many selectors as you need, separated by a comma.

    {
    "selector": ".add selector here",
    "label": "add label here"
    }

  3. Set the Phantom on repeat

    Automation always produces better results in the long run. Set the Phantom to launch repeatedly and get results while you're away!

    This Phantom runs from the cloud, which means you don't even need to have your browser open or computer on for these launches to happen.

    Screenshot_2025 03 31_at_14.59.32

    For more automatic launch options, click on the three little dots in the top right and "Show advanced settings."