Fillable Shape

In you can have a shaped image placeholders that you can fill with your own images and the image will be “cropped” by the shape.


There are several reasons why you may want to use the fillable shapes, such as:

  1. You want the image to be cropped in a specific shape (as in the example with the hearth-shaped image).
  2. You can upload multiple images that need to stay in predefined positions in a layout, such as a collage.
  3. Avoiding that the images overlap each other.


Using the fillable shapes on your products

This is fairly simple:

  • Go to Tools > Pre-designed Templates and pick the product where you wish to add the shape(s);
  • offers you two possibilities:
    • Upload your own, or
    • Choose a shape from a library of hundreds of pre-loaded shapes (see image below)shapes_button_in_the_pre-defined_templates.png
  • Once you have uploaded/chosen the shape, make sure that Use as fillable shape is checked;
  • Use Shape Settings to allow your customers to:
    1. MoveRotateResize, and/or Delete the shape; The Mandatory to Edit option forces the customers to upload an image in order to be able to buy the item;
    2. add a stroke to the shape;
    3. MoveRotateResize and Stretch the shape;
    4. MoveRotate and Resize the image that they upload in the image (they’ll be able to accommodate the image in the fillable shape as they prefer);
    5. DuplicateMirror or Move Forward/Send Backword the shape.

Also, you can set the shape to be (6) Always on top (which means that all other elements in the design will stay behind the shape) and make it as a (7) Printable element (which means that you can decide whether the shape will be included in the print-ready files or not).


How to create a Fillable Shape

The fillable shape can be:

  • a SVG file with only one path tag with only data (d) attribute
  • a PNG file with the shape on a transparent background
  • a PNG file with a black shape on white background

Download here a zip with sample files.