Templates are the visual blueprint of every Catalog Ads image. This article walks through the Konva-based editor step by step.
Create and open the editor
Go to Smart Creative → Templates → + New template
Pick a canvas size (1080×1080 is a safe default)
The Konva editor opens with an empty canvas
Layers
Every element is a layer. Core layer types:
Layer | Usage |
Image | Background, brand logo, or the main product shot |
Text | Static copy or a product placeholder ( |
Shape | Rectangles, ellipses, ribbons used for badges |
Group | Several layers treated as one (movable and hide-able together) |
Product placeholders
Any text layer can use curly-brace placeholders matching feed fields:
{title},{price},{sale_price},{brand}Formatting:
{price | currency:"EUR"}Conditionals:
{% if sale_price < price %}-##{{ discount }}%{% endif %}
An image layer can similarly point to {image_link} to swap the product shot per SKU.
Tip — Use the Preview button to cycle through random SKUs from your feed. This reveals long titles or unexpected images before you ship.
Responsive text rules
Auto-fit — shrinks the font to match the text box
Truncate — adds an ellipsis after N characters
Wrap — breaks into multiple lines, up to a max-lines value
Variants
One template can hold several variants (e.g. FR / EN copy, dark / light theme). The generation flow picks the right variant per product based on a rule.
AI layers
Two AI-powered layer types are available:
Background remover — strips the original product background, replaces it with a solid color or a generated scene
AI text — calls a GenAI model at render time (slower — prefer pre-computing the field in Dataflow)
Related articles
Catalog Ads — Overview
Catalog Ads — Configure a generation flow
Nodes — Catalog Ads Feed