Transparent Tracking Pixel for Email Open Detection

📌 Description

This workflow serves a 1x1 transparent PNG image via a webhook, which can be embedded in an email to track when the email is opened . When the image is loaded by the recipient's email client, the webhook is triggered, optionally capturing a userId to identify who opened the email.

📂 Workflow Steps

1. Webhook Trigger ( Request img )

   • Path: /webhook/change-with-your-id
   • Triggered by an HTTP request (eg when the image is loaded in an email).
   • Accepts a query parameter id to identify the recipient.

2. Set Base64 Data ( Create data pix )

   • Creates a variable data containing a Base64-encoded transparent PNG image (1x1 pixel).

3. Convert to Binary ( Create img bin )

   • Converts the Base64 data string into a binary file.
   • Sets MIME type to image/png .

4. Respond to Webhook ( Respond to Webhook )

   • Sends the binary image file in the HTTP response.

5. Logging ( Do anything to log )

   • Placeholder node to log or process the id or request metadata.
   • You can access the id using {{$json["query"]["id"]}} .
   • You can also use any parameter you want

✉️ How to Use in Emails

Embed the image in an HTML email like this:

 <img src="https://<your-n8n-instance>/webhook/db4880e7-2134-4994-94e5-a4a3aa120440?id=1234" width="1" height="1" alt />

When the email is opened and the image is loaded, the workflow will be triggered.

🛠️ Notes

• Some email clients block images by default; this may prevent tracking.
• You can enhance the workflow to store open events in a database, log the timestamp, IP, or user agent.
• Make sure to comply with data privacy and consent regulations (eg GDPR).