How to: Using the Template / Attract Screen editor
Templates and Attract Screens share the same online editor, so once you’ve learned one, you’ve learned them both.
Here’s a quick video showing how to make a template from scratch.
But before you dive in, here are some quick fixes for common “why is this doing that?!” moments:
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.
The Main Editor View
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
- Editing directly: Select the layer and adjust:
- 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.
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.
Template Settings View
When you click Settings from the main template editor view, you’ll open the Template Settings panel. Here you can:
Save Indicator – Same as in the main view. Don’t leave if it shows unsaved changes.
Advanced (Printing Settings):
- Turn printing off for this template.
- Turn a 2x6 into a 2x2x6 (see our separate help article for this setup)
Scenes:
- Add backgrounds (“scenes”) for guest photos.
- If your iPad supports Face ID, guests will be able to choose from all uploaded scenes (SceneSelect)
AI Portraits:
- If you have a Pro+ plan, set up AI portrait filters here
Color Filters:
- Add preset color filters to be available on this specific template.
Glam Filters:
- Adjust the glam filter settings that take place when the image is post processing. (see the related article for more.)