# Demos

Every demo here opens the real PrintBlob designer on printblob.com’s home page, set up for one scenario: a colour, a text on the front or the 3D view. It is the plugin’s own code with the bundled t-shirt and PrintBlob Pro’s back printing, 3D view and print files, running in your browser; nothing is ordered and nothing leaves your device.

## The designer on a blank t-shirt

Free.

The designer as a customer meets it on a product page: the t-shirt photo with its print area of 28 × 36 cm drawn on it, the tools, the colours, the sizes and the price. Everything here is the plugin's own code, running in your browser.

1. Select Upload image and choose a photo or logo from your device.
2. Drag it, and use its corner handles to resize or rotate it.
3. Select Add text and type.
4. Choose a colour and a size, and watch the price add the front print.

[Open this demo](https://printblob.com/#demo?view=default)

## Text typed on the product

Free.

The designer opens with a line of text already typed on the front. There is no text field: customers type on the shirt itself, and choose one of the four bundled fonts, bold and an ink colour.

1. Choose the text in the list, or tap it twice on the shirt, and type over it.
2. Choose another font, then Bold.
3. Pick an ink colour.
4. Select Add text for a second line, typed straight on the shirt.

[Open this demo](https://printblob.com/#demo?view=default&color=white&text=Good%20days)

## A name and number on a dark shirt

Free.

A navy shirt with a team name and number typed on it. Text is added in an ink that stands out on the colour chosen, and text the customer has not given a colour of their own switches between dark and white ink when the shirt colour changes.

1. Choose White, then Navy again, and watch the ink follow.
2. Change the name or the number, as a customer would for each person of a team.
3. Choose a size and add it to the cart.

[Open this demo](https://printblob.com/#demo?view=default&color=navy&text=RIVERSIDE%207)

## Every colour from one photo

Free.

The shirt opens in bottle green. All 6 colours of the demo are one white photo, recoloured in the browser to each colour's value, folds and shading kept.

1. Choose each colour in turn.
2. Add a photo or text first, to see the design on every colour.

[Open this demo](https://printblob.com/#demo?view=default&color=bottle-green)

## Front and back

PrintBlob Pro.

The demo has PrintBlob Pro’s back printing: Front and Back above the shirt, each with its own photo, print area and print price. A dot on a side shows it has a print, and the price lists each printed side.

1. Add text on the front.
2. Select Back and add an image or text there.
3. Switch between the sides: both designs are kept.
4. Read the price: the back print is added only when the back has a print.

[Open this demo](https://printblob.com/#demo?view=default&text=Front)

## The 3D view

PrintBlob Pro.

The designer opens on PrintBlob Pro’s 3D view: the shirt on its hanger, built from its front and back photos, with the design printed on it. It needs a graphics processor; where the browser would draw it in software, the 3D button is not shown.

1. Drag to turn the shirt.
2. Select Front or Back to turn it round.
3. Choose another colour: it applies straight away.
4. Select 3D again to go back to editing.

[Open this demo](https://printblob.com/#demo?view=3d&color=navy)

## The print file of an order

PrintBlob Pro.

What PrintBlob Pro makes when a customer adds a design to the cart: a transparent PNG of each printed side at 300 DPI, exactly the print area’s size (3307 × 4252 pixels for the front), and the preview the cart and the order show; in a shop it also makes a vector PDF and an SVG of each printed side. In the demo the PNG and the preview open in a window to download, marked “printblob.com” in a corner; a shop’s own files carry no mark.

1. Choose a size.
2. Select Add to cart.
3. Download the front print file and open it: its size and resolution are the print’s.

[Open this demo](https://printblob.com/#demo?view=default&color=black&text=Good%20days)

What each feature does, free or Pro, is under [features](/features/); the shops PrintBlob is for under [situations](/situations/). To try a whole t-shirt shop with PrintBlob, in WordPress Playground in your browser, open [the free t-shirt shop theme](/themes/woocommerce-t-shirt-shop-theme/).

## Try it on your own shop

PrintBlob is free in the WordPress.org plugin directory: install it, turn the designer on for a product and take a design order. PrintBlob Pro is $69 a year or $99 once (limited-time offer until 31 December 2026), with a full refund within 14 days.

[Install PrintBlob free](https://wordpress.org/plugins/printblob/) · [Download free (0.8 MB)](https://printblob.com/downloads/printblob.zip) · [Free and Pro compared](https://printblob.com/pricing/)

---

Page: https://printblob.com/demos/

See also: [docs](https://printblob.com/docs/index.md), [guides](https://printblob.com/guides/index.md), [features](https://printblob.com/features/index.md), [situations](https://printblob.com/situations/index.md), [compare](https://printblob.com/compare/index.md), [tools](https://printblob.com/tools/index.md), [themes](https://printblob.com/themes/index.md).
