Scrape multiple items from a website

Who can use this feature?

  • All users who want to select and scrape specific parts of a website
  • Available on Free Plan

[New Feature] PARTS

We’re excited to announce this new feature: PARTS ✨
As its name implies, this feature allows you to select multiple parts of a website and scrape data all at once. All you need to do is hit the Parts button and select the elements you want to scrape from a website.

parts-01

1. Basic

Once you click on the Parts button, you can select multiple sections of a website and extract data at the same time. As shown below, you might want to select multiple, different parts of a website and get specific information by clicking Run Listly.

parts-04
parts-04-1

What's new about this feature is, that all parts that have the same values are clickable. If you choose an element and click another one that has the same value, then Listly automatically recognizes all items and lets you extract them all at once. All the parts highlighted are also stacked in order on the sidebar popup as shown in the image.

parts-04-2
parts-05-1

Last but not least, you can maximize Parts to get CSS Selector values often used with the Auto Click, Auto Login, and Action Template features. Once you click an element of a website, the corresponding attribute value will pop up on the sidebar so you can easily copy and paste it without manually extracting attribute values!

parts-09
parts-10

2. Advanced

With the Parts feature, you can choose which elements to extract: default, plain text, HTML attribute, and HTML source.

parts-06

① Default: By default, users can extract texts, image URLs, and hyperlinks available in the previous version.

② Plain Text: Extract texts only, excluding image URLs or hyperlinks. If you select an image with this option enabled, no data will be extracted because the image doesn't include plain text data.

③ HTML Attribute: An HTML attribute is a component of an HTML document, used to define, store, or adjust the structure and content of a web page. In the following example, class is one element, and data-id is defined by a developer to store specific information. To utilize this markup language, you might need to know how it works.

④ HTML Source: Save the HTML code contained in the element. This code can be used when a developer needs to post-process the HTML source code as it is to develop larger portions of code.