The template editor (multi-layer canvas)

Build rich product image templates in the Creative studio. Stack frames, logos, badges, and text layers on a canvas, target them with rules, set priority, and preview on a real product before you ship.

The template editor (multi-layer canvas)

What the template editor is

The template editor in the Creative studio is the full canvas builder for product images. Instead of a single badge, you compose a template from stacked layers and MartechFlow renders it onto each matching product image server-side.

Every template has three parts: where it applies (a targeting rule), how important it is (a priority), and what it draws (the layers). A live preview renders your work on a real product from the feed so you always see the true output.

Layers you can stack

Layers are drawn from bottom to top, so order matters. Add layers, reorder them with the up and down controls, and remove any you do not need.

  • Frame: a full-canvas transparent overlay (square PNG or WebP with transparency) that wraps the product, like a branded border.
  • Logo: your brand mark from the asset library, sized as a percentage of width and placed at an anchor point.
  • Discount badge: a sale sticker with text (supports {discount} and {price}), color, shape (Circle, Sticker, Seal, Banner), and size.
  • Custom text: any text line (supports {discount} and {price} tokens) with its own color and position.

Targeting, priority, and the winner

Each template's "Applies to" rule controls which products it renders on: all products, or products matching a rule (which can reference a saved product set). The rule supports match ALL or match ANY across conditions.

When several templates could apply to one product, MartechFlow picks a single winner: the highest-priority active template whose rule matches. So set priority deliberately, for example a clearance template above a general sale template. A live "Applies to N of M products" count warns you if a rule matches nothing, before you save.

  1. 1Name the template and set its priority (higher wins).
  2. 2Set "Applies to" to all products or to a rule, and add conditions.
  3. 3Add and order your layers (frame, logo, badge, text).
  4. 4Pick assets from the library for logo and frame layers.
  5. 5Check the live preview and the match count, then Save template.

Positioning and assets

Most layers are placed at one of nine anchor points (corners, edges, center) with an inset from the edge. Badge and logo sizes are set as a percentage of the image so they scale across products of different dimensions.

Logos and frames come from your project's asset library. Frames must be square PNG or WebP with transparency; logos can be PNG, WebP, or JPEG. Assets are shared per project, so upload a brand frame once and reuse it across that project's feeds.

Where badged images go

Rendered templates are served only to channels that allow overlays: Meta, TikTok, Snapchat, and Pinterest. Google Shopping and Microsoft always get the clean original image, so your creative never causes a disapproval there.

If your active templates match zero products, the studio shows a clear warning that no images are being badged, with a hint to loosen the rule (for a sale badge, use "discount is greater than 0").

Questions

In what order are layers drawn?

Bottom to top, in the order shown in the editor. A frame placed at the bottom sits behind a badge above it. Use the up and down arrows to reorder.

If two templates match the same product, what happens?

Only one renders. MartechFlow chooses the highest-priority active template whose rule matches that product. Set priority so your most specific template wins.

Why does my template say it matches 0 products?

Its "Applies to" rule is too strict for the current catalog, so nothing would be badged. Loosen the conditions. For a basic sale badge, target "discount is greater than 0." The match count updates live as you edit.

What image types can I upload for frames and logos?

Frames must be square PNG or WebP with transparency so the product shows through. Logos can be PNG, WebP, or JPEG. Both live in the per-project asset library.

Ready to try it?

Start free, no credit card. Your first feed can be live in minutes.

Start free