Product Template Examples #

Product Designer App allows you to create ready-made Design Templates for different types of customizable products.

Instead of starting from a blank design, customers can select a pre-designed template and customize the available text, artwork, photos, colors, and other elements.

This guide provides common Design Template examples for popular products and video tutorials demonstrating how to create and use them.

Before you start: We recommend creating your Product Base first. The template size should match the design/print area of the product where the template will be used.

Overview #

A Design Template is a pre-designed layout that can contain:

• Text
• Artwork
• Photos
• SVG graphics
• Shapes
• Backgrounds
• Other editable design elements

When customers select a template in the Design Studio, its elements are added to the design canvas. Depending on your template settings, customers can edit individual elements, replace images, change colors, resize objects, or modify text.

A typical workflow is:

Create Product Base
        ↓
Configure Design Area
        ↓
Create Design Template
        ↓
Set Template Size
        ↓
Add Text / Artwork / Photos
        ↓
Configure Editable Elements
        ↓
Save Template
        ↓
Assign / Use with Product
        ↓
Test in Design Studio

Before Creating a Design Template #

Go to: Product Designer App → Templates → Create Template

Set the template dimensions to match the print area of your target product.

You can then create your design using elements available in the editor, including text, artwork, photos, and shapes. If you already have a design file, you can also use the Import option as part of the template creation workflow.

After completing the design, configure the editing permissions for individual elements where necessary.

For example, you may allow customers to:

• Edit names and other text
• Replace photos
• Change SVG artwork colors
• Move or resize selected elements

Or you can restrict certain elements to protect the original layout and maintain design consistency.

Classic T-Shirt Design Template #

T-shirt templates are suitable for typography, logos, artwork, promotional graphics, events, and personalized apparel.

Recommended Template Setup #

Create the template based on the print dimensions configured for your T-shirt Product Base.

A template may contain:

Text
+
SVG Artwork
+
Shapes
+
Optional Photo

For example:

YOUR TEXT
ARTWORK
CUSTOM MESSAGE

Customers can select the template and personalize the available elements without having to create the entire design from scratch.

Recommended Editable Elements #

• Name or custom text
• Text font
• Text color
• SVG artwork color
• Optional photo
• Selected artwork

For branded or fixed layouts, you can restrict movement, resizing, or replacement of important elements.

Video Tutorial #

Multi-Color T-Shirt / Sports Design Template #

Multi-color apparel and sports products can use templates containing multiple artwork and text elements.

This is useful for:

• Sports shirts
• Team apparel
• Events
• Promotional clothing
• Personalized uniforms

Example Template Structure #

Logo / Artwork
      +
Team Name
      +
Player Name
      +
Number

For general apparel, you can create templates containing multiple SVG elements and allow customers to customize their colors.

For team-oriented products, combine templates with the available personalization tools according to your product workflow.

Recommended Editable Elements #

• Team or customer name
• Number
• Text colors
• SVG colors
• Logo/artwork
• Selected layout elements

Video Tutorial #

How to Create a Sports T-Shirt Design Template

[Insert YouTube Video]

Mug Design Template #

Mug templates are ideal for combining photos, artwork, text, and personalized messages.

Because mugs may use a wider or wrap-around design area, create the template according to the dimensions of the mug’s configured print area.

Example Template #

PHOTO
CUSTOM TEXT
ARTWORK / GRAPHICS
MESSAGE

You can create templates for:

• Photo mugs
• Birthday mugs
• Couple mugs
• Company mugs
• Promotional mugs
• Holiday mugs
• Personalized gifts

Recommended Editable Elements #

Allow customers to:

• Replace photos
• Edit names
• Edit messages
• Change text colors
• Change supported SVG colors

Keep decorative elements locked when they are an important part of the template layout.

Video Tutorial #

How to Create a Mug Design Template

[Insert YouTube Video]

Business Card Design Template #

Business cards are one of the most useful applications of Design Templates because customers usually want to start from a professional layout instead of a blank canvas.

The template dimensions should match the configured business card print area.

Example Template Structure #

LOGO

John Smith
Job Title

Phone
Email
Website
Address

You can create multiple templates with different layouts and styles.

Customers can select their preferred design and replace the sample information with their own.

Recommended Editable Elements #

• Name
• Position / Job title
• Company name
• Phone number
• Email
• Website
• Address
• Logo
• Text colors

Decorative elements and layout components can remain fixed if you want to maintain the original design.

Front and Back #

If your Product Base supports front and back views, prepare the appropriate designs for the product workflow.

For example:

FRONT
Logo + Name + Contact

BACK
Logo + Website + QR Code

Video Tutorial #

Invitation Card Design Template #

Invitation cards are particularly suitable for Design Templates because customers can choose a professionally prepared layout and simply replace the event information.

The Product Setup Examples documentation describes invitation cards as suitable for pre-designed templates and editable text fields.

Templates can be created for:

• Wedding invitations
• Birthday invitations
• Party invitations
• Event invitations
• Holiday cards
• Greeting cards

Example Template Structure #

YOU'RE INVITED
Event Name
Name & Name
Date
Time
Location

Recommended Editable Elements #

• Names
• Event title
• Date
• Time
• Location
• Message
• Font
• Text colors
• Optional photo

Decorative artwork can remain locked while customer-specific information remains editable.

This provides a controlled customization workflow without allowing customers to accidentally modify important parts of the design.

Video Tutorial #

How to Create an Invitation Card Design Template

[Insert YouTube Video]

Sticker & Label Design Template #

Sticker templates can provide ready-made layouts for customers who only need to change their logo, text, or other information.

Example use cases include:

• Logo stickers
• Product labels
• Packaging labels
• Name stickers
• Promotional stickers
• Event stickers

Example Template #

LOGO
PRODUCT NAME
Custom Information

Recommended Editable Elements #

• Logo
• Product name
• Custom text
• Colors
• Artwork

If the sticker uses a specific shape or fixed layout, keep structural elements locked and allow customers to modify only the required content.

Video Tutorial #

How to Create a Sticker Design Template

[Insert YouTube Video]

Phone Case Design Template #

Phone case templates can help customers quickly create personalized cases using photos, artwork, patterns, and text.

The template should be created according to the print area configured for the target phone case Product Base.

Example Template #

Photo / Pattern
Name
Decorative Artwork

You can create templates for:

• Photo phone cases
• Name cases
• Pattern cases
• Couple cases
• Promotional cases
• Artwork cases

Recommended Editable Elements #

• Customer photo
• Name
• Text
• Artwork
• SVG colors

For photo-based templates, enable image replacement so customers can replace the sample image with their own photo. The PDA template documentation specifically supports controlling image replacement at the layer level.

Video Tutorial #

How to Create a Phone Case Design Template

[Insert YouTube Video]

Posters & Canvas Design Template #

Poster and canvas products typically have larger design areas and are particularly suitable for photo-based templates.

Common examples include:

• Family photo canvas
• Wedding canvas
• Birthday posters
• Typography posters
• Wall art
• Photo collages
• Promotional posters

Example Photo Template #

┌─────────┬─────────┐
│ Photo 1 │ Photo 2 │
├─────────┴─────────┤
│     Photo 3       │
├───────────────────┤
│   Custom Message  │
└───────────────────┘

Customers can replace the sample photos while maintaining the original layout.

Recommended Editable Elements #

• Photos
• Names
• Dates
• Messages
• Text colors
• Selected artwork

For professionally designed layouts, keep backgrounds and decorative elements fixed while allowing photos and text to be replaced.

Video Tutorial #

How to Create a Poster & Canvas Design Template

[Insert YouTube Video]

Create Multiple Templates for One Product #

You are not limited to one design style.

You can create multiple Design Templates and organize them into folders. PDA’s Template Manager supports folders for organizing templates and making them easier to browse.

For example:

Invitation Cards
├── Wedding
├── Birthday
├── Party
└── Holiday

Business Cards
├── Minimal
├── Corporate
├── Creative
└── Photography

T-Shirts
├── Typography
├── Sports
├── Birthday
├── Family
└── Events

This allows customers to start with a design that closely matches what they want and then personalize it.

Control What Customers Can Edit #

One of the important parts of creating a good template is deciding which elements customers should be able to modify.

Depending on the layer and available settings, PDA allows template editing controls such as color editing, image replacement, text editing, resizing, and rotation.

For example, an invitation template could use:

Element	Customer Access
Background decoration	Fixed
Main artwork	Fixed
Customer name	Editable
Event date	Editable
Location	Editable
Photo	Replaceable

A business card could use:

Element	Customer Access
Decorative background	Fixed
Logo	Replaceable
Name	Editable
Job title	Editable
Phone	Editable
Email	Editable
QR Code	Editable

This helps maintain the professional structure of your template while still giving customers the personalization options they need.

Template Size and Product Design Area #

For the best results, always create your template based on the actual print area of the target Product Base.

The official Template Manager guide specifies that the template size should match the print area of the target product.

For example:

Product Base
Print Area: 30 × 40 cm
        ↓
Design Template
30 × 40 cm

This helps keep the design correctly positioned and scaled when customers apply the template.

For products with different print areas, create the appropriate template configuration for each intended product workflow.

Test Your Design Template #

Before publishing a product, always test the template in the Design Studio.

Check that:

• The template fits the product design area.
• Text can be edited correctly.
• Photos can be replaced where required.
• SVG colors can be changed where supported.
• Fixed elements cannot be accidentally modified.
• Design elements remain correctly aligned.
• Front/back or multiple views work as expected.
• The final design produces the expected print output.

The Design Studio allows customers to select templates from the Templates menu and edit their individual elements according to the permissions you configure.

Product Base vs. Design Template #

It is important to understand the difference between these two concepts:

Product Base	Design Template
Defines the customizable product	Defines a pre-made customer design
Product images	Text
Product colors	Artwork
Product sizes	Photos
Views	Shapes
Design areas	Design layout
Layers / masks	Editable design elements
Product attributes	Template permissions
Product configuration	Starting design

In a typical setup:

Product Base
"What is being customized?"
        ↓
T-Shirt / Mug / Card / Case
        ↓
Design Template
"What design does the customer start with?"
        ↓
Text + Artwork + Photo + Layout

This separation allows one Product Base to support many different customer designs.

Best Practices #

For the best template experience:

• Create the Product Base before building templates.
• Match the template dimensions to the product print area.
• Use clear placeholder text such as Your Name, Your Message, or Your Photo.
• Use SVG artwork when customers need color customization; the Design Studio supports color changes for SVG template elements.
• Enable image replacement for photo-based templates.
• Restrict editing for decorative or brand-critical elements.
• Organize large template libraries into folders.
• Test templates on the actual product before publishing.
• Create several template styles for popular products to give customers more starting options.

Product Template Workflow #

Once you understand both Product Bases and Design Templates, the complete workflow becomes:

Create Product Base
        ↓
Configure Product Images
        ↓
Configure Design Areas
        ↓
Create Design Template
        ↓
Add Text / Artwork / Photos
        ↓
Configure Editable Elements
        ↓
Save Template
        ↓
Assign Product Base to WooCommerce Product
        ↓
Assign / Offer Design Template
        ↓
Publish
        ↓
Test in Design Studio
        ↓
Customer Personalizes Design
        ↓
Order
        ↓
Generate Print File

The PDA installation documentation similarly describes the overall product flow as creating the WooCommerce product, assigning a Product Base, optionally creating/assigning a Design Template when selling a template-based product, and then publishing it for customer customization.

Conclusion #

Design Templates extend Product Designer App beyond blank product customization by allowing you to provide professionally prepared starting designs for different products.

Combined with Product Bases, you can build workflows for T-shirts, mugs, business cards, invitation cards, stickers, phone cases, posters, canvas prints, sports products, and many other personalized products.

The same template system can support anything from a completely editable customer design to a controlled layout where only names, photos, or selected elements can be changed.

This makes it possible to offer both free-form product design and template-based personalization within the same Product Designer App workflow.