# Parts

## What is Parts Extraction?

**Extract data by selecting only specific areas you want.** Use this feature when you want to improve the arrangement and accuracy of extracted data.

{% hint style="success" %}
**Quick Start**

➡️ Click Listly icon on desired page ➡️ Select Parts ➡️ Select data extraction areas ➡️ Choose extraction options in panel (optional) ➡️ Click RUN LISTLY ➡️ Select tab for data to extract in results ➡️ Download your data
{% endhint %}

***

## How to Use

{% stepper %}
{% step %}

### Click the Listly Icon on your target website 

Navigate to the web page you want to extract data from in your [Listly-installed](https://help.listly.io/getting-started/quick-start-guide/how-to-install-listly) browser and click the Listly icon.
{% endstep %}

{% step %}

### Select PARTS

Select the **\[PARTS]** button in the Listly extension.

<figure><img src="https://content.gitbook.com/content/goHfMCeMlqJPW61OR5d1/blobs/SSxroJAy2VmEVLwF4WAx/parts%201.png" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Select the areas you want to scrape

Click to specify the areas you want to extract.

<figure><img src="https://content.gitbook.com/content/goHfMCeMlqJPW61OR5d1/blobs/V2pbArdQFqNZvtJwQTME/parts%202.png" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Reference: [Parts Extraction Area Selection](https://help.listly.io/getting-started/extension-features/parts-selection)
{% endhint %}
{% endstep %}

{% step %}

### Select extraction options in panel (optional)

If needed, select extraction options in the PARTS panel.

<figure><img src="https://content.gitbook.com/content/goHfMCeMlqJPW61OR5d1/blobs/ujtlXwPtFkCAfEh1i7JG/parts%203.png" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Reference: [Learn About Parts Extraction Options](https://help.listly.io/getting-started/extension-features/parts-options)
{% endhint %}
{% endstep %}

{% step %}

### Click RUN LISTLY

Once you've finished selecting extraction areas, click the **RUN LISTLY** button.

<figure><img src="https://content.gitbook.com/content/goHfMCeMlqJPW61OR5d1/blobs/SOkTbqViZZX04K0xUzg1/parts%204.png" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Select Tab to extract in results

After reviewing the extracted data in the results page, click the **\[Excel]** or **\[Google Sheets]** button to export.

<figure><img src="https://content.gitbook.com/content/goHfMCeMlqJPW61OR5d1/blobs/ksf8MX96ar7hyxdRu6nB/parts%205.png" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Reference: [Learn More About Data Download Options](https://help.listly.io/getting-started/result-page-features/data-download-options)
{% endhint %}
{% endstep %}

{% step %}

### Download your data

Check your downloaded file.

<figure><img src="https://content.gitbook.com/content/goHfMCeMlqJPW61OR5d1/blobs/DLb8IDvi7EYoFQ6hBqsH/parts%206.png" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

***

## Parts Extraction Related FAQs

<details>

<summary>PART vs PARTS - what's changed?</summary>

<figure><img src="https://content.gitbook.com/content/goHfMCeMlqJPW61OR5d1/blobs/OvJnRAWBWk8JeCEOWRBD/%ED%8C%8C%EC%B8%A0%20parts%20%EA%B0%80%EC%9D%B4%EB%93%9C%2002.jpg" alt=""><figcaption></figcaption></figure>

Function buttons that were displayed directly above a single selection area (Before) have moved to a side panel (After) as shown below. Refer to the image for the new locations of each function button changed from the previous UI.

<figure><img src="https://content.gitbook.com/content/goHfMCeMlqJPW61OR5d1/blobs/koOLgzGWDo7mhZKyCviE/%ED%8C%8C%EC%B8%A0%20parts%20%EA%B0%80%EC%9D%B4%EB%93%9C%2003.jpg" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**If you want to extract data using the same process as the previous parts selection,** refer to the changed button locations, select only a single area, then click the Run Listly button to proceed with extraction.
{% endhint %}

</details>

<details>

<summary>The number of items to extract varies by page. Is group extraction still possible?</summary>

<figure><img src="https://content.gitbook.com/content/goHfMCeMlqJPW61OR5d1/blobs/gYTIwiummFaflOykQ83J/%ED%8C%8C%EC%B8%A0%20parts%20%EA%B0%80%EC%9D%B4%EB%93%9C%2007.jpg" alt=""><figcaption></figcaption></figure>

**Yes, it's possible.** For example, as shown in the image above, let's say the first item area on page 1 is replaced by a different element like an advertisement on page 2. (<mark style="color:$success;">Areas with information you want to extract are marked with green boxes</mark>)

**Listly's Parts automatically detects data locations with the same structure.**

If you extract data on page 1 using the '**automatically select repeating elements (auto-select repeating elements)**' method to specify desired areas, then perform group extraction based on that page, data extraction will succeed without failures even if the number of selected areas differs on other web pages.

</details>

<details>

<summary>I want to extract a specific page using the 'individually select desired areas' method, then perform group extraction. However, some pages don't have the element I 'individually selected'. What happens in this case?</summary>

<figure><img src="https://content.gitbook.com/content/goHfMCeMlqJPW61OR5d1/blobs/tBim9mqLJROnKKMq8sEN/%ED%8C%8C%EC%B8%A0%20parts%20%EA%B0%80%EC%9D%B4%EB%93%9C%2008.jpg" alt=""><figcaption></figcaption></figure>

**As shown in the image above, missing information will be extracted as blank cells.**

Let's assume you selected image, title, and description areas separately using Parts on page A, extracted the data, then performed group extraction with pages having the same structure.

If page C has an empty description area that you selected on page A, the data in that cell will be extracted as blank, as shown in the image above.

{% hint style="danger" %} <mark style="color:red;">**However, like with previous group extraction, if you try to extract web pages with completely different structures from the source page, or if there are no matching areas with page A, it will be processed as a collection failure.**</mark>
{% endhint %}

</details>

<details>

<summary>When selecting repeating areas, unnecessary areas are also selected. How can I solve this?</summary>

We plan to add a feature that allows you to remove unnecessary areas by clicking for more precise data area selection. Currently, you can resolve this by **manually editing the CSS Selector value** of that area.

</details>