A logo question allows customers to upload an image or display predefined images on certain areas of your product.
Creating a logo question to let your customers upload an image
Open your product.
Click on the + button in the top left part of the screen.
Under Select input type, pick File upload.
Under Select a display type, pick Logo, then hit Create.
Uploading a logo from the customizer's question panel applies it on your product.
File formats
Supported formats for images : PNG, JPG, JPEG, AI, EPS, PDF or HEIC images files. SVG files are not supported at the moment.
Supported formats for audio : MP3, WAV, AAC, FLAC, OGG
Supported formats for video : MP4, AVI, MKV, MOV, WMV, WEBM
Choosing which image file formats your customers can upload
You can decide which image file formats your customers can upload. To do so:
Open your product.
Select your Logo question.
On the right side panel, next to Input type, click on the Setting icon.
Select the image formats you want to allow your customers to upload.
File size limit
At the moment, the maximum file size allowed is 100 MB.
Creating a logo question to offer pre-set logos
Follow the steps below if you want your customers to choose from a selection of logos.
Open your product.
Click on the + button in the top left part of the screen.
Under Select an input type, choose Thumbnail, Dropdown, Radio button, or Label to offer pre-set logos only. If you want to let customers either upload a file or choose from a pre-set logo, choose File upload instead.
Under Select a display type, pick Logo, then click on Create.
Adding logo answers
Once your logo question is created, you can add logo answers.
Open your logo question. Within the right side panel, next to Logo answers, hit the + button.
From there, you can upload a logo and hit Create.
Clicking on one of the logo in the customizer's question panel applies it on your product.
Pre-set logos only:
File upload and pre-set logos:
Showing or hiding a logo in a view
For each of your product views, you can decide to show or hide your logo.
Select your logo question in the left panel.
Navigate to the view where you want to show or hide your logo.
Within the text toolbar, next to View, hit the checkbox to display the logo or uncheck it to hide it.
You will see this message on the product preview when your logo is hidden.
Editing the size and position of a logo
Select your logo question from the left panel.
Within the logo toolbar, located at the top center of the builder, click on the Move button.
Move the dots at each corner of the logo to resize it.
Rotate the logo by moving the dot located on top of the box.
Move the logo by dragging it.
Click Done in the same toolbar at the top center of the builder when you are finished editing.
This allows your customers to upload an image, which will be fixed and positioned exactly as configured using the Move option. To let customers move, resize, and rotate a logo within a specific area of the product, you'll need to apply the logo question to a print area. Follow the steps below.
Allowing customers to move, resize and rotate a logo
To allow your customers to move, resize and rotate your logo, you need to apply it on a print area.
Within the left side panel, select your logo question.
Within the right side panel, under Display type, next to Apply on, click on Print area +.
Create a new print area or select an existing one.
Once it's done, you can toggle on the move, resize and rotate settings.
When a logo is assigned to a print area, you can also choose where the logo sits within that area, so it's automatically placed there when your customer uploads their own. Do this using the Center image and Move options at the top center of the builder.
TIP
The Move button for placing a logo inside your print area and the Move button for moving a print area look almost identical. To move a print area on your product: select the print area assigned to your logo question, then click Move in the toolbar at the top of the screen. Once it's repositioned, leave the print area settings by clicking on Done. Go into your logo question, and click Move or Center image in that same spot to make sure the logo is still positioned correctly. You should always start by positioning the print area first, then your logo.
Upon completion of the order, a print-ready file will be generated and will contain your logo correctly positioned. Learn more.
Clipping your logo to a layer (Masking)
Clipping a logo to a layer — sometimes referred to as masking or using a mask — ensures that a logo or image uploaded by your customer appears only on a specific part of your product.
This is commonly used for products that allow customers to upload their own image, but where it should only appear in a defined area of the product. For example the surface of a phone case or controller, a patch in a custom shape, or any area defined by the shape of a product itself.
When Clip to layer is enabled, the uploaded logo or image will only be visible inside the boundaries of the selected layer. Any part of the image that extends outside that layer will automatically be hidden.
In the example below, Clip to layer is enabled for the green logo. The selected layer contains the case image, so the logo is clipped to the shape of the case.
Choosing which layer defines the clipping area
To clip a logo or uploaded image, you must select a layer that defines the area in which the logo can appear. You can do this in two ways.
Option 1: Use an existing product layer
You can clip the logo to a layer that already exists in your product, like the case example above.
The logo will only appear inside the visible boundaries of that layer.
This works well when the product image already defines the correct shape.
Option 2: Use a mask image
If you want the logo or uploaded image to appear inside a specific shape (for example a rounded or custom area), you can create a mask image.
To create a mask image:
Create an image representing the visible area (with Photoshop, for example).
The area where the design should appear should be white. The rest of the image should be transparent.
Your mask image should use the same canvas size as your other product images.
Upload this image in the Behind the Scene section of your product.
Go to the Layers section and move the layer to the bottom of the list so it sits beneath all other layers.
When this layer is selected for clipping, anything outside the white shape will be hidden.
Clipping a logo when it is not applied to a print area
In the left panel, select your logo question.
In the right panel, next to Display type, click the ⚙️ cog icon.
Next to Clip to layer, click Edit.
Select the layers you want to clip to.
Click on Publish.
Clipping a logo when it is applied to a print area
In the left panel, select your logo question.
In the right panel, under Display type, click on the Print area.
In the Print area settings, next to Clip to layer, click Edit.
Select the layers you want to clip to.
Click on Publish.
Other filters you can apply on your logo
Black and white
The uploaded logo will be converted to black and white.
Within the left side panel, select your logo question.
Within the right side panel, next to Display type, click on the cog icon.
Enable Black and white.
Transparent
The uploaded logo will be transparent.
Within the left side panel, select your logo question.
Within the right side panel, next to Display type, click on the cog icon.
Enable Transparent.
Blending your logo with the background
Within your logo question, enable Blend with background to blend your logo with the image underneath it.
Within the left side panel, select your logo question.
Within the right side panel, next to Display type, click on the cog icon.
Enable Blend with background.
NOTE
This effect will not be optimal if the image under the logo is dark.
Downloading logo image files
Once your customers click on 'add to cart' or shares their design, you can download the logos image files.