PrintBlob – Free Custom T-Shirt Designer & Product Customizer for WooCommerce
| 开发者 | printblob |
|---|---|
| 更新时间 | 2026年11月14日 02:04 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPL-2.0-or-later |
| 版权网址: | 版权信息 |
详情介绍:
- No watermark, ever. No limit on designs or orders, no time limit, no per-order fees and no sign-up: the designer is free and stays free.
- A t-shirt, ready to sell. The bundled t-shirt mockup, front and back photos with its print area and real print size set, is ready the moment you activate. PrintBlob › Mockups shows it with its print area drawn on the photo.
- Every colour from one photo. The white t-shirt is recoloured to each colour of your colour attribute, keeping folds and shading.
- The design, kept with the order. Each order keeps the customer's design, its preview on the product per printed side and the images they uploaded.
- Print-ready files of every order’s front, free. A transparent 300 DPI PNG for DTF, DTG and transfers, and a vector PDF and an SVG for screen printing and cutting, each at the exact print size, made as the design is added to the cart and downloaded from the order screen.
- A warning for blurry prints. A customer who selects an image they placed sees the resolution it prints at, at that size; below 150 DPI it becomes a warning that the image may print blurry, with what to do. It does not block Add to cart.
- Block themes, the Cart and Checkout blocks and HPOS. The PrintBlob designer block and the Colours block work in any block theme, with its colours, fonts and corner radius. Designs go through WooCommerce's Cart and Checkout blocks with their preview, and PrintBlob is declared compatible with High-Performance Order Storage (HPOS). Classic themes and the classic cart and checkout work too.
- Works with WooCommerce. Variable products, order emails and the order screen, with each printed side's preview.
- On phones. The designer follows the screen's width, and customers move, resize and rotate photos and text with a finger.
- Translation-ready, including the designer itself, with translations from translate.wordpress.org.
- More than t-shirts, with PrintBlob Pro. Sell caps, hoodies, mugs, phone cases, polo shirts and tote bags from your own product photos, or anything else you print, each with its print area and real print size.
npm install and npm run build (@wordpress/scripts) rebuild them. The designer uses Fabric.js (MIT licence), bundled in build/designer/view.js. The print files' PDF and SVG are made with PDFKit and SVG-to-PDFKit (MIT licences), their text set as outlines with HarfBuzz through harfbuzzjs (MIT licence; its .wasm is HarfBuzz compiled to WebAssembly from that source) from fonts unpacked with woff2-encoder (MIT licence, Google's WOFF2 decoder) and fonteditor-core (MIT licence); they load only when a design is added to the cart, bundled in build/printblob-vector.js, build/printblob-text.js with its .wasm and build/printblob-pdf.js. The print fonts in assets/fonts/ (Onest, Unbounded, Lora and Caveat) are under the SIL Open Font License 1.1; each family's licence ships beside it as assets/fonts/OFL-*.txt. The t-shirt mockup photos in assets/mockups/ are microcompanies' own renders, released with the plugin under the GPL.
Requirements
WordPress 7.0, WooCommerce 10.0 and PHP 7.4 or newer. Tested up to WordPress 7.1 and WooCommerce 11.2.
安装:
- Install PrintBlob from Plugins › Add Plugin (search for "PrintBlob") and activate it. WooCommerce must be active.
- Open PrintBlob › Quick setup (PrintBlob's row on the Plugins screen links to it) and choose Set up my shop. It makes a t-shirt customers can design: a colour and a size attribute (new, or the ones your shop has), the product with the designer on and a variation for every colour and size, and a page with the designer.
- Choose Open the product: customers design their print there, choose a colour and size and order it.
- To turn the designer on for a product of your own, edit it, open its PrintBlob designer tab, turn the designer on and set the print price per side. Its colours are the terms of your colour attribute: give each a colour value (Products › Attributes).
- Add the PrintBlob designer block to any other page that should show the designer and the Colours block wherever you want colour links, and check the options under WooCommerce › Settings › PrintBlob.
屏幕截图:
常见问题:
I activated PrintBlob. What now?
Open PrintBlob › Quick setup and choose Set up my shop. In one click it makes a t-shirt your customers can design and order, on the bundled mockup: its colours with their colour values, its sizes, the product with the designer on, its variations and prices, and a page with the designer. Then choose Open the product and design on it as your customers will. PrintBlob › Overview shows what is set up, with a link to fix anything that is not. On a new shop, with no products or orders yet, Quick setup also offers Set up a whole shop: the same t-shirt, then a sample shop around it in English to edit or replace. It makes fifteen more t-shirts in four categories with their photos, colours, sizes and prices, a home page, About, FAQ, Size guide, Shipping and returns, Contact and a journal with four posts, the main menu, flat-rate delivery and pay on delivery where the shop has none, and it opens the shop to visitors. The pages use the patterns of PrintBlob's free t-shirt theme while it is active, and plain blocks with any other theme. It never changes the site's title, its permalinks or the store's country.
Is PrintBlob free?
Yes. The designer is free and stays free: no watermark, ever, no limit on designs or orders, no time limit, no per-order fees and no sign-up. Every order's front print files are free too: a transparent 300 DPI PNG, a vector PDF and an SVG at the exact print size, on the order screen. The PrintBlob Pro add-on is optional, for shops that want more sides, their own products and a print queue.
Which print files does it make, and are they vector or raster?
Both, of every order's front, free: a transparent PNG at 300 DPI, which is raster, for DTF, DTG and transfer printing; and a vector PDF and an SVG at the exact print size, with typed text as outlines and the customer's photos embedded as they uploaded them, for screen printing, cutting and printers that ask for vector files. The designer makes them as the design is added to the cart, and the order screen offers each for download. The PrintBlob Pro add-on makes the same files of the back, the sleeves and your own products and of orders placed before, a CMYK PDF through your printer's ICC profile, and the customers' original images. PrintBlob makes no AI or EPS files.
Does it work for DTF, DTG or screen printing?
Yes. PrintBlob does not print; it gets you the customer's design and its print files, whatever you print with: DTF, DTG, screen printing, sublimation or heat transfer. The front's PNG goes to a DTF, DTG or transfer printer, its PDF and SVG to a screen printer or a cutter, and every order keeps the design, a preview of each printed side and the customer's images.
Does it warn customers when their image is too small to print sharply?
Yes. When a customer selects a photo or logo they placed, the designer shows the resolution it prints at, at the size placed, and works it out again each time they resize it. When that is below 150 DPI, the line becomes a warning that the image may print blurry, with what to do: make it smaller or upload a larger file. The warning does not block Add to cart: the customer can still order the design as it is.
Which files can customers upload?
Photos and logos as PNG, JPEG or WebP, up to 20 MB each by default and 10 in a design. Not PDF, AI or SVG files, and no setting makes an upload required: a design of text alone can be ordered.
Does it work with block themes, the Cart and Checkout blocks and HPOS?
Yes. The designer block and the Colours block work in any block theme and use its colours and fonts, and a designer product's page gets the "Product with the PrintBlob designer" template. Designs go through WooCommerce's Cart and Checkout blocks with their preview, and PrintBlob declares compatibility with High-Performance Order Storage (HPOS). Classic themes work too, with the classic cart and checkout: the designer is the product page, in place of the photos and summary, also in themes that lay the product page out themselves. PrintBlob is tested up to WordPress 7.1 and WooCommerce 11.2.
Does the designer work on phones?
Yes. The designer follows the screen's width: on a phone the product comes first with the tools under it, the side tabs fit the screen, and customers move, resize and rotate photos and text with a finger.
Is the designer translated, and can I change its words?
The designer is translatable, the buttons and messages customers see included. Without PrintBlob Pro, its translations come from translate.wordpress.org: WordPress installs PrintBlob's language pack for your site's language once volunteers have translated it, and the designer shows in English until then; you can also add a language yourself with a .po editor or Loco Translate. The PrintBlob Pro add-on carries PrintBlob's translations in 43 languages, the designer's included, and its Wording screen changes any of PrintBlob's words to your own, per language, such as the designer's Add to cart button.
Can customers design a hoodie, a mug or a tote bag?
Yes, with PrintBlob Pro. The free plugin comes with a t-shirt, ready to sell. PrintBlob is not only for clothing: PrintBlob Pro adds your own products from your own photos, such as caps, hoodies, mugs, phone cases, polo shirts and tote bags. Draw the print area on each side's photo and set its real print size, and customers design on it as they do on the t-shirt.
Is there a Pro version?
PrintBlob Pro is a separate, optional add-on from printblob.com for shops that want more. Front printing is free; back printing and sleeve printing are PrintBlob Pro. The front's print files are free too, in this plugin. Pro adds your own products, back and sleeve printing with their print files, the files of orders placed before, a 3D view of the product, a print queue and your own fonts. Everything in this plugin works without it, with no watermark, ever. When you buy it on printblob.com, choose Install PrintBlob Pro there: PrintBlob installs it on your shop, activates it and connects its licence, with no key to copy and no zip to upload.
How much is PrintBlob Pro?
PrintBlob Pro is $99 a year for one domain, its subdomains and local copies included, with no fee on any sale and a full refund within 14 days of paying. If you stop renewing, Pro keeps working, without updates or priority support. Limited-time offers, while they run, are on the pricing page.
Can I try it first?
Yes. The designer on printblob.com is this plugin's own code, on the t-shirt that comes with it: add text or a picture and see it on the shirt in every colour. The demo also shows PrintBlob Pro's back printing and 3D view.
Does it slow down my shop?
The designer's script loads only on pages that show it, its layout is in the page before the script runs, and fonts load when a customer picks them. Other pages of your shop load nothing from PrintBlob.
Can I change how the designer looks?
It uses your theme's colours and fonts. Set the corner radius for buttons and fields with settings.custom.printblob.radius in your theme's theme.json, or override the --printblob-* CSS custom properties.
更新日志:
- A theme's demo can add its own categories and products to the whole shop Quick setup makes, through the printblob_demo_shop_data filter.
- An order placed while PrintBlob Pro printed a sleeve names that side Left sleeve or Right sleeve on its screens without Pro, no longer Front.
- A print PDF names PrintBlob as the program that made it.
- Code only PrintBlob Pro uses, its vector art in print files and the originals of earlier orders, is now part of PrintBlob Pro.
- After a design is added to the cart, your theme's mini cart shows it at once, as it does for any product. Classic themes, page builders' cart widgets and side-cart plugins are updated from WooCommerce's cart fragments; the Mini-Cart block as before.
- When you ask WooCommerce to show the cart after an item is added, the designer goes to the cart after a design is added too.
- A header that hides as the page scrolls down and slides back in as it scrolls up no longer moves the designer's picture.
- The designer is drawn in a part of the page of its own (a shadow root) that a theme's or another plugin's styles cannot reach, from the first moment the page shows it. Its layout, its sizes and its controls are the same in every theme.
- Your theme still gives the designer its typeface and text colour, and the colours and corner radius you have set. A theme's own styles for headings, buttons and links no longer change the designer's.
- The designer carries its stylesheet in its script, so a plugin that removes unused CSS from your pages cannot take it away.
- The product's picture stays in the window while customers scroll the designer's controls, in every theme. Themes that clip their page (many do) had switched that off, so the picture scrolled away.
- Under a theme's fixed header the picture stays below the header.
- In a short, wide window the picture and the controls sit together in the middle of the page, the controls no wider than they read well, instead of a small picture beside controls stretched across the page.
- Nothing changes in your shop. This page now names polo shirts among the products PrintBlob Pro designs from your own photos.
- Nothing changes in your shop. What the server accepts of a saved design (the largest print file and preview, the saves an hour, the days a design that was never ordered is kept) is now written once, in the file the designer's other numbers are in.
- A product on sale shows it in the designer: the regular price struck through after the sale price, with the same print added, above the designer and in its Product line, from the first frame the page is drawn with. The designer showed the sale price alone. As on WooCommerce's own product page, a range of prices (a size not chosen yet, where sizes differ) is not struck through; the regular price appears once the choice is made.
- A simple product on sale lists its regular price struck through before its price, each with the cheapest print: the shop and category pages showed one price.
- Quick setup says that it is at work: from the click on "Set up my shop" or "Set up a whole shop" until its result, a spinner and a line stand beside the button, a screen reader is told, and a second click sends nothing. In a new shop the button showed nothing for some ten seconds while the product's 36 variations were made.
- "Add an image or text first." is what the designer says of an empty design. The sentence named a back, which a product printed on its front alone has not.
- With PrintBlob Pro, the overview and the PrintBlob Pro page name a product that prints one side while its mockup has more, and say how to offer the others: a print price for the side in the product's PrintBlob designer tab. A shop set up before Pro printed fronts alone, and nothing said so after the upgrade.
- A design counts as ordered when its order is placed. With WooCommerce's block checkout, opening the checkout page no longer counts as an order with a design (in the overview, the review request and the order counts), and a customer who leaves the checkout keeps their design: WooCommerce deletes its draft of the order a day later, and the design in the customer's cart went with it.
- A product whose variations depend on an attribute the designer does not offer keeps WooCommerce's own product page, where customers buy it as before; its page was empty for customers. The product's PrintBlob designer tab and the overview name the attribute.
- The overview, and Quick setup when it has finished, say whether customers can order at all: a payment method is on and the shop is not behind WooCommerce's "Coming soon" page. A new shop has neither, so a first test order stopped at the checkout.
- The designer on a shop's pages: Bold stands level with the font list at its height (WooCommerce's styles for labels pushed it down) and shows as a switch, not a filled button; Centre, Bring forward, Send back, Remove and Done are buttons a finger can press; the designer's text stays between 15 and 18 px whatever the theme's text size; its labels share one style; with one printed side, the product's picture starts level with its name; on phones the ink colours and the sizes each keep to one line.
- On a phone, the overview's set-up list reads as lines: each step's words run the screen's width under its name (in four columns they broke after every word or two).
- The designer keeps its sizes in a theme whose root font size is 62.5% (OceanWP and others set it so): its labels were 8 px tall and its buttons a third smaller than meant.
- In a theme with a sidebar the designer stands in two columns, the product beside its controls, from 720 px of room (it was one column some 2,000 px long); the controls' column is at least 380 px wide, so colours, sizes and ink colours each stay on one line.
- In Storefront, no grey ground behind the colours and sizes, and "Ink colour" in line with the other labels.
- In Zakra on a phone the designer is as wide as the screen (it was 1,200 px wide, most of it off the screen), as in any theme that lays the product out as a column of items starting at its edge.
- In Woostify, no "Choose File, No file chosen" under Upload image: what the designer hides stays hidden whatever a theme's styles say.
- A theme's own colours for buttons under the pointer or in focus stay out of the designer: Hestia filled every button pink, Go filled it navy under dark text, which could not be read. A theme's capitals for buttons and its own look for legends (Go's full-width blocks with a line above, Hestia's larger text) stay out too.
- A print price is shown as the shop shows prices, with tax or without (WooCommerce › Settings › Tax), as the product's own price is: in the designer, in its Total and in the shop's listed price. In a shop that enters prices without tax and shows them with it, the print was shown without the tax, so the designer's Total was lower than what the cart then charged.
- A text stays whole inside the print area while it is typed: it moves up and, where it must, gets smaller as lines are added. A sentence ran out of the bottom of the print area from its third line on, and what was outside was not printed.
- In a classic theme, a designer product's page is the designer, also where the theme lays the product page out itself (its own gallery, title, price and add-to-cart form, as many commercial themes do): the shirt on the left, the designer's tools on the right, one name, one price and one Add to cart, then the description and reviews. A sticky add-to-cart bar or quick view a theme or plugin prints elsewhere shows no second form for a designer product.
- A page builder's product template that shows the product's photos and add-to-cart button through WooCommerce (ShopLentor's and Royal Elementor Addons' do) shows the designer in the photos' place, and no add-to-cart button of its own for a designer product, so customers design and buy it there; with PrintBlob's designer placed in the template as well, the page has one designer.
- The designer is as wide as its column in a parent as wide as what it holds (a builder's photos widget, an inline-block, a float) and as a flex or grid item, on phones too.
- Several products shown on one page ([product_page]) each keep their own page: the designer only on the designer product.
- The designer lays itself out by its own width, not the window's: in a theme's narrow column the shirt sits above the tools at the column's full width, as on a phone.
- When a design cannot be added to the cart, the designer says why beside its tools and brings the message into view.
- Each side's print reads as what it adds to the product's price ("Front print +$6.00"), with no note beside it.
- What is on a side is one box under Upload image and Add text: its first line says how to start, then holds a button for each image and text; under it the text controls rest, dimmed, until a text or an image is chosen, and then its controls show there. The box never changes size, so nothing on the page moves, nothing is covered and no room stands empty.
- The plugin's description says plainly which sides print free: front printing and the front's print files are free, back printing and sleeve printing are PrintBlob Pro, and Pro's own products go beyond clothing.
- Quick setup offers a new shop, with no products or orders yet, Set up a whole shop: Quick setup's t-shirt, then a sample shop around it in English, fifteen more t-shirts in four categories with their photos, colours, sizes and sale prices, the home, About, FAQ, Size guide, Shipping and returns, Contact and Journal pages (the patterns of PrintBlob's free t-shirt theme while it is active), four journal posts, the main menu, flat-rate delivery and pay on delivery where the shop has none, and the shop opened to visitors. Running it again makes nothing twice.