Here’s a quick video showing how to make a template from scratch.
Troubleshooting the Template editor
Troubleshooting the Template editor
Layers behaving badly?
If a layer is under or over something it shouldn’t be, head to the left pane, find the layer, and use the up/down arrows on the right side to move it above or below other layers.
Avoid editing on a phone.
It’s doable, but you’ll save yourself a lot of frustration by using an iPad or a computer. If you’re on a computer, Chrome is our top pick — though other browsers work too.
Zooming in and out:
On iPad: Use the zoom buttons to zoom. If you’re on a touchscreen, pinching will scale/rotate a selected layer, or zoom the canvas if no layer is selected. Once you’ve added layers, the zoom +/- buttons will give you better control.
On computer: Use your mouse or trackpad’s usual zoom gesture while hovering over the canvas, or use the zoom buttons above the canvas.
Lost the canvas?
Zoomed way out (or in) and can’t find it? Once you see “All changes are saved” at the top, reload the page to reset the zoom to default.
Dragging a hidden layer:
If part of the layer is visible, drag that visible bit. If the whole thing’s hidden, either adjust its position using the x/y/width/height text boxes, or temporarily move it to the top layer while repositioning.
A Breakdown of the Template Editor Functions:
A Breakdown of the Template Editor Functions:
This is where you’ll:
Edit template or attract screen layers
Upload and position images
Add text and design elements
This is where you arrange your layers, upload images, and generally make your template or attract screen look exactly how you want.
Save Indicator (1) – Auto-saves after you pause editing. If it says you have unsaved changes, don’t leave the page yet.
Settings Button (2) – For templates only. Lets you configure scenes, AI portraits, printing, event assignments, etc. (Attract screens don’t have this button.)
Undo / Redo (3) – Made a mistake? Undo. Changed your mind? Redo.
Zoom Buttons (4) – Adjust your view of the canvas.
Template Preview (5) – Downloads a proof with photo areas filled in, so you can check or share with a client.
Left Pane (Layers) (6) – Select a layer to edit it. You can change layer properties here directly for precise alignment. You’ll also find Duplicate and Delete buttons here. Pro tip: Duplicate photo areas to keep sizing consistent.
Photo Area (7) – Where the iPad places captured photos or videos. Photo areas have an order (lower numbers fill first). If two areas share the same number, the same photo will be used in both.
Editing directly: Select the layer and adjust:
x: left/right position
y: up/down position
degrees: rotation
w: width
h: height
alpha: transparency (0 = invisible, 100 = fully opaque)
The app will put the 2nd photo taken here
Background Color Options (8) – Sets the template’s background color.
Add Content Buttons (9) – Create photo areas, add images, or add text. Supported uploads: JPG, PNG, or a ZIP containing JPGs/PNGs.
Add Text (10): Here you can add and edit text.
A Breakdown of the Main Editor:
For Attract Screens:
For Attract Screens:
Video Layer: Toggle live-view, add videos (MP4/MOV under 50MB), or set a background color. If your video is too big, resize it to the iPad’s screen dimensions.
Image Layers: Add images (JPG or PNG) & text to display while idle.
Each Template has Settings which can be edited Such as: Glam, Color Filters, AI Portraits, AI Prompts, Print settings. Please visit the links to view those articles in further detail.