For mug, most fulfillment providers use the wrap-around method to print on the outside of the mug.

That's why the mug's printarea is usually in a horizontal rectangle shape.

Depending on the position you want to print on the mug, you will need to place your design in the corresponding position in print-area.

Each provider has a different size for mug printarea. You should find the printarea template of your provider to set your printarea size and artwork position correctly.

Example template of Printful:

Please follow the detailed instruction below to setup your mug's artwork and printarea correctly.

Step 1: Set up Printarea

Go to Product Base → select your Mug → check the printarea size and name.

The printarea size needs to match your fulfillment's requirement, because printarea decides the size of the order's design sent to fulfillment. If it does not match, the order design might be cropped or scaled down to fit in.

For some integrated fulfillments, the printarea name is required to be set correctly in order to send orders from teeinblue to fulfillment later. Please check the table below to know what name should not be changed.

Here are the recommended print-area size and name for some providers (Updated Feb 22, 2021):

Writing info format: Mug size (in oz) - Print-area size (in px) - Template guideline link download - Print-area name (if included)

CustomCat: print-area name is not required

11oz - 2717 x 1146 px - Download guideline
15oz - 2717 x 1217 px - Download guideline


11oz - 2400 x 975 px - Download guideline - Print-area name: "11oz"
15oz - 2400 x 1050 px - Download guideline - Print-area name: "15oz"

Picanova: print-area name is not required

FP-TASSE-LI_QUER - 1418 x 1005 px - No guideline (Read instruction to find guideline in here)

11oz - 2700 x 1050 px - Download guideline - Print-area name: "front"
15oz - 2700 x 1140 px - Download guideline - Print-area name: "front"

Step 2 (optional): Setup Variants

If you sell different types of mug (11oz or 15oz...), you can add them as Variants within a product base.
Example: variant 1 - color White & size 11oz; variant 2 - color White & size 15oz...

Then use the Customize Variant printarea to set a different printarea name and printarea size for other types.

For example: you can set the default printarea size of the Mug product base same as the 11oz size: 2400 x 975. And customize the printarea of variant 15oz to: 2400 x 1050. So when customer orders a 15oz, the order design will be generated in size 2400 x 1050, instead of the default 2400 x 975.

Make sure to fill in the correct printarea name and size for each variant. (See the list in Step 1 for references)

Step 3: Set up Artwork

Set up your artwork size equals to the printarea size.

In this example, we will use the Customcat's 11oz size.

Upload your artwork. And place design in correct position.

For example: you want to print the main design (girl and dog) on the left of the mug, and a quote design on the right of the mug. Then you should place 2 designs on the corresponding position.

You can upload the template guidelines from your provider as a temporary background to make sure your artwork fits.

Step 4: Set up Campaign

Go to Campaign and create a campaign. Import your artwork and product base as normal.

Step 5: Edit mockup

Because your artwork now has 2 designs inside it, you might need to adjust and crop the printarea on mockup to show the correct design on each side of the mug.

First, add the default printarea to mockup

For mockup showing the left side of the mug, scale up and move the printarea to fit the design on the left (and vice versa).

If the design on the right is out of the visible part of the image, it won't appear in mockup image.

In case the right design is still visible, you can use the Mask feature to crop it out (read more about Mockup Mask

Enable the "Enable Mask" toggle.

Click "Edit mask" → Adjust the green mask to fit the left design. Then only the part within the green area will appear, the right side will be hidden.

You can add a printarea multiple times to display different sides of the mug within a mockup.
Remember to use the Mask feature as example above to only show the correct part.

Example: add the first printarea to show the left side:

Then add the second printarea to show the right side:


Step 6 (optional): Set artwork limit size

If your store is selling mostly mug products, you can set the Limit max width of artwork as 1000px, because artwork for mug usually has longer width in width-height ratio than other products.

You can set it in Artworks page → Advanced Settings → Limit max width.

Read more about Artwork limit size.
Was this article helpful?
Thank you!