How to Use the Product Customizer

This guide explains what each icon means and how to customize your item using our design tool. Use the menu below to jump to the section you need.

Start here

When the customizer opens, you will see the product on the left and the tool panels on the right. To begin, click one of these options on the right side: Design, Upload Image, or Text.

Quick start:
  1. Click Text to type a name or phrase, or click Upload Image to add your artwork.
  2. Click your design on the product to move it and resize it.
  3. Click Preview to double check everything and download a PDF mockup.
  4. Click Add to cart when you are ready.
Quick start guide showing the customizer start screen

Right toolbar

These icons are on the far right side. They control the main tools.

Design (stacked layers icon)

Opens the Design panel. This is where your added design elements appear. If you do not see your element, click Design to return to the main panel.

Design icon
Upload Image

Opens My Uploads. Use this to upload a photo, logo, or artwork from your device. After uploading, click the thumbnail to place it on your product.

Upload Image panel
Text

Opens the Text panel. Type your text, then adjust font, style, color, size, spacing, and alignment.

Text settings panel

Canvas tools

Zoom in and zoom out

Use the plus magnifying glass to zoom in and the minus magnifying glass to zoom out. This helps when you want to position small text or line things up.

Back arrow

Use the left arrow to exit the customizer.

Undo, redo, and rotate

Use Undo to reverse your last change, and Redo to bring it back. The rotate icon lets you rotate the selected item.

Print area guide

The dashed lines mark the maximum print area. Keep your visible design inside this area before adding it to your cart.

Canvas tools and print area guide

How to add text

Step 1: Open the Text panel

Click Text on the right. Type into the text box at the top. Your text will appear on the product.

Text panel
Step 2: Choose your font and styling

Use these settings to adjust your text:

  • Font: pick a font style
  • Style: bold, italic, or arch the text
  • Color: select a color swatch
  • Size: increase or decrease the text size
  • Letter spacing: spread the letters out or bring them closer together
  • Horizontal alignment: left, center, or right
Text styling options
Step 3: Add another text area

Click Add more text at the bottom of the Text panel to add another text box.

How to upload an image

Step 1: Open Upload Image

Click Upload Image on the right toolbar. Then click From your device to choose a file.

Upload Image panel
Step 2: Add your uploaded image to the product

Your uploaded files will appear as thumbnails in My Uploads. Click a thumbnail to place it on your product.

Step 3: Edit an uploaded image (Transform and Filter)

Click the image on the product, then use the Edit panel to adjust it. You may see options such as transform, filters, and background removal.

Transform and Filter tools
Edit image tool panel
Helpful tip: If your design has a solid background you do not want, try Remove background. Results are best with high contrast images.
Remove background tool

Move, resize, rotate, delete

Move

Click your text or image on the product, then click and drag it to a new spot.

Resize

Click your element, then drag the corner handle to make it bigger or smaller.

Rotate

Click your element, then use the rotate handle to rotate it.

Delete

Click the selected element, then use the delete icon to remove it.

Move resize rotate and delete controls

Saved designs, Save, Preview, Download Mockup

My Saved Designs

Click My Saved Designs to view designs you saved earlier. You can search for a design and reopen it.

My Saved Designs panel
Save

Click Save to store your design so you can come back to it later. Give the design a name so it is easy to find, and add tags so you can search later.

Save design popup
Preview

Click Preview to see a clean preview of your design on the product.

Preview window
Download Mockup

Click Generate PDF to download a PDF mockup of your design.

Generate PDF mockup

Front and back views

Switch between sides

If your item has multiple sides, use the Front and Back buttons near the bottom left of the customizer.

Preview showing front and back views
Helpful tip
Design one side first, then switch to the other side and repeat. Use Preview to double check both sides.

Generate PDF Mockup and Add to cart

Generate PDF

In the preview window, click Generate PDF if you want a proof file for your design.

A generated mockup is a helpful reference, but your final product may have small differences depending on the material.
Generate PDF button in preview
Add to cart

When your design looks right, click Add to cart. If you want to keep a copy for later, click Save first.

Before you add to cart, check these:
  • Your design stays inside the printable area
  • Text is spelled correctly
  • You reviewed both front and back, if available
  • You previewed one last time

Selecting the Product Quantity

How quantity works

After you add the product and confirm that your design has been saved, a quantity box will appear. Enter the number of items you want in each packaging option.

  • Bulk Packaging = number of items packed together
  • Individual Packaging = number of items packed separately
Selecting the product quantity
Important
You cannot change these packaging quantities once the item is in your cart.

If you need to make changes:

  1. Return to the product page
  2. Upload your saved design again
  3. Click Add to Cart
  4. Enter the correct quantities
  5. Remove the incorrect item from your cart

Troubleshooting / Warnings

I received a warning to save my design

Every time you add a product to the cart, you may receive a message reminding you to save your design, even if it has already been saved. If your design is already saved, select Confirm.

Remember to save warning
I cannot see my uploaded image
  • Click Upload Image again and look under Your files.
  • Click the thumbnail to place it on the product.
  • Zoom out to see if it is placed off to the side.
My text is too small or hard to read
  • Increase Size in the Text panel.
  • Adjust Letter spacing for better readability.
  • Try a simpler font.
My design looks off center
  • Zoom in and reposition slowly.
  • Use the dashed print area as a guide.
  • Use Preview to confirm placement.