Skip to main content
A clickable mask is an image placeholder that is mainly used in products such as photo prints, canvas prints and promotional items to name a few. To make use of this feature please follow the steps below: Go to the designs page open an existing design OR create a new one. For the shape you can either draw your own or import some of our readily available shapes: To draw click on the button shown below:
Drawing button in the design editor toolbar
When you click on the button a menu will open up as depicted below:
Drawing menu open, with the mouse click icon used to exit drawing mode
Draw your desired shape and click on the mouse click icon to exit drawing mode. To import shapes go to the pictures tab. Create a new category or open an existing one. Click on import. Select Plain Shapes Great for masking from the drop down list select the item(s) you need and click import as shown below:
Import dialog with Plain Shapes Great for masking selected and shapes ready to import
Once you have your shape(s). Add the shape(s) to the canvas. Click on the shape. Go to the item menu and enable Clickable Mask as shown below:
Item menu for the selected shape with Clickable Mask enabled
Once complete your shape will now become an image placeholder which your customers can use to insert their images.
Please note the clickable mask can only house raster(png, tiff, jpg etc.) images, vector images will not work inside your clickable mask.

How to Add a Placeholder image for Mask Shapes

Set a guide image that prompts clients to click a mask shape.

Custom Mask

Use any shape as a clipping area to trim content in the final PDF.

How to create an SVG for use as a Mask

Prepare a single-path SVG that can be used as a photo mask.

How to create templates using SVG shapes

Build a design template from an SVG shape, such as a phone case.

​
What’s new

One release has changed this feature since the article was written.

Double Click on Clickable mask

Latest WK21-33 · 26 August 2021 — We’ve added a feature that allows your to double click on a mask with a photo inside, by double clicking on the mask the customer will be able to move the mask.