E-commerce product mockups from images with OpenAI DALL-E, remove.bg and G-Drive

Open on n8n.io

$20/month : Unlimited workflows

2500 executions/month

Try free

THE #1 IN WEB SCRAPING

Scrape any website without limits

Try free

HOSTINGER

Early Deal
DISCOUNT 20%

Self-hosted n8n

Unlimited workflows - from $4.99/mo

Try free

#1 hub for scraping, AI & automation

6000+ actors - $5 credits/mo

Try free

Important notice

This workflow is provided as-is. Please review and test before using in production.

1. Workflow Overview

Who it's for This n8n workflow automatically generates professional e commerce product mockups from product images. The workflow is perfect for e commerce store owners, product marketers, and conte...

Best for

Content Creation automation workflows
Multimodal AI automation workflows
advanced n8n builders looking for reusable templates

Tools used

n8n-nodes-base.httprequest, @n8n/n8n-nodes-langchain.openai, n8n-nodes-base.formtrigger, n8n-nodes-base.if, n8n-nodes-base.form, n8n-nodes-base.googledrive, n8n-nodes-base.stickynote

Source and attribution

This workflow is cataloged by N8N Workflows and links back to its original n8n.io source page by SpaGreen Creative.

Original n8n.io source

1.1 Workflow description

Title: E-commerce product mockups from images with OpenAI DALL-E, remove.bg and G-Drive
Workflow name: E-commerce product mockups from images with OpenAI DALL-E, remove.bg and G-Drive

Who it's for

This 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.

Features

Dual Input Methods: Accepts product images via file upload or URL
Background Removal: Automatically removes backgrounds from product images using remove.bg API
AI-Powered Mockups: Generates premium e-commerce mockups using OpenAI's DALL-E
Professional Prompts: Uses detailed design prompts for luxury e-commerce aesthetics
Google Drive Integration: Automatically saves both PNG files and final mockups to Google Drive

How It Works

The workflow starts with a form submission where users provide:
- Product image (file upload or URL)
- Product name/title
System detects whether the image is a file or a URL.
For uploaded files:
- Processed through remove.bg to remove the background
- Transparent PNG is uploaded to Google Drive
- OpenAI generates a professional mockup based on product image
- Final mockup uploaded on Drive & notify user
For URL inputs:
- Image downloaded from the URL
- Background removal and mockup generation process is applied
- Results are delivered back to the user

Requirements

remove.bg API credentials for background removal
OpenAI API credentials for DALL-E image generation
Google Drive OAuth2 credentials for file storage

Important Notes

Image Processing: All images are processed with professional-grade background removal
AI Prompting: The workflow uses detailed prompts designed for luxury e-commerce aesthetics
File Storage: Both PNG files and final mockups are stored in a designated Google Drive folder
Conditional Logic: The workflow intelligently routes based on input type (file vs. URL)
Error Handling: Includes retry logic for AI image generation

Support & Help

WhatsApp: Chat on WhatsApp
Discord: SpaGreen Community
Facebook Group: SpaGreen Support
Website: https://spagreen.net
Developer Portfolio: Codecanyon SpaGreen

1.2 Logical Blocks

This catalog entry is organized from the workflow JSON. The node-level section below shows the executable blocks available for review before importing the template.

2. Block-by-Block Analysis

Block 1 - Remove Image Background

Type / Role: n8n-nodes-base.httpRequest - httpRequest
Config choices: Version 4.2

Block 2 - Generate an image

Type / Role: @n8n/n8n-nodes-langchain.openAi - openAi
Config choices: Version 1.8

Block 3 - Form submission

Type / Role: n8n-nodes-base.formTrigger - formTrigger
Config choices: Version 2.3

Block 4 - If

Type / Role: n8n-nodes-base.if - if
Config choices: Version 2.2

Block 5 - If1

Type / Role: n8n-nodes-base.if - if
Config choices: Version 2.2

Block 6 - Form Notice

Type / Role: n8n-nodes-base.form - form
Config choices: Version 2.3

Block 7 - Form Mockup

Type / Role: n8n-nodes-base.form - form
Config choices: Version 2.3

Block 8 - Upload Mockup Image

Type / Role: n8n-nodes-base.googleDrive - googleDrive
Config choices: Version 3

Block 9 - Upload PNG Image

Type / Role: n8n-nodes-base.googleDrive - googleDrive
Config choices: Version 3

Block 10 - Sticky Note

Type / Role: n8n-nodes-base.stickyNote - stickyNote
Config choices: Version 1

Block 11 - Sticky Note1

Type / Role: n8n-nodes-base.stickyNote - stickyNote
Config choices: Version 1

Block 12 - Sticky Note2

Type / Role: n8n-nodes-base.stickyNote - stickyNote
Config choices: Version 1

Block 13 - Sticky Note3

Type / Role: n8n-nodes-base.stickyNote - stickyNote
Config choices: Version 1

Block 14 - Sticky Note5

Type / Role: n8n-nodes-base.stickyNote - stickyNote
Config choices: Version 1

Block 15 - Upload Mockup Image2

Type / Role: n8n-nodes-base.googleDrive - googleDrive
Config choices: Version 3

Block 16 - Remove Image Background2

Type / Role: n8n-nodes-base.httpRequest - httpRequest
Config choices: Version 4.2

Block 17 - Upload PNG Image2

Type / Role: n8n-nodes-base.googleDrive - googleDrive
Config choices: Version 3

Block 18 - Generate an image2

Type / Role: @n8n/n8n-nodes-langchain.openAi - openAi
Config choices: Version 1.8

Block 19 - Form Mockup2

Type / Role: n8n-nodes-base.form - form
Config choices: Version 2.3

Block 20 - HTTP (download image2

Type / Role: n8n-nodes-base.httpRequest - httpRequest
Config choices: Version 4.2

Block 21 - HTTP (download image)3

Type / Role: n8n-nodes-base.httpRequest - httpRequest
Config choices: Version 4.2

Block 22 - HTTP (download image)

Type / Role: n8n-nodes-base.httpRequest - httpRequest
Config choices: Version 4.2

3. Summary Table

Workflow	E-commerce product mockups from images with OpenAI DALL-E, remove.bg and G-Drive
Complexity	advanced
Nodes	22
Categories	Content Creation, Multimodal AI
Author	SpaGreen Creative
Published	27 Dec 2025

4. Reproducing the Workflow from Scratch

1. Download the workflow JSON

Use the JSON export at /data/workflows/12193/12193.json as the source template for this automation.
2. Import the template into n8n

Open n8n, import the downloaded JSON, and review each node before activating the workflow.
3. Configure credentials and variables

Replace placeholder credentials, API keys, webhook URLs, account IDs, and environment-specific values with your own settings.
4. Test with sample data

Run the workflow manually or in a staging workspace, inspect node output, and confirm downstream systems receive the expected data.
5. Activate and monitor

Enable the workflow only after testing, then monitor executions, errors, and rate limits during the first production runs.

5. General Notes & Resources

Review imported nodes carefully before activation. This catalog entry is intended to help you inspect the workflow structure, understand required services, and find related templates faster.

Node names, credentials, schedules, webhook paths, and external service limits may need adjustment for your workspace.

Download workflow JSON Original n8n.io source Content Creation workflows Multimodal AI workflows

Frequently asked questions

What does E-commerce product mockups from images with OpenAI DALL-E, remove.bg and G-Drive do?

What do I need before importing this workflow?

Review the workflow JSON, configure any required credentials in n8n, and test the automation in a safe workspace before using it in production.

Can I customize this workflow?

Yes. Use the block-by-block analysis and the downloadable JSON to inspect each node, then adjust credentials, prompts, schedules, filters, or destinations for your Content Creation, Multimodal AI use case.

SpaGreen Creative

60 workflows

Nodes

n8n-nodes-base.httprequest @n8n/n8n-nodes-langchain.openai n8n-nodes-base.formtrigger n8n-nodes-base.if n8n-nodes-base.form n8n-nodes-base.googledrive n8n-nodes-base.stickynote

Complexity

advanced

Published 27 Dec 2025

Likes 0

View on n8n.io Download Workflow

Install path: /data/workflows/12193/12193.json

Share Your Workflow

Have a useful automation to share? Publish it and help the community.

Submit Your Template How to Submit

Related Workflows

Send daily LinkedIn post drafts with Tavily, Groq Llama 3.3 and Gmail

## Quick overview This workflow runs daily at 8 AM to rotate through a topic list, research it with Tavily web search, generate a LinkedIn post and image prompt with Groq (Llama 3.3 70B), create a Pollinations.ai image URL, and email you the post with the image attached via Gmail. ## How it works 1. Runs every day at 8:00 AM on a schedule. 2. Selects today’s topic from a rotating list based on the day of the year. 3. Searches the web with Tavily to fetch up-to-date results for the selected topic. 4. Uses a Groq-hosted Llama model to write a LinkedIn post and a matching image prompt grounded in the Tavily results. 5. Builds a Pollinations.ai image generation URL from the image prompt and downloads the generated image file. 6. Emails the post text with the image attached via Gmail, and sends a text-only fallback email if image generation or download fails. ## Setup 1. Add a Groq API credential to the Groq Chat Model node. 2. Create a Tavily API key and configure HTTP Header Auth with `Authorization: Bearer <YOUR_TAVILY_KEY>` for the Tavily Search request. 3. Connect a Gmail OAuth2 credential and update the recipient email address in both Gmail send steps. 4. Edit the topic list in the topic-selection code step if you want different rotating themes. ## Requirements - Groq API key (free tier available) - Tavily API key (free tier — 1,000 searches/month) - Gmail account (OAuth2) ## Customization - Edit the topic list inside the "Pick Today's Topic" code node to change what subjects the post rotates through. - Change the Groq model in the "Groq Chat Model" node if you want a different LLM (e.g. a smaller/faster or larger Groq model). - Adjust the schedule trigger if you want a different posting time, or swap the Gmail "send to" address to deliver the draft to someone else for review. ## Additional info This workflow emails you a draft for manual review before posting — it does not post to LinkedIn automatically. If image generation fails, a text-only fallback email is sent instead so you never miss the post text.

View

Generate VEO3 videos from form ideas with ChatGPT, fal.ai, Drive and Gmail

## Quick overview This workflow collects a video idea via an n8n Form, uses OpenAI to turn it into an optimized prompt, generates an 8-second VEO3 video with native audio via fal.ai, saves the MP4 to Google Drive, and emails the Drive link via Gmail. ## How it works 1. Receives a submission from an n8n Form with the requester’s email, a plain-English video idea, and a selected style. 2. Uses OpenAI (via an AI Agent) to convert the idea and style into a structured VEO3 title and detailed prompt returned as JSON. 3. Cleans and parses the AI JSON, creates a filename-safe title, and sets the generation parameters to 16:9 and 8 seconds. 4. Submits the prompt to fal.ai’s queue endpoint for the fal-ai/veo3 model and gets a request ID. 5. Polls fal.ai every 30 seconds until the job status returns COMPLETED. 6. Retrieves the final MP4 URL from fal.ai, downloads the video, uploads it to Google Drive, and emails the Google Drive web link to the requester via Gmail. ## Setup 1. Create a fal.ai account, generate an API key, and replace `YOUR_FAL_AI_API_KEY` in the fal.ai HTTP request headers. 2. Add an OpenAI API credential in the OpenAI Chat Model node and select the model you want to use. 3. Connect Google Drive OAuth2 and replace `YOUR_GDRIVE_FOLDER_ID` with the target folder ID where videos should be saved. 4. Connect Gmail OAuth2 for sending emails, then activate the workflow and use the Form URL (path `veo3-video-generator`) to submit requests.

View

Generate presentation decks from prompts with Encelade

## Quick overview This workflow starts a presentation generation job in Encelade from a prompt and outline hints, polls Encelade for completion, and outputs the finished deck link (or stops with an error if generation fails). ## How it works 1. Starts when you manually execute the workflow in n8n. 2. Sends the topic, slide count, audience, tone, theme settings, and outline hints to Encelade to generate a 6-slide presentation. 3. Waits 20 seconds and then checks the Encelade session status using the returned session ID. 4. If the session phase is not finished, it keeps waiting and rechecking until the phase changes. 5. When the phase is "done", it returns the generated deck link and project PID. 6. When the phase is "failed", it stops the workflow and raises an error with the failure details. ## Setup 1. Install and configure Encelade credentials in n8n for the Encelade node. 2. Update the generation inputs (topic, page count, outline hints, audience/tone, theme mode, and media provider) to match the deck you want to create. 3. Ensure the workflow has enough time to complete by adjusting the 20-second wait interval if your Encelade generations typically take longer.

View

Need Custom Automation?

Get help designing a custom n8n workflow that connects your stack and fits your process.

E-commerce product mockups from images with OpenAI DALL-E, remove.bg and G-Drive

Workflow preview

Important notice

1. Workflow Overview

Best for

Tools used

Source and attribution

1.1 Workflow description

Who it's for

Features

How It Works

Requirements

Important Notes

Support & Help

1.2 Logical Blocks

2. Block-by-Block Analysis

Block 1 - Remove Image Background

Block 2 - Generate an image

Block 3 - Form submission

Block 4 - If

Block 5 - If1

Block 6 - Form Notice

Block 7 - Form Mockup

Block 8 - Upload Mockup Image

Block 9 - Upload PNG Image

Block 10 - Sticky Note

Block 11 - Sticky Note1

Block 12 - Sticky Note2

Block 13 - Sticky Note3

Block 14 - Sticky Note5

Block 15 - Upload Mockup Image2

Block 16 - Remove Image Background2

Block 17 - Upload PNG Image2

Block 18 - Generate an image2

Block 19 - Form Mockup2

Block 20 - HTTP (download image2

Block 21 - HTTP (download image)3

Block 22 - HTTP (download image)

3. Summary Table

4. Reproducing the Workflow from Scratch

1. Download the workflow JSON

2. Import the template into n8n

3. Configure credentials and variables

4. Test with sample data

5. Activate and monitor

5. General Notes & Resources

Frequently asked questions