Popup in Screenshot
Hi! I’m currently using the FireCrawl node in n8n, and it works great overall.
However, I’ve noticed that when scraping some URLs, the extracted data is fine but the screenshots often include pop-ups (like cookie banners or subscription modals).
Is there any way to remove or block pop-ups before taking the screenshot?
Thanks in advance.
6 Replies
You can use the excludeTags parameter to remove specific CSS selectors.
Thanks. Micah.stairs
But I added the tag in the blockElements (or removeElements) configuration, but the popup still shows up in the final screenshot.
What should I change to make FireCrawl remove this overlay before taking the screenshot?
Oh you need to use the correct syntax for CSS selectors: https://www.w3schools.com/cssref/css\_selectors.php
Thanks again for all your help
I’m testing various CSS selectors to remove the email signup popup, but it’s still appearing in the screenshot.
Here are the selectors I tried in excludeTags:
- div.Overlay.EmailSignup
- .EmailSignup
- .Overlay
- .Overlay.EmailSignup
However, none of them worked.
This is the simplified curl request I’m using:
curl --request POST \
--url https://api.firecrawl.dev/v2/scrape \
--header 'Content-Type: application/json' \
--data '{
"url": "https://www.modaoperandi.com/women/p/bottega-veneta/bang-bang-intr-15-light-suede-cachemire/680234",
"onlyMainContent": false,
"excludeTags": [
"div.Overlay.EmailSignup"
],
"maxAge": 172800000,
"parsers": [
"pdf"
],
"formats": [
"screenshot"
]
}'
The popup still appears in the final screenshot.
Is there something I’m missing?
Any help would be appreciated!
Moda Operandi
Bang Bang Intrecciato Leather Vanity Case By Bottega Veneta | Moda ...
Shop the Gold Bang Bang Intrecciato Leather Vanity Case by Bottega Veneta and more new designer fashion on Moda Operandi.
Looking at your screenshot, it seems the CSS selector is called ".EmailSignup__wrapper". Can you try that?
Unfortunately, the problem is still occurring.
https://storage.googleapis.com/firecrawl-scrape-media/screenshot-10613be0-c540-4da1-be2e-3dd32fe0f5a3.png?GoogleAccessId=scrape-bucket-accessor%40firecrawl.iam.gserviceaccount.com&Expires=1763648683&Signature=Oe837XbufC92gQWyTk9izmzKl3w5kDxGofm6IZ5K942DNZssqWKHBDyuTGOFcNS8el6TN7%2F0EOce3L6GnnVakkh%2B9SeXfYpnTlUcqDbYpGMaFM5eVBdCQ7y2%2Fw1gNGMqjn7bsmmWTRVy%2FDNXXNc8Dnwqb8p%2BBM15UBuccTkVU4ak2CJ7szVRqqme6T5j11JBNXN%2Bnsq8c067kGYpMl5PVLQPNvNF9a7Pp%2Bh5kVU9Qb%2FhZ5JI1qVGmpMwm7wD3V3snp6KsZ8CoSWqBaa5MhCP7LU%2FRH2PYRiFOcCzhBYbg9%2FQ48E7nV47i7w0H2xxaZdsc%2F%2FlLNjFULJlHIoOTSkL0w%3D%3D
curl --request POST \
--url https://api.firecrawl.dev/v2/scrape \
--header 'Content-Type: application/json' \
--data '{
"url": "https://www.modaoperandi.com/women/p/bottega-veneta/bang-bang-intr-15-light-suede-cachemire/680234",
"onlyMainContent": false,
"excludeTags": [
".EmailSignup__wrapper"
],
"maxAge": 172800000,
"proxy": "stealth",
"parsers": [
"pdf"
],
"formats": [
"screenshot"
]
}'
Moda Operandi
Bang Bang Intrecciato Leather Vanity Case By Bottega Veneta | Moda ...
Shop the Gold Bang Bang Intrecciato Leather Vanity Case by Bottega Veneta and more new designer fashion on Moda Operandi.