Summarize
this blog
Add as a preferred
source on Google

How Do I Let Customers Add Names and Text on Mugs: A Detailed Guide

How Do I Let Customers Add Names and Text on Mugs: A Detailed Guide

how do i let customers add names and text on mugs

To let customers add names and text on mugs, you can add a personalization text field to the mug product, then connect what buyers type to your print file. A product personalizer app like Teeinblue does both, with a live mug preview and a print file for every order. The native field on Etsy, Shopify, or WooCommerce is the free route, but you build each print file yourself. With an app, you pick the app, create the mug, add the name field, set text rules, and turn on the preview. Then you publish the mug and let the app print each order. Let's dive in.


Key Takeaways

Here is the short version before the steps:

  • Add custom names and text on mugs with a product personalizer app: an app like Teeinblue adds a name field with a live preview and creates the print file for every order.
  • Add custom names and text on mugs on Etsy: turn on Personalization and add a text field for the name. Each listing can hold up to 5 personalization fields, so you can also add a dropdown for the font.
  • Add custom names and text on mugs on Shopify: add a line item property text field, which saves the buyer's text to the order.
  • Add custom names and text on mugs on WooCommerce: add a text field with the Product Add-Ons extension or the free PPOM plugin.

Which Method Should You Use to Let Customers Add Names and Text on Mugs?

Use a product customizer app like Teeinblue if you want buyers to see their name on the mug and get print files automatically. Use the native field on Etsy or Shopify, which is free, if you sell only a few custom mugs a month. WooCommerce needs the paid Product Add-Ons extension or the free PPOM plugin for the same field. For photos, clipart, and maps beyond names, follow the 4 core steps to set up customizable mugs.

Factor

Native field (Etsy, Shopify, WooCommerce)

Product customizer app

Cost

Free on Etsy and Shopify; WooCommerce needs an add-on

Monthly app plan, usually with a free trial

Live preview

No

Yes, as the buyer types

Print file

You build it for each order

Created for each order

Fulfillment

You export and send each order

Sent to your POD partner automatically

Best for

A few custom mugs a month

A growing personalized mug catalog

If you sell a few custom mugs a month, placing each name by hand takes minutes, so the native field is enough. Once orders climb, every manual file is another chance to misspell a name. Teeinblue's Shopify plan is $49 a month after a 14-day free trial, and the first 100 orders each month carry no transaction fee. On Etsy, the same $49 plan covers the first 20 orders a month without a fee.

How Do I Let Customers Add Names and Text on Mugs with a Product Customizer App?

Install a product customizer app, add your mug, and give it a name field with a live preview. The app then turns each order into a print file. One setup covers mug personalization on Shopify, Etsy, and WooCommerce, whichever app you pick. Here is the full setup in any customizer app, from picking the app to the first printed order.

Step 1: Choose a Product Customizer App

Start by picking a product customizer app that covers the preview, the text options, and fulfillment together. Teeinblue is a product personalizer built for custom product sellers on Shopify, Etsy, and other platforms. It has powered more than 20 million personalized orders since 2020, which makes it a strong first app to test for name mugs. On the product page, buyers watch their name appear on the mug mockup as they type. Each order then gets a print file that Teeinblue sends to Printful, Printify, Gelato, or ShineOn in one click.

Buyers pick fonts and colors from lists you set. Curve text and warp text bend the name to follow the mug's shape. Outside Shopify and Etsy, Teeinblue Boundless brings the same field and preview to WooCommerce, Wix, and Magento stores. Here is what that means for a mug seller:

  • Live preview: the name appears on the mug as the buyer types, so they approve the wording before checkout.

  • Text options: fonts and colors buyers choose from your lists, plus curve text and warp text.

  • Automatic print files: each order's file goes to your POD partner in one click.

  • More platforms: Shopify, Etsy, and Teeinblue Boundless for WooCommerce, Wix, and Magento.

Skip it if you sell only a few custom mugs a month. A free field on Etsy or Shopify costs nothing, while Teeinblue's plan is $49 a month after the trial. See Teeinblue pricing for the per order fees that start after the free monthly orders.

Step 2: Create the Mug Product

Add the mug you sell as a product in the app. Import it from a POD partner like Printful or Printify, or create it from your own catalog. Set a print area for each mug size, because an 11oz mug and a 15oz mug print at different dimensions.

Step 3: Add the Name and Text Input Field

Add a text layer where the name will print on the mug design, and let the buyer edit it. Give the field a clear label, such as "Name on mug," so shoppers on Shopify, Etsy, or WooCommerce know what to type. Add a second field if the design also carries a date or a short message.

Step 4: Set the Text Rules

Choose the fonts and colors buyers can pick, and keep the list short so every option reads well. Set a character limit that fits the print area. Make the field required, so no order reaches Printful or Printify without a name. A default sample name, such as "Emma," then shows in the mug preview before the buyer types their own.

Step 5: Set Up the Live Preview

Connect the design to a mug mockup so the buyer's name appears on the mug as they type. A preview lets shoppers catch a typo before checkout, which a plain text box on Shopify or WooCommerce cannot do. Test the preview with a long name and a short one to see how each fits the print area.

Step 6: Publish the Mug to Your Store

Publish the personalized mug to your store as a product buyers can order, with variants such as size and color. Place a test order on Shopify, Etsy, or WooCommerce and check that the name carries through to the order. Fix the label or the limit now, before real buyers see the product.

Step 7: Send Each Order to Print

When an order arrives, the app turns the buyer's text into a print file for that mug. It then sends the file to a POD partner such as Printful, Printify, or Gelato. You can also download the file for your own printer. Nobody retypes the name, so the mug prints as the buyer approved it.

How Do I Let Customers Add Names and Text on Mugs on Etsy, Shopify, and WooCommerce?

You can also let customers add names and text on mugs without an app, through each platform's native field. Etsy uses personalization fields, Shopify uses a line item property, and WooCommerce uses the Product Add-Ons extension or PPOM. None of the three shows a live preview, so you place each name on the artwork yourself before printing.

On Etsy: Add Personalization Fields to Your Mug Listing

On Etsy, you turn on Personalization for the mug listing in Shop Manager. Each listing can now hold up to 5 personalization fields, which Etsy calls questions, per Etsy's developer documentation. A field can be a text box, a dropdown, or a file upload. Use a text box for the name and a dropdown for the font or color, so buyers answer in a format you can print. Set it up in four steps:

1. In Shop Manager, open Listings and select your mug listing.

2. Turn on Personalization.

3. Add a text box for the name, set the maximum characters, and mark it as required.

4. Add a dropdown for the font or color if you offer choices, then save the listing.

Etsy still shows no preview of the finished mug, as with most personalized Etsy listings. You read each order's answers in Shop Manager and place the name on the artwork. Then you print the mug or send it to Printful or Printify.

add names and text on mugs on Etsy with a personalization field

On Shopify: Add a Line Item Property Text Field

On Shopify, a name field is a line item property: a text input in the product form whose name attribute uses the properties[...] format. The store saves whatever the buyer types to the order, where it shows in Shopify Admin. Our guide to adding a custom text field on a Shopify product page covers each theme route. Paste a snippet like this inside the product form of your Liquid theme file:

<label for="mug-name">Name or text on mug</label>
<input id="mug-name" type="text" name="properties[Name or text on mug]" maxlength="20" required>

Keep maxlength matched to your print area. Then place a test order and confirm the text shows on the order in Shopify Admin. The property collects the name but shows no preview. You still build each print file by hand before sending it to Printful or Gelato.

On WooCommerce: Add a Product Add-Ons Text Field

On WooCommerce, you add a custom text field with the official Product Add-Ons extension, or with a free plugin such as PPOM. Install the extension, open the mug product, and add a Text field for the personalization. Set a minimum and maximum character count. WooCommerce then saves the buyer's text to the order, ready to be laid onto the mug artwork. Set it up in four steps:

1. Install the Product Add-Ons extension (or PPOM) and activate it.

2. Edit the mug product and add a new Text field.

3. Set the minimum and maximum characters, and mark the field as required if needed.

4. Save, then test that the text saves correctly to the order.

Like the native fields on Etsy and Shopify, WooCommerce shows no live preview. Pair the field with clear instructions, then build the mug artwork by hand before you fulfill the order.

WooCommerce Product Add-Ons text field settings to add personalized text to mugs

Add Custom Names and Text on Mugs with Teeinblue Product Personalizer

Teeinblue Product Personalizer sets up a name mug in three steps, and the first product takes about 10 minutes. First, add the mug from your fulfillment partners or your own catalog. Next, design the artwork and add a name field that buyers can edit. Then connect the design to the mug and publish it to Shopify or Etsy. These settings matter most for mugs along the way:

  • Product Base: give the mug one print area that wraps around the whole mug, not separate front and back areas. A mug imported from Printful or Printify arrives with its print area key and size filled in.

  • Mug sizes: each size needs its own print area. In Teeinblue's mug setup guide, a Printful 11oz mug prints at 2700×1050 px and a 15oz mug at 2700×1140 px.

  • Artwork Editor: add the name as a text layer that buyers can edit, then bend it around the mug with curve text or warp text.

  • Font and color choices: turn on "Allow customers to change Font" with a Font Category of uploaded fonts (Google Fonts do not work here), and "Allow customers to change Text Color" with a Color Category.

  • Mockup Editor: place the print area on the mug photo and use the Mask tool to show only the part of the design you want visible. On Shopify, the preview then updates as the buyer types.

  • Etsy: Etsy's policy blocks a live preview on the listing. Buyers personalize on a Teeinblue preview page and paste the Customization ID into the Personalization field, or personalize after checkout through a link you send.

  • Fulfillment: on Shopify and Etsy, Teeinblue sends each order's print file to Printful, Printify, Gelato, or ShineOn in one click.

Besides Shopify and Etsy, Teeinblue Boundless adds the same field and preview on WooCommerce, Wix, and Magento, and you download each print file to fulfill the order yourself.

add names and text on mugs with Teeinblue

Tips to Avoid Misspelled Names on Custom Mugs

Most misspelled names on mugs start at the text field, not at the printer. These tips catch them on Shopify, Etsy, or WooCommerce before a mug reaches Printful, Printify, or your own heat press:

  • Set the limit from the print area: in Teeinblue's Printful example, 11oz and 15oz mugs share a 2700 px width, so the bigger mug adds height, not room for a longer name.

  • Plan the placement: a name on both sides needs a shorter limit than one across the full wrap, and it should stay clear of the handle.

  • Keep fonts and colors readable: offer a few that stay legible on every mug color, so a white name never lands on a white mug.

  • Check accented letters: test names like Zoë or José in the font preview, and set unsupported characters to fall back to a default font rather than a space.

  • Put instructions next to the field: for example, "Type the name exactly as you want it printed, up to 20 characters."

  • State your proof and returns policy: say whether buyers get a proof and how you handle a buyer's own typo, since a named mug cannot be resold.

  • Test the full journey: place a test order and check the name in the cart, the order, the confirmation email, and the print file, as Shopify's product customization guide also advises.

Beyond Names and Text: What Else Can Customers Add to a Mug?

Beyond a name, Teeinblue lets customers upload a photo, pick clipart, or add a star map, street map, or route map. They can also add a moon phase, a favorite song, or a QR code. A Clock Face marks a birth time or a wedding moment on the mug. Richer text customization helps a mug stand out among Shopify and Etsy gift sellers.

personalized mug with a name and a family photo

On Shopify, AI photo effects can restyle a pet or family photo into a watercolor or oil portrait look. Etsy does not support these AI effects to comply with its creativity standards. Keep Etsy mugs to text, photos, maps, and clipart. Options you can layer onto a mug alongside the name include:

  • Photo upload: a pet, family, or couple photo next to the name.

  • Clipart: icons, frames, and seasonal art around the text.

  • Maps: a star map, street map, or route map for a date or place that matters.

  • Moon phase, song, and QR code: a night sky, a favorite song, or a scannable link.

  • Clock Face: a birth time or wedding moment shown on a real clock design.

Text is still where most personalization starts. In our 2026 report, we analyzed about 300,000 Teeinblue campaigns on Shopify from July 2025 to June 2026. Single-line Text appeared in 73.5% of them, and each campaign used about 2.06 personalization options on average. Mugs and drinkware made up 7.92% of campaigns using Gen AI effects.

November and December, the Christmas season, brought about 32% of annual sales value in the same report. Holiday shopping overall kept growing too, with 2025 holiday sales up 4.1% year over year, per the CNBC/NRF Retail Monitor. A name mug set up in October on Shopify or Etsy is ready for that peak.

FAQs: Adding Names and Text on Mugs

1 - How do I let customers type their own name and text on a mug?

Use a personalization field on Etsy, a line item property on Shopify, or a Product Add-Ons text field on WooCommerce. Each one collects the buyer's text with the order, for free or for a small extension fee. Choose a product customizer app like Teeinblue when you also want a live preview and a print file created for every order.

2 - Can customers see a live preview of the mug before they order?

Not with the native fields on Etsy, Shopify, or WooCommerce, which only collect the text. A customizer app adds the preview. With Teeinblue on Shopify, the name updates on the mug mockup as the buyer types. On Etsy, the Teeinblue preview opens on a separate page, because Etsy limits what apps can change on a listing.

3 - How do I make sure the name a customer types prints correctly?

Set a character limit that fits the print area, and make the field required. Ask for correct spelling and capital letters in the instructions next to the field on Etsy or Shopify. A live preview, such as Teeinblue's on Shopify, lets the buyer approve the finished mug. The print file then carries that text into production without retyping.

4 - Can Etsy buyers add more than one name to a mug?

Yes. Etsy now allows up to 5 personalization fields per listing. You can ask for two names, a date, and a font in separate fields. Each answer arrives with the order in Shop Manager. You still place every answer on the artwork yourself, unless an app such as Teeinblue builds the print file for you.

5 - Can I let customers add names to mugs for free, without coding?

Yes. Etsy personalization fields cost nothing, and WooCommerce has free plugins such as PPOM. On Shopify, the free line item property needs a short Liquid snippet. The catch is time, because buyers see no preview and you build each print file by hand. Teeinblue offers a 14-day free trial if you want to test the app route first.

6 - How do custom mug orders get fulfilled after a customer adds their text?

With native fields, you export the order and build the print file yourself. With Teeinblue on Shopify or Etsy, the app creates the print file. It sends the file to Printful, Printify, Gelato, or ShineOn in one click. On WooCommerce or Wix through Teeinblue Boundless, you download the file and fulfill the order yourself.

Letting customers add names and text on mugs takes one field, but printing those names correctly takes the settings around it. For a handful of orders, the native field on Etsy, Shopify, or WooCommerce is enough. For a growing mug catalog before the Christmas rush, Teeinblue adds the live preview and sends each print file to your POD partner. Want feedback on your mug setup from other sellers? Join the Teeinblue Global Community for Print on Demand Personalization to swap ideas with merchants selling personalized mugs and gifts every day.

More About Custom Mugs and Personalization

How to Make Custom Mugs to Sell Online

Best Mug Customization Software

Best Etsy App for Personalized Mugs

How to Add a Custom Text Field on a Shopify Product Page

Top Product Customization Software for eCommerce Stores

 

Newsletters

Subscribe to get exclusive POD tips, trends, and insights!

Please enter a valid email address
Thank you for your subscription. Stay tuned for our email!