{
  "id": 12193,
  "name": "E-commerce product mockups from images with OpenAI DALL-E, remove.bg and G-Drive",
  "description": "## Who it's for\nThis **n8n workflow** automatically generates professional e-commerce product mockups from product images. The workflow is perfect for e-commerce store owners, product marketers, and content creators who need to create consistent, high-quality product visuals for their online stores, social media, and marketing materials.\n\n## Features\n* **Dual Input Methods**: Accepts product images via file upload or URL\n* **Background Removal**: Automatically removes backgrounds from product images using remove.bg API\n* **AI-Powered Mockups**: Generates premium e-commerce mockups using OpenAI's DALL-E\n* **Professional Prompts**: Uses detailed design prompts for luxury e-commerce aesthetics\n* **Google Drive Integration**: Automatically saves both PNG files and final mockups to Google Drive\n\n## How It Works\n1. The workflow starts with a form submission where users provide:\n   - Product image (file upload or URL)\n   - Product name/title\n2. System detects whether the image is a file or a URL.\n3. For uploaded files:\n   - Processed through remove.bg to remove the background\n   - Transparent PNG is uploaded to Google Drive\n   - OpenAI generates a professional mockup based on product image\n   - Final mockup uploaded on Drive & notify user\n4. For URL inputs:\n   - Image downloaded from the URL\n   - Background removal and mockup generation process is applied\n   - Results are delivered back to the user\n\n## Requirements\n- **remove.bg API credentials** for background removal\n- **OpenAI API credentials** for DALL-E image generation\n- **Google Drive OAuth2 credentials** for file storage\n\n## Important Notes\n- **Image Processing**: All images are processed with professional-grade background removal\n- **AI Prompting**: The workflow uses detailed prompts designed for luxury e-commerce aesthetics\n- **File Storage**: Both PNG files and final mockups are stored in a designated Google Drive folder\n- **Conditional Logic**: The workflow intelligently routes based on input type (file vs. URL)\n- **Error Handling**: Includes retry logic for AI image generation\n\n## Support & Help\n- **WhatsApp**: [Chat on WhatsApp](https://wa.me/8801322827799)\n- **Discord**: [SpaGreen Community](https://discord.gg/SsCChWEP)\n- **Facebook Group**: [SpaGreen Support](https://www.facebook.com/groups/spagreenbd)\n- **Website**: [https://spagreen.net](https://spagreen.net)\n- **Developer Portfolio**: [Codecanyon SpaGreen](https://codecanyon.net/user/spagreen/portfolio)",
  "categories": [
    {
      "id": 31,
      "name": "Content Creation"
    },
    {
      "id": 51,
      "name": "Multimodal AI"
    }
  ],
  "totalViews": 53,
  "createdAt": "2025-12-27T03:44:04.355Z",
  "workflow": {
    "id": "s8GdNIHMNXrk6vKG",
    "meta": {
      "instanceId": "cb9a1e5321767b6316634728341237e564b2587ab15b74ca0a89eb02a53484d6",
      "templateCredsSetupCompleted": true
    },
    "name": "AI-Powered Ecommerce Product Mockup Generator from Product Images",
    "tags": [],
    "nodes": [
      {
        "id": "2afb42e1-e8bd-488b-8513-1ebb0c38120b",
        "name": "Remove Image Background",
        "type": "n8n-nodes-base.httpRequest",
        "position": [
          96,
          -608
        ],
        "parameters": {},
        "executeOnce": false,
        "typeVersion": 4.2
      },
      {
        "id": "6efa1ae0-0b5f-4bda-9616-02cfe71ede0a",
        "name": "Generate an image",
        "type": "@n8n/n8n-nodes-langchain.openAi",
        "maxTries": 2,
        "position": [
          512,
          -608
        ],
        "parameters": {},
        "executeOnce": false,
        "retryOnFail": true,
        "typeVersion": 1.8,
        "alwaysOutputData": false
      },
      {
        "id": "427500af-2227-4aaa-adde-5b941fad84cb",
        "name": "Form submission",
        "type": "n8n-nodes-base.formTrigger",
        "position": [
          -368,
          -592
        ],
        "webhookId": "f0d09c32-e0a1-4bcc-95f5-c02d8f5db384",
        "parameters": {},
        "typeVersion": 2.3
      },
      {
        "id": "951d07b7-c3a6-4bf5-b555-ac04e342eb0c",
        "name": "If",
        "type": "n8n-nodes-base.if",
        "position": [
          -144,
          -592
        ],
        "parameters": {},
        "typeVersion": 2.2
      },
      {
        "id": "a33b69b6-98ce-45c9-9a9b-c151dd5169d4",
        "name": "If1",
        "type": "n8n-nodes-base.if",
        "position": [
          -144,
          -192
        ],
        "parameters": {},
        "typeVersion": 2.2
      },
      {
        "id": "255a5c10-dae4-4a7f-9520-4dcab7aca7cd",
        "name": "Form Notice",
        "type": "n8n-nodes-base.form",
        "position": [
          112,
          16
        ],
        "webhookId": "a05bc1c2-0330-4883-88e1-832fe9d58ef5",
        "parameters": {},
        "typeVersion": 2.3
      },
      {
        "id": "8bdaf1ff-2116-4972-8958-7d0b84822dce",
        "name": "Form Mockup",
        "type": "n8n-nodes-base.form",
        "position": [
          1120,
          -608
        ],
        "webhookId": "a05bc1c2-0330-4883-88e1-832fe9d58ef5",
        "parameters": {},
        "typeVersion": 2.3
      },
      {
        "id": "129595be-ab3e-4429-8ce6-2e1eec5623db",
        "name": "Upload Mockup Image",
        "type": "n8n-nodes-base.googleDrive",
        "position": [
          720,
          -608
        ],
        "parameters": {},
        "typeVersion": 3
      },
      {
        "id": "7231a1d7-9d8b-4d6d-8c4c-93e6eb3c6490",
        "name": "Upload PNG Image",
        "type": "n8n-nodes-base.googleDrive",
        "position": [
          304,
          -608
        ],
        "parameters": {},
        "typeVersion": 3
      },
      {
        "id": "13ce9f6c-ea47-4092-9303-e07819c0cebd",
        "name": "Sticky Note",
        "type": "n8n-nodes-base.stickyNote",
        "position": [
          -1040,
          -752
        ],
        "parameters": {
          "content": ""
        },
        "typeVersion": 1
      },
      {
        "id": "50f3e5a9-dc1f-410d-a993-7a179edc6019",
        "name": "Sticky Note1",
        "type": "n8n-nodes-base.stickyNote",
        "position": [
          64,
          -288
        ],
        "parameters": {
          "content": ""
        },
        "typeVersion": 1
      },
      {
        "id": "eccb9ea0-a926-4609-b4e3-17b81839e9cc",
        "name": "Sticky Note2",
        "type": "n8n-nodes-base.stickyNote",
        "position": [
          -432,
          -640
        ],
        "parameters": {
          "content": ""
        },
        "typeVersion": 1
      },
      {
        "id": "cae863e6-8a81-40ed-9e10-143f757114cc",
        "name": "Sticky Note3",
        "type": "n8n-nodes-base.stickyNote",
        "position": [
          48,
          -800
        ],
        "parameters": {
          "content": ""
        },
        "typeVersion": 1
      },
      {
        "id": "890e309b-1288-465d-bcf8-635c8911eeb1",
        "name": "Sticky Note5",
        "type": "n8n-nodes-base.stickyNote",
        "position": [
          96,
          0
        ],
        "parameters": {
          "content": ""
        },
        "typeVersion": 1
      },
      {
        "id": "2f1be742-714f-4b0c-9da4-91aae74ad2f3",
        "name": "Upload Mockup Image2",
        "type": "n8n-nodes-base.googleDrive",
        "position": [
          960,
          -208
        ],
        "parameters": {},
        "typeVersion": 3
      },
      {
        "id": "2240682d-8516-42ff-b29e-52067c115081",
        "name": "Remove Image Background2",
        "type": "n8n-nodes-base.httpRequest",
        "position": [
          336,
          -208
        ],
        "parameters": {},
        "executeOnce": false,
        "typeVersion": 4.2
      },
      {
        "id": "d3a3b302-6622-45d9-bfb4-45b4a67c987d",
        "name": "Upload PNG Image2",
        "type": "n8n-nodes-base.googleDrive",
        "position": [
          544,
          -208
        ],
        "parameters": {},
        "typeVersion": 3
      },
      {
        "id": "a3daddc9-6978-4526-b2d1-c0878202adb7",
        "name": "Generate an image2",
        "type": "@n8n/n8n-nodes-langchain.openAi",
        "maxTries": 2,
        "position": [
          752,
          -208
        ],
        "parameters": {},
        "executeOnce": false,
        "retryOnFail": true,
        "typeVersion": 1.8,
        "alwaysOutputData": false
      },
      {
        "id": "691a2fc3-7efa-4e24-b158-9d9f17d85e5d",
        "name": "Form Mockup2",
        "type": "n8n-nodes-base.form",
        "position": [
          1360,
          -208
        ],
        "webhookId": "a05bc1c2-0330-4883-88e1-832fe9d58ef5",
        "parameters": {},
        "typeVersion": 2.3
      },
      {
        "id": "f935cf03-ffd3-4b69-ab51-f01ecaa33d8f",
        "name": "HTTP (download image2",
        "type": "n8n-nodes-base.httpRequest",
        "position": [
          112,
          -208
        ],
        "parameters": {},
        "typeVersion": 4.2
      },
      {
        "id": "5042815c-9ba9-4b17-9705-d97385414e68",
        "name": "HTTP (download image)3",
        "type": "n8n-nodes-base.httpRequest",
        "position": [
          1168,
          -208
        ],
        "parameters": {},
        "typeVersion": 4.2
      },
      {
        "id": "da1add34-f165-4595-8bcd-697796935a84",
        "name": "HTTP (download image)",
        "type": "n8n-nodes-base.httpRequest",
        "position": [
          928,
          -608
        ],
        "parameters": {},
        "typeVersion": 4.2
      }
    ],
    "active": false,
    "pinData": {},
    "settings": {
      "executionOrder": "v1"
    },
    "versionId": "3fef4802-521d-411d-91d0-17ab649b69e2",
    "connections": {
      "If": {
        "main": [
          [
            {
              "node": "Remove Image Background",
              "type": "main",
              "index": 0
            }
          ],
          [
            {
              "node": "If1",
              "type": "main",
              "index": 0
            }
          ]
        ]
      },
      "If1": {
        "main": [
          [
            {
              "node": "HTTP (download image2",
              "type": "main",
              "index": 0
            }
          ],
          [
            {
              "node": "Form Notice",
              "type": "main",
              "index": 0
            }
          ]
        ]
      },
      "Form Notice": {
        "main": [
          []
        ]
      },
      "Form submission": {
        "main": [
          [
            {
              "node": "If",
              "type": "main",
              "index": 0
            }
          ]
        ]
      },
      "Upload PNG Image": {
        "main": [
          [
            {
              "node": "Generate an image",
              "type": "main",
              "index": 0
            }
          ]
        ]
      },
      "Generate an image": {
        "main": [
          [
            {
              "node": "Upload Mockup Image",
              "type": "main",
              "index": 0
            }
          ]
        ]
      },
      "Upload PNG Image2": {
        "main": [
          [
            {
              "node": "Generate an image2",
              "type": "main",
              "index": 0
            }
          ]
        ]
      },
      "Generate an image2": {
        "main": [
          [
            {
              "node": "Upload Mockup Image2",
              "type": "main",
              "index": 0
            }
          ]
        ]
      },
      "Upload Mockup Image": {
        "main": [
          [
            {
              "node": "HTTP (download image)",
              "type": "main",
              "index": 0
            }
          ]
        ]
      },
      "Upload Mockup Image2": {
        "main": [
          [
            {
              "node": "HTTP (download image)3",
              "type": "main",
              "index": 0
            }
          ]
        ]
      },
      "HTTP (download image)": {
        "main": [
          [
            {
              "node": "Form Mockup",
              "type": "main",
              "index": 0
            }
          ]
        ]
      },
      "HTTP (download image2": {
        "main": [
          [
            {
              "node": "Remove Image Background2",
              "type": "main",
              "index": 0
            }
          ]
        ]
      },
      "HTTP (download image)3": {
        "main": [
          [
            {
              "node": "Form Mockup2",
              "type": "main",
              "index": 0
            }
          ]
        ]
      },
      "Remove Image Background": {
        "main": [
          [
            {
              "node": "Upload PNG Image",
              "type": "main",
              "index": 0
            }
          ]
        ]
      },
      "Remove Image Background2": {
        "main": [
          [
            {
              "node": "Upload PNG Image2",
              "type": "main",
              "index": 0
            }
          ]
        ]
      }
    }
  },
  "workflowInfo": {
    "nodeCount": 22,
    "nodeTypes": {
      "n8n-nodes-base.if": {
        "count": 2
      },
      "n8n-nodes-base.form": {
        "count": 3
      },
      "n8n-nodes-base.stickyNote": {
        "count": 5
      },
      "n8n-nodes-base.formTrigger": {
        "count": 1
      },
      "n8n-nodes-base.googleDrive": {
        "count": 4
      },
      "n8n-nodes-base.httpRequest": {
        "count": 5
      },
      "@n8n/n8n-nodes-langchain.openAi": {
        "count": 2
      }
    }
  },
  "nodes": [
    "Remove Image Background",
    "Generate an image",
    "Form submission",
    "If",
    "If1",
    "Form Notice",
    "Form Mockup",
    "Upload Mockup Image",
    "Upload PNG Image",
    "Sticky Note",
    "Sticky Note1",
    "Sticky Note2",
    "Sticky Note3",
    "Sticky Note5",
    "Upload Mockup Image2",
    "Remove Image Background2",
    "Upload PNG Image2",
    "Generate an image2",
    "Form Mockup2",
    "HTTP (download image2",
    "HTTP (download image)3",
    "HTTP (download image)"
  ],
  "nodeTypes": [
    "n8n-nodes-base.httpRequest",
    "n8n-nodes-base.form",
    "n8n-nodes-base.stickyNote",
    "@n8n/n8n-nodes-langchain.openAi",
    "n8n-nodes-base.if",
    "n8n-nodes-base.formTrigger",
    "n8n-nodes-base.googleDrive"
  ]
}