n8n Form Trigger to Telegram with Image Generation

This n8n workflow automates the process of generating images based on form submissions and sending them to a Telegram chat. It leverages a custom HTTP request to an external image generation service (likely Google Gemini, given the directory name context) and then broadcasts the generated image to a specified Telegram chat.

What it does

This workflow streamlines the creation and sharing of user-generated content (UGC) images by:

1. Listening for Form Submissions: It triggers whenever a new submission is made to an n8n form.
2. Preparing Data: It extracts relevant data from the form submission to be used in the image generation prompt.
3. Generating Image Prompt: It constructs a prompt for an AI image generation model (e.g., Google Gemini) based on the form data.
4. Calling Image Generation API: It makes an HTTP request to an external API to generate an image using the constructed prompt.
5. Handling Image Data: It receives the generated image data (likely base64 encoded) and converts it into a binary file format.
6. Sending to Telegram: It sends the generated image as a photo to a designated Telegram chat.

Prerequisites/Requirements

To use this workflow, you will need:

• n8n Instance: A running n8n instance.
• Telegram Bot Token: A Telegram Bot Token and the Chat ID where the images should be sent.
• Image Generation API Endpoint: An API endpoint for an image generation service (e.g., Google Gemini, DALL-E, Stable Diffusion) that accepts a text prompt and returns an image. This API will need its own authentication (e.g., API key).
• n8n Form: An n8n form configured to collect the necessary input for image generation.

Setup/Usage

1. Import the Workflow:
   • In your n8n instance, go to "Workflows".
   • Click "New" -> "Import from JSON" and paste the provided JSON.
2. Configure Credentials:
   • Telegram Node (ID: 49):
     • Click on the "Telegram" node.
     • Select or create a new Telegram API credential. You'll need your Telegram Bot Token.
     • Enter the Chat ID where you want the images to be sent.
   • HTTP Request Node (ID: 19):
     • Click on the "HTTP Request" node.
     • Configure the URL to your image generation API endpoint.
     • Set the HTTP Method (likely POST).
     • Add any necessary Headers (e.g., Authorization with your API key, Content-Type: application/json).
     • Configure the Body to send the prompt. This will likely involve an expression like {{ $json.prompt }} to use the prompt generated in the previous "Code" node.
3. Configure n8n Form Trigger (ID: 1225):
   • Click on the "On form submission" node.
   • Customize the form fields to collect the data you need for your image prompts (e.g., description, style, subject).
   • Activate the form.
4. Configure Code Node (ID: 834):
   • Click on the "Code" node.
   • Review and modify the JavaScript code to construct the image generation prompt based on the fields from your n8n form.
   • Example: const formDescription = $input.item.json.form.data.description; return { json: { prompt: Generate an image of ${formDescription} in a vibrant style. } };
5. Configure Edit Fields (Set) Node (ID: 38):
   • This node is currently configured to pass through data. If you need to rename or transform any fields before sending to Telegram, configure it here.
6. Configure Convert to File (ID: 1234) and Extract from File (ID: 1235) Nodes:
   • These nodes are crucial for handling binary image data. Ensure the Convert to File node correctly converts the API response (e.g., base64 string) into a binary file.
   • The Extract from File node might not be strictly necessary if the Convert to File node directly outputs a binary item suitable for Telegram, but it's there for potential intermediate processing if the API response requires further decoding.
7. Activate the Workflow: Once all configurations are complete, activate the workflow.

Now, every time your n8n form is submitted, an image will be generated and sent to your specified Telegram chat!