用 n8n Webhook 接收数据，经 Layerre 生成 Canva 图片变体并推送到 Slack

输入：来自表单或 API 的 JSON（姓名、图片 URL）→ 处理：Layerre 按 Canva 模板渲染变体 → 输出：Slack 消息 + Webhook 响应返回图片链接

给谁

已拥有 Canva 设计、Layerre 账户与 Slack 工作区的运营者或开发者

你会得到

每次收到 Webhook 请求后，自动生成一张定制化图片，推送到 Slack 并返回图片 URL

你需要

n8n · webhook · slack

步骤

1. 准备：创建 Layerre 模板并配置 Webhook

   在 n8n 中导入该 workflow。先运行一次「Create a template」节点：填入你的 Canva 设计 URL 并执行，记录生成的模板 ID。然后配置「Webhook」节点：确认 HTTP Method 为 POST，Path 为 layerre-image，Response Mode 为 responseNode。你的表单或应用需向该 Webhook 地址发送 JSON，例如 {"name":"Jane","imageUrl":"https://..."}。

   搭建指导 · 来源原文。Workflow Overview 节点内容；作为整体搭建参考

   复制提示词

   ## Webhook → Layerre → Slack
   
   Generate a custom image from incoming webhook data (e.g. form submissions, Typeform, Tally, or custom API) and post the result to a Slack channel.
   
   ### How it works
   1. **Webhook**: Receives POST with JSON body (e.g. `{"name": "Jane", "imageUrl": "https://..."}`)
   2. **Create Template** (run once manually): Create a Layerre template from your Canva design, then select it in the variant node
   3. **Create Variant**: On each webhook, build one variant using body fields
   4. **Slack**: Post the rendered image URL (or message) to a channel
   
   ### Prerequisites
   - [Layerre account](https://layerre.com) with API key
   - Canva design with customizable layers
   - Slack workspace and app (incoming webhook or Bot token)
   
   ### Customization
   - Map webhook body fields to your Canva layer IDs in the Create Variant node
   - Use Respond to Webhook to return the image URL in the HTTP response
   - Add error handling or rate limiting as needed
   
   ### Resources
   - [Layerre Documentation](https://layerre.com/docs)
   - [Layerre n8n Node](https://github.com/layerre/n8n-nodes-layerre)

   搭建指导 · 来源原文。Create a template 节点操作说明

   复制提示词

   ## Step 1: Create Template (one-time, run manually)
   
   Run this node once: paste your Canva design URL and execute. Then in **Create Variant from Webhook**, select that template from the **Template** dropdown. This node is not in the webhook path.

2. 映射字段：在 Variant 节点关联 Webhook 数据与 Canva 图层

   打开「Create a variant」节点。在 Template 下拉框中选择步骤 1 生成的模板。在 Overrides 中，将 webhook JSON 字段映射到 Canva 图层：例如 $json.body.name 对应文本图层，$json.body.imageUrl 对应图片图层。来源示例同时提到 photoUrl 字段名，实际以你的表单发送的字段名为准。

   运行提示词 · 来源原文。Create a variant 节点 Overrides 配置字段

   复制提示词

   ## Step 2: Create Variant from webhook body
   
   Select your template from the **Template** dropdown (from Step 1). Map webhook JSON fields to your Canva layers. Example body: `{"name": "Jane", "photoUrl": "https://..."}`. Overrides use `$json.body.name` and `$json.body.photoUrl`.

3. 输出：推送到 Slack 并返回 Webhook 响应

   配置「Post to Slack」节点：添加 Slack 凭证，选择目标频道或用户；消息文本默认为 "New image: {{ $json.url }}"，可按需调整。然后配置「Respond to Webhook」节点：设置 respondWith 为 json，responseBody 为 ={{ { "success": true, "imageUrl": $json.renderedImageUrl || $json.imageUrl } }}，使调用方收到图片链接。保存并激活 workflow。

   运行提示词 · 来源原文。Post to Slack 节点操作说明

   复制提示词

   ## Step 3: Post to Slack
   
   Send the rendered image URL (or a message) to a Slack channel. Configure your Slack credentials and channel.

请根据以下信息在 n8n 中搭建或复现该 workflow：
1) 导入 workflow JSON（来源模板 ID 13880）。
2) 先手动运行「Create a template」节点一次，粘贴 Canva URL 获取模板 ID。
3) 配置 Webhook 节点路径与 method，确保外部系统按约定字段发送 POST JSON。
4) 在「Create a variant」节点选择模板并映射 body 字段到图层。
5) 配置 Slack 凭证与响应节点，使每次请求生成图片后既发 Slack 又返回 URL。
注意：需自备 Layerre API key、Canva 设计与 Slack 凭证；未测试前建议先用样例数据手动执行验证。