After setting the dimensions of your template, you can start adding areas.
What are Areas?
Areas are rectangular sections placed over the template’s image. They can be used to:
Define where layers are visible (e.g., to prevent customers from placing layers in restricted areas).
Position layers (e.g., centering a layer within an area).
Resize pictures (e.g., automatically adjusting to fit the area’s dimensions upon loading).
How to Create an Area
Navigate to the item Areas.
Click and hold your mouse button where you want to start drawing the area
Drag to a position to create the area and release the mouse button.
Adjust the area’s position and size using your mouse or by modifying the coordinates on the right-hand side.
Name the area for easy reference.
How to use an area
A common use case for areas is limiting a layer’s visibility. This is useful when you want the full product to be visible in the designer, but restrict customization to specific sections.
Create or edit a template and proceed to the step Preview (Step 4).
Add a layer and click on the cog icon next to the layer.
Navigate to the step position and set the visibility to your area.