Automatisation Email avec n8n : envoi de captures d'écran

Ce workflow n8n a pour objectif d'automatiser l'envoi d'emails contenant des captures d'écran générées à partir de pages web. Dans un contexte où la visualisation rapide d'informations est cruciale, ce processus permet aux équipes marketing et aux développeurs de partager facilement des aperçus de sites web ou d'applications. Par exemple, il peut être utilisé pour envoyer des rapports de performance visuels ou des mises à jour de projet à des clients ou des collègues. Le workflow commence par un déclencheur manuel, où l'utilisateur clique sur 'exécuter'. Ensuite, un item est créé pour définir les détails de l'email à envoyer. Le workflow utilise le service AWS SES pour envoyer l'email, en spécifiant le corps du message et les adresses des destinataires. Pour générer les captures d'écran, deux appels à l'API Uproc sont effectués : un pour la capture d'une page complète et un autre pour la capture d'une section spécifique. Les fichiers générés sont ensuite récupérés via des requêtes HTTP. Les captures d'écran sont fusionnées et téléchargées sur Dropbox, permettant un accès facile et partagé. Ce workflow d'automatisation n8n offre une solution efficace pour réduire le temps consacré à la création et à l'envoi d'emails contenant des visuels, tout en garantissant une communication claire et rapide au sein des équipes.

À qui s'adresse ce workflow ?

Ce que ce workflow résout

Comment ça fonctionne

Visualisation du workflow n8n

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

Importer dans n8n en un clic

Inscris-toi gratuitement pour télécharger le fichier .json, puis fais Import from File dans n8n pour déployer le workflow en quelques secondes.

{
  "id": "105",
  "name": "screenshot",
  "nodes": [
    {
      "name": "On clicking 'execute'",
      "type": "n8n-nodes-base.manualTrigger",
      "position": [
        440,
        580
      ],
      "parameters": {},
      "typeVersion": 1
    },
    {
      "name": "Create Web + Email Item",
      "type": "n8n-nodes-base.functionItem",
      "position": [
        630,
        580
      ],
      "parameters": {

Personnaliser ce workflow

Détail des nœuds n8n

• 01

  On clicking 'execute'

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

• 02

  Create Web + Email Item

  Ce noeud crée un élément Web et Email en exécutant un code fonctionnel.

• 03

  Send Email

  Ce noeud envoie un email via AWS SES avec les paramètres spécifiés.

• 04

  Generate FullPage

  Ce noeud génère une page complète à partir d'une URL donnée en utilisant un outil spécifique.

• 05

  Generate Screenshot

  Ce noeud génère une capture d'écran d'une URL donnée en utilisant un outil spécifique.

• 06

  Get File

  Ce noeud effectue une requête HTTP pour récupérer un fichier à partir d'une URL.

• 07

  Get File1

  Ce noeud effectue une requête HTTP pour récupérer un fichier à partir d'une autre URL.

• 08

  Merge

  Ce noeud fusionne les données provenant de plusieurs flux selon le mode spécifié.

• 09

  Upload Screenshot

  Ce noeud télécharge une capture d'écran sur Dropbox à l'emplacement spécifié.

• 10

  Upload fullpage

  Ce noeud télécharge une page complète sur Dropbox à l'emplacement spécifié.