← Retour aux workflows
Workflow n8n

Automatisation n8n : capture d'écrans de sites web

  • Ce workflow n8n a pour objectif de capturer des captures d'écran de sites web en utilisant Bright Data Web Unlocker et de les enregistrer sur disque. Il s'adresse principalement aux équipes marketing et aux développeurs qui souhaitent automatiser la création de visuels pour des rapports, des présentations ou des études de marché. Grâce à cette automatisation n8n, les utilisateurs peuvent facilement générer des images de pages web sans avoir à le faire manuellement, ce qui leur fait gagner un temps précieux et améliore leur efficacité.
  • Le déroulé du workflow commence par un déclencheur manuel, qui permet à l'utilisateur de tester le flux à tout moment. Ensuite, le workflow utilise un nœud 'Set' pour définir l'URL, le nom de fichier et la zone Bright Data nécessaires pour la capture. L'étape suivante consiste à envoyer une requête HTTP pour capturer une capture d'écran de la page web spécifiée. Une fois la capture réalisée, le fichier est enregistré sur le disque grâce au nœud 'Write a file to disk'. En intégrant des notes autocollantes, ce workflow permet également de garder une trace des informations importantes tout au long du processus.
  • Les bénéfices business de ce workflow sont nombreux : il permet de réduire le temps consacré à la capture d'écrans manuelle, d'améliorer la qualité des visuels utilisés dans les communications et de garantir une meilleure cohérence dans les documents produits. En automatisant cette tâche, les équipes peuvent se concentrer sur des activités à plus forte valeur ajoutée.
Tags clés :automatisationn8ncapture d'écranBright Dataworkflow
🎯Pour qui ?🧩Problème résolu📋Étapes du flux🛠Guide de personnalisation
Catégorie: Manual · Tags: automatisation, n8n, capture d'écran, Bright Data, workflow❤ 0

Workflow n8n capture d'écran, Bright Data : vue d'ensemble

Schéma des nœuds et connexions de ce workflow n8n, généré à partir du JSON n8n.

React Flow
Besoin d'aide ?

Workflow n8n capture d'écran, Bright Data : détail des nœuds

  • When clicking ‘Test workflow’

    Ce noeud déclenche manuellement le workflow lorsque l'utilisateur clique sur 'Test workflow'.

  • Sticky Note

    Ce noeud crée une note autocollante avec des paramètres de largeur, hauteur et contenu spécifiés.

  • Sticky Note1

    Ce noeud crée une note autocollante avec des paramètres de couleur, largeur, hauteur et contenu spécifiés.

  • Write a file to disk

    Ce noeud écrit un fichier sur le disque en utilisant les options, le nom de fichier, l'opération et le nom de la propriété de données fournis.

  • Capture a screenshot

    Ce noeud capture une capture d'écran à partir d'une URL spécifiée en utilisant une requête HTTP.

  • Set URL, Filename and Bright Data Zone

    Ce noeud définit l'URL, le nom de fichier et la zone Bright Data en fonction des options et des affectations fournies.

Inscris-toi pour voir l'intégralité du workflow

Inscription gratuite

S'inscrire gratuitementBesoin d'aide ?
{
  "id": "1U5Jf4NMQEw9LtxY",
  "meta": {
    "instanceId": "885b4fb4a6a9c2cb5621429a7b972df0d05bb724c20ac7dac7171b62f1c7ef40"
  },
  "name": "Capture Website Screenshots with Bright Data Web Unlocker and Save to Disk",
  "tags": [
    {
      "id": "Kujft2FOjmOVQAmJ",
      "name": "Engineering",
      "createdAt": "2025-04-09T01:31:00.558Z",
      "updatedAt": "2025-04-09T01:31:00.558Z"
    }
  ],
  "nodes": [
    {
      "id": "d61cb066-1d5f-47d5-a4dd-4534f3d3c6d8",
      "name": "When clicking ‘Test workflow’",
      "type": "n8n-nodes-base.manualTrigger",
      "position": [
        -520,
        -160
      ],
      "parameters": {},
      "typeVersion": 1
    },
    {
      "id": "eb99305b-0375-4cdd-8682-637d281598a0",
      "name": "Sticky Note",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -540,
        -500
      ],
      "parameters": {
        "width": 360,
        "height": 260,
        "content": "## Note\n\nThe \"**Set URL, Filename and Bright Data Zone**\" node must be updated with the appropriate url, file name and **Bright Data Proxies & Infrastructure** zone.\n\nThe \"**Write a file to disk**\" node has the location to download the website screenshot. Please make sure to set the path"
      },
      "typeVersion": 1
    },
    {
      "id": "205f64e9-5b31-4c76-912a-307eccde159e",
      "name": "Sticky Note1",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        -160,
        -240
      ],
      "parameters": {
        "color": 4,
        "width": 260,
        "height": 280,
        "content": "## Website Screenshot"
      },
      "typeVersion": 1
    },
    {
      "id": "e7705941-2ae8-4c38-93cb-2cb865314872",
      "name": "Write a file to disk",
      "type": "n8n-nodes-base.readWriteFile",
      "position": [
        140,
        -160
      ],
      "parameters": {
        "options": {},
        "fileName": "={{ \"c:\\\\\"+ $json.filename }}",
        "operation": "write",
        "dataPropertyName": "={{ $json.filename }}"
      },
      "typeVersion": 1
    },
    {
      "id": "167ff255-da5b-43c1-a22f-e00c4cc166d8",
      "name": "Capture a screenshot",
      "type": "n8n-nodes-base.httpRequest",
      "position": [
        -80,
        -160
      ],
      "parameters": {
        "url": "https://api.brightdata.com/request",
        "method": "POST",
        "options": {
          "response": {
            "response": {
              "responseFormat": "file",
              "outputPropertyName": "={{ $json.filename }}"
            }
          },
          "allowUnauthorizedCerts": true
        },
        "sendBody": true,
        "sendHeaders": true,
        "authentication": "genericCredentialType",
        "bodyParameters": {
          "parameters": [
            {
              "name": "zone",
              "value": "={{ $json.zone }}"
            },
            {
              "name": "url",
              "value": "={{ $json.url }}"
            },
            {
              "name": "format",
              "value": "raw"
            },
            {
              "name": "data_format",
              "value": "screenshot"
            }
          ]
        },
        "genericAuthType": "httpHeaderAuth",
        "headerParameters": {
          "parameters": [
            {}
          ]
        }
      },
      "credentials": {
        "httpHeaderAuth": {
          "id": "kdbqXuxIR8qIxF7y",
          "name": "Header Auth account"
        }
      },
      "typeVersion": 4.2
    },
    {
      "id": "1c5c3d72-f20d-4d06-a6f2-461d043c4a01",
      "name": "Set URL, Filename and Bright Data Zone",
      "type": "n8n-nodes-base.set",
      "position": [
        -300,
        -160
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "c9de0c3e-609a-4e87-b6ab-b4312be026a9",
              "name": "url",
              "type": "string",
              "value": "https://dev.to/"
            },
            {
              "id": "408ed65a-0d66-4f98-b2eb-0d5e066e3250",
              "name": "filename",
              "type": "string",
              "value": "devto.png"
            },
            {
              "id": "ee10fcb0-a610-4987-8a4e-dfab077aee0e",
              "name": "zone",
              "type": "string",
              "value": "web_unlocker1"
            }
          ]
        }
      },
      "typeVersion": 3.4
    }
  ],
  "active": false,
  "pinData": {},
  "settings": {
    "executionOrder": "v1"
  },
  "versionId": "d3ae63f2-efcf-478b-aadf-8a3fac2af02a",
  "connections": {
    "Capture a screenshot": {
      "main": [
        [
          {
            "node": "Write a file to disk",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "When clicking ‘Test workflow’": {
      "main": [
        [
          {
            "node": "Set URL, Filename and Bright Data Zone",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "Set URL, Filename and Bright Data Zone": {
      "main": [
        [
          {
            "node": "Capture a screenshot",
            "type": "main",
            "index": 0
          }
        ]
      ]
    }
  }
}

Workflow n8n capture d'écran, Bright Data : pour qui est ce workflow ?

Ce workflow s'adresse principalement aux équipes marketing, aux développeurs et aux professionnels de la communication qui cherchent à automatiser la capture d'écrans de sites web. Il est adapté aux entreprises de toutes tailles, notamment celles qui souhaitent gagner en efficacité dans la création de contenus visuels.

Workflow n8n capture d'écran, Bright Data : problème résolu

Ce workflow résout le problème de la capture manuelle d'écrans de sites web, qui peut être fastidieuse et sujette à des erreurs. En automatisant ce processus, les utilisateurs éliminent les frustrations liées à la prise de captures d'écran répétitives et gagnent un temps précieux. De plus, il réduit le risque d'incohérences dans les visuels utilisés, garantissant ainsi une meilleure qualité dans les rapports et présentations.

Workflow n8n capture d'écran, Bright Data : étapes du workflow

Étape 1 : Le flux est déclenché manuellement par l'utilisateur.

  • Étape 1 : L'URL, le nom de fichier et la zone Bright Data sont définis à l'aide du nœud 'Set'.
  • Étape 2 : Une requête HTTP est envoyée pour capturer l'écran de la page web spécifiée.
  • Étape 3 : Le fichier de la capture d'écran est enregistré sur le disque grâce au nœud 'Write a file to disk'.
  • Étape 4 : Des notes autocollantes sont ajoutées pour garder une trace des informations importantes.

Workflow n8n capture d'écran, Bright Data : guide de personnalisation

Pour personnaliser ce workflow, vous pouvez modifier l'URL dans le nœud 'Set' pour capturer différentes pages web. Il est également possible de changer le nom du fichier pour organiser les captures d'écran selon vos besoins. Si vous souhaitez intégrer d'autres outils, vous pouvez ajouter des nœuds supplémentaires après la capture d'écran pour envoyer les fichiers par email ou les stocker dans un service cloud. Assurez-vous de sécuriser le flux en vérifiant les permissions d'accès aux fichiers et en surveillant les erreurs potentielles lors de l'exécution.