n8n integration
10 min read · Reviewed

n8n Mockup Automation: Render Jobs and Collection Workflows

Turn an order, approved design or catalog row into a tracked mockup job in n8n. Start with the supplied inactive workflow, configure credentials and inputs, then pass its downloaded binary file to your existing storage or publishing node.

By Mockups Generator · HTTP workflows available; no native node required

FROM EVENT TO IMAGEExample workflow
↗Your trigger

New artwork or an order

Good things grow source artworkGeometric color study source artwork
{ }Render API

Template + design + settings

Background render job
◎Signed webhook

Verify the completion event

Continue your workflow

Before you start

  • A Mockups Generator account, an available render allowance and a named API key from API access.
  • A ready template, its exact artwork-area ID from GET /api/v1/templates/{template_id}, and an approved sample export.
  • An owned artwork asset ID, or a direct public image URL. Prefer saved assets for repeated work.
  • A source-record ID plus an artwork version for a stable idempotency key, and a place to persist the accepted job ID.

Download the setup resources

Examples contain placeholders, not live credentials. Follow the format label: configuration recipes are instructions, while workflow and connector files can be imported into their platform. Platform account permissions and a small live test are required.

  • Importable n8n JSON

    Single-render n8n workflow

    Import into n8n, select Header Auth credentials and edit template, slot, artwork and run key. Downloads one finished image.

  • Importable n8n JSON

    Updated collection n8n workflow

    Uses explicit artwork-role mapping, preflight, safe resubmission, bounded status checks and a binary ZIP download.

  • Importable n8n JSON

    Reviewed-plan n8n workflow

    Submit an already approved plan_id and plan_hash without regenerating the review on a retry.

  • Postman JSON

    Shared Postman collection

    Importable requests for assets, JSON jobs, reviewed plans, recovery and file downloads. Set your key locally.

  1. 1

    Import an inactive workflow

    Download the single-render JSON and import it from a file in the n8n editor. Keep its manual trigger while testing. No API secret or credential ID is included. Read the setup note and leave the workflow inactive until your sample has reached its destination.

  2. 2

    Bind the HTTP credential

    Create a generic Header Auth credential named Authorization with value Bearer followed by your API key. Select it on Submit render, Read status and Download image. For collection workflows, bind every HTTP node, including Preflight. Do not add the key to Workflow settings or export it in node parameters.

  3. 3

    Configure your real inputs

    In Workflow settings, set the base HTTPS origin, template_id, slot_id, asset_id and run_key. Use an actual slot layer ID from the template response. Extend options.slots for independent artwork on additional areas; use the documented bindings graph when an area should share another area's artwork.

  4. 4

    Submit once and keep the ID

    The submission node sends JSON to /api/v1/render-jobs with Idempotency-Key. Its response supplies id. Store that ID and run key on the source record before adding production retries. A queued response does not contain a finished file.

  5. 5

    Wait and inspect status

    The workflow waits five seconds between authenticated status reads. Check job state stops on error, cancelled or an unexpected state. Waiting is limited to 30 minutes. If that deadline expires, preserve the job ID rather than starting a replacement render.

  6. 6

    Download and route binary output

    Download image requests the canonical result endpoint with Response Format File and puts the file in the image binary field. Pass that binary field to a file upload node. Collection workflows use collection instead. Check file name, content type and rendered artwork at the destination.

  7. 7

    Add your business trigger

    Once the manual sample passes, connect your order, Airtable, sheet or file trigger. Map each event to one intended operation, derive its stable run key and limit concurrent executions to your allowance. Reuse the stored job ID when resuming an existing event.

Exact HTTP Request settings

For a single render, use POST, your workspace origin plus /api/v1/render-jobs, Generic Credential Type Header Auth, Send Body on, Body Content Type JSON and Using JSON. Use an expression to build an object from upstream fields. Return JSON for submission and status, and File for the download. A multipart upload instead uses Form-Data with a binary part whose name is the slot key.

{
  "template_id": "REPLACE_TEMPLATE_ID",
  "options": {
    "format": "png",
    "mode": "full",
    "slots": {
      "REPLACE_SLOT_ID": {
        "asset_id": "REPLACE_ASSET_ID",
        "fit": "contain"
      }
    }
  }
}

Official platform documentation for this setup

Two collection paths

The updated simple collection maps a design role to an explicit slot ID, then preflights and submits the identical legacy spec. This supports stable resubmission without generating a new review token. For the app's current assignment planner, preflight templates[].areas with a generation policy, inspect warnings and a sample, and persist plan_id plus plan_hash. Use the separate reviewed-plan workflow to submit that unchanged token and key. Creating a new review before every retry can produce a 409 even when your intended artwork looks the same.

Completion events and Wait nodes

The supplied workflows use polling and a time-based Wait node. An ordinary Webhook trigger starts another execution; it does not automatically resume a waiting one. For callbacks, use an intentional separate receiver or a configured Wait node resume URL, and verify the raw-body HMAC before processing. If verification is unavailable, use the event only to wake an authenticated status lookup for a known job. Deduplicate event_id.

Verify completion and move a real file

Treat 202 as acceptance. Persist id, then poll the canonical job endpoint with the same bearer credential. queued, running and cancelling mean wait; done means download; error and cancelled need a recovery branch. A protected result URL cannot be pasted into a destination that has no way to send your API key. Download the bytes through an authenticated action, then upload a file to your destination. A temporary signed link can expire, so refresh it or use the canonical result endpoint. Do not forward the bearer key across a redirect to another origin.

Retries, duplicate events and interrupted runs

Use one key for one intended operation, such as order-1042-artwork-v1. Keep it stable on a lost-response retry. The same inputs and key return the same render job; changed inputs return 409 and need an explicit new version. Do not repeat a synchronous paid render just because the previous step timed out. Retry reads and idempotent submissions with bounded backoff for temporary network or 5xx errors. Fix 401 credentials, 404 ownership, 402 allowance and 422 validation before retrying. When a polling deadline is reached, save the job ID and resume checking it later; the server continues independently.

Troubleshooting checklist

Check the actual HTTP status and detail field before changing the workflow. Test a single ready template and saved asset first, then add multi-area placements and collection output. Avoid enabling schedules until the downloaded file and its destination record have both been inspected.

Field or conditionMapping or action
401Use the full Bearer value and a non-revoked API key; a website key is for the iframe only.
404Confirm the template, asset or job belongs to this account or is an accessible public template.
409Read detail: result not ready, changed inputs, stale revision and expired review need different actions.
402 / 429Check account allowance / reduce concurrency and back off for rate limits.
422Inspect the slot ID, ready status, nested options and direct-image URL. JSON options must be an object.
Broken destination imageDownload with authentication and upload bytes; protected URLs are not public attachments.

Official references

Platform requirements were checked against these official sources on . API examples are checked against the current application. Validate credentials, imports and destination behavior in your own platform account.

FAQ

Common questions

1.Do I need a native n8n Mockups Generator node?

No. The downloadable examples use standard HTTP Request, Code, Wait and If nodes. You configure Header Auth credentials in your own n8n installation.

2.Which binary field contains the downloaded result?

The single-render workflow uses image. Both collection workflows use collection for the ZIP. Select that field in your next file upload node.

3.Can I retry with the same run key?

Yes, if inputs are unchanged. For a reviewed collection, retain the same plan_id and plan_hash too. A new review token with an existing key is a changed request.

Put the guide into practice

Review the workflow and requirements before creating your next output.

Create an API credentialFree plan · no credit card · no watermarks
PSD compatibility reportsSaved projectsAPI with webhooks