← Retour aux workflows
Workflow n8n

Automatisation n8n : envoi de messages avec images

Ce workflow n8n a pour objectif d'automatiser l'envoi de messages contenant des images, facilitant ainsi la communication visuelle au sein des équipes. Dans un contexte professionnel où le partage rapide d'informations est crucial, cette automatisation permet de gagner du temps et d'améliorer la collaboration. Par exemple, les équipes marketing peuvent utiliser ce workflow pour envoyer des visuels à leurs collègues ou clients sans intervention manuelle. Le processus commence par un déclencheur manuel, où l'utilisateur clique sur 'Test workflow'. Ensuite, un message est composé, incluant des éléments visuels, et envoyé via une requête HTTP. L'image à envoyer est récupérée grâce à un autre appel HTTP, puis convertie en base64 pour garantir sa compatibilité lors de l'envoi. Les paramètres de message sont ensuite ajustés avant d'être envoyés. Ce workflow illustre parfaitement comment l'automatisation n8n peut simplifier les tâches répétitives, réduire les erreurs humaines et améliorer l'efficacité des équipes. En intégrant ce type de solution, les entreprises peuvent se concentrer sur des tâches à plus forte valeur ajoutée, tout en assurant une communication fluide et rapide.

Tags clés :automatisationn8ncommunicationworkflowimages
🎯Pour qui ?🧩Problème résolu📋Étapes du flux🛠Guide de personnalisation
Catégorie: Manual · Tags: automatisation, n8n, communication, workflow, images❤ 0

Workflow n8n communication, images : 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 communication, images : détail des nœuds

  • When clicking "Test workflow"

    Déclenche le workflow lorsque l'utilisateur clique sur 'Test workflow'.

  • Compose message

    Compose un message en définissant des options et des affectations.

  • Send message

    Envoie un message via une requête HTTP en spécifiant l'URL, le corps et la méthode.

  • Get image

    Récupère une image à partir d'une URL donnée.

  • Message settings

    Configure les paramètres du message en définissant des options et des affectations.

  • Convert image to base64

    Convertit une image en format base64 pour un traitement ultérieur.

  • Sticky Note

    Crée une note autocollante avec des paramètres de couleur, de taille et de contenu.

  • Sticky Note1

    Crée une deuxième note autocollante avec des paramètres de couleur, de taille et de contenu.

  • Sticky Note2

    Crée une troisième note autocollante avec des paramètres de couleur, de taille et de contenu.

  • Sticky Note3

    Crée une quatrième note autocollante en spécifiant la hauteur et le contenu.

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

Inscription gratuite

S'inscrire gratuitementBesoin d'aide ?
{
  "meta": {
    "instanceId": "cb484ba7b742928a2048bf8829668bed5b5ad9787579adea888f05980292a4a7"
  },
  "nodes": [
    {
      "id": "e7725ddb-8cdc-4e36-8a9e-5bf079d94972",
      "name": "When clicking \"Test workflow\"",
      "type": "n8n-nodes-base.manualTrigger",
      "position": [
        460,
        460
      ],
      "parameters": {},
      "typeVersion": 1
    },
    {
      "id": "7cd477d3-e7fd-4a2b-b39e-f5b00271540a",
      "name": "Compose message",
      "type": "n8n-nodes-base.set",
      "position": [
        1340,
        460
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "2addc1b4-68a0-4c72-87d6-d47286eef70c",
              "name": "raw",
              "type": "string",
              "value": "={{ \"From: \"+$('Message settings').item.json.from+\"\\nTo: \"+$('Message settings').item.json.to+\"\\nSubject: \"+$('Message settings').item.json.subject+\"\\nMIME-Version: 1.0\\nContent-Type: multipart/related; boundary=boundary1\\n\\n--boundary1\\nContent-Type: text/html; charset=UTF-8\\n\\n<html>\\n<body>\\n\"+$('Message settings').item.json.body_html+\"\\n</body>\\n</html>\\n\\n--boundary1\\nContent-Type: \"+$('Get image').item.binary.data.mimeType+\"\\nContent-Transfer-Encoding: base64\\nContent-Disposition: inline\\nContent-ID: <image1>\\n\\n\"+$json.chart1+\"\\n\\n--boundary1--\\n\" }}"
            }
          ]
        }
      },
      "typeVersion": 3.3
    },
    {
      "id": "4aca2efe-cf79-4cec-8912-44761595e9ea",
      "name": "Send message",
      "type": "n8n-nodes-base.httpRequest",
      "position": [
        1560,
        460
      ],
      "parameters": {
        "url": "https://www.googleapis.com/gmail/v1/users/me/messages/send",
        "body": "={ \"raw\": \"{{ $json.raw.base64Encode() }}\"}",
        "method": "POST",
        "options": {},
        "sendBody": true,
        "contentType": "raw",
        "authentication": "predefinedCredentialType",
        "rawContentType": "application/json",
        "nodeCredentialType": "gmailOAuth2"
      },
      "credentials": {
        "gmailOAuth2": {
          "id": "198",
          "name": "Gmail account (David)"
        }
      },
      "typeVersion": 4.2
    },
    {
      "id": "75ec79b0-782a-462e-8f68-5c3f6a77190a",
      "name": "Get image",
      "type": "n8n-nodes-base.httpRequest",
      "position": [
        900,
        460
      ],
      "parameters": {
        "url": "https://thistleandrose.co.uk/img/userimages/Page/0/bgmainfront.jpg",
        "options": {}
      },
      "typeVersion": 4.2
    },
    {
      "id": "23d3665c-0dfe-470c-98b6-ac67bcd186ee",
      "name": "Message settings",
      "type": "n8n-nodes-base.set",
      "position": [
        680,
        460
      ],
      "parameters": {
        "options": {},
        "assignments": {
          "assignments": [
            {
              "id": "b640b120-cf83-4141-8a74-59da3ec1bb92",
              "name": "from",
              "type": "string",
              "value": "sender@example.com"
            },
            {
              "id": "a01d10b2-a61c-4173-b31c-b24c6c0859d4",
              "name": "to",
              "type": "string",
              "value": "recipient@example.com"
            },
            {
              "id": "1173b361-ed4b-4c3d-af96-c66b9909a4c4",
              "name": "subject",
              "type": "string",
              "value": "Email with embedded image"
            },
            {
              "id": "b6c8771a-f1c9-4952-9b9d-2684a8017ff4",
              "name": "body_html",
              "type": "string",
              "value": "=<p>This email contains an embedded image:</p>\n<p><img src='cid:image1'></p>"
            }
          ]
        }
      },
      "typeVersion": 3.3
    },
    {
      "id": "f2586628-8664-442b-b822-2caa075f6f4d",
      "name": "Convert image to base64",
      "type": "n8n-nodes-base.extractFromFile",
      "position": [
        1120,
        460
      ],
      "parameters": {
        "options": {},
        "operation": "binaryToPropery",
        "destinationKey": "chart1"
      },
      "typeVersion": 1
    },
    {
      "id": "69de86e7-eef2-4792-81db-1fdb930c7790",
      "name": "Sticky Note",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        860,
        340
      ],
      "parameters": {
        "color": 7,
        "width": 168.75,
        "height": 281.25,
        "content": "Gets a random image from the internet. Replace this with your image (should be called 'data')"
      },
      "typeVersion": 1
    },
    {
      "id": "9bf60739-3388-4394-bec4-542ec3fddbb8",
      "name": "Sticky Note1",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        1520,
        340
      ],
      "parameters": {
        "color": 7,
        "width": 168.75,
        "height": 281.25,
        "content": "We use an HTTP node rather than the Gmail node. Add your Gmail creds here"
      },
      "typeVersion": 1
    },
    {
      "id": "2700414e-3fb1-45de-9550-c1ffb5702b94",
      "name": "Sticky Note2",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        640,
        340
      ],
      "parameters": {
        "color": 7,
        "width": 168.75,
        "height": 281.25,
        "content": "To use the image in the body of the email, insert <img src='cid:image1'>"
      },
      "typeVersion": 1
    },
    {
      "id": "81d9af8b-b232-4d15-8c7a-c773a2fb7aa8",
      "name": "Sticky Note3",
      "type": "n8n-nodes-base.stickyNote",
      "position": [
        160,
        360
      ],
      "parameters": {
        "height": 205,
        "content": "## Try me out\n1. Make sure you add your Gmail credential in the last node\n2. Update the sender and recipient in the 'Message settings' node\n3. Click 'test workflow'"
      },
      "typeVersion": 1
    }
  ],
  "pinData": {},
  "connections": {
    "Get image": {
      "main": [
        [
          {
            "node": "Convert image to base64",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "Compose message": {
      "main": [
        [
          {
            "node": "Send message",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "Message settings": {
      "main": [
        [
          {
            "node": "Get image",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "Convert image to base64": {
      "main": [
        [
          {
            "node": "Compose message",
            "type": "main",
            "index": 0
          }
        ]
      ]
    },
    "When clicking \"Test workflow\"": {
      "main": [
        [
          {
            "node": "Message settings",
            "type": "main",
            "index": 0
          }
        ]
      ]
    }
  }
}

Workflow n8n communication, images : pour qui est ce workflow ?

Ce workflow s'adresse aux équipes marketing et communication des PME et grandes entreprises, ainsi qu'aux professionnels souhaitant optimiser leur processus de partage d'images. Un niveau technique de base est recommandé pour la personnalisation des paramètres.

Workflow n8n communication, images : problème résolu

Ce workflow résout le problème de l'envoi manuel d'images, qui peut être fastidieux et sujet à des erreurs. En automatisant ce processus, les utilisateurs éliminent les frustrations liées à la gestion manuelle des fichiers et assurent une communication plus rapide et efficace. Après mise en place, les équipes peuvent envoyer des messages enrichis d'images en quelques clics, ce qui améliore la productivité et réduit le risque d'erreurs.

Workflow n8n communication, images : étapes du workflow

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

  • Étape 1 : Un message est composé, intégrant les éléments nécessaires.
  • Étape 2 : Une requête HTTP est effectuée pour récupérer l'image à envoyer.
  • Étape 3 : L'image est convertie en base64 pour garantir sa compatibilité.
  • Étape 4 : Les paramètres du message sont ajustés avant l'envoi.
  • Étape 5 : Le message final est envoyé avec l'image intégrée.

Workflow n8n communication, images : guide de personnalisation

Pour personnaliser ce workflow, commencez par modifier l'URL de récupération de l'image dans le nœud 'Get image'. Vous pouvez également ajuster le contenu du message dans le nœud 'Compose message' pour qu'il corresponde à vos besoins. Si vous souhaitez intégrer d'autres outils, envisagez de remplacer le nœud 'Send message' par un autre service compatible avec n8n. Assurez-vous de vérifier les paramètres d'authentification pour garantir la sécurité de vos données. Enfin, vous pouvez ajouter des conditions pour gérer des scénarios spécifiques selon vos besoins.