Pomp Product Personalizer for WooCommerce

Сүрөттөө

Pomp Product Personalizer is a product customizer for WooCommerce that brings product personalization to your shop without a blank canvas. Your customer picks a design, types a name, and sees it on the product straight away: a t-shirt, a mug, a cap, a tote bag, whatever you sell. When they order, you receive a print-ready vector file in the shape of the print area you set on the product. No proofs sent back and forth, no guessing what the customer meant.

Everything runs on your own server. There is no external service, no per-order fee and no account to sign up for.

Step-by-step video tutorials, from installing it to the print file: Pomp Product Personalizer: WooCommerce tutorials on YouTube.

Made for shops that print names on things

  • T-shirt and apparel shops: a quicker route than a full t-shirt designer, since the customer adds a name to a finished design instead of laying out a shirt from scratch
  • Personalized gifts: name mugs, birthday shirts, baby bodysuits, pillows, plush toys, Christmas ornaments
  • Team and event wear: club shirts, hen and stag party shirts, family reunion tees, school leavers’ hoodies
  • Print on demand and print shops: a product personalizer in front of your own production
  • Engraving and cutting: the output is vector, so it suits laser engraving and vinyl cutting as well as DTF, sublimation and screen printing

More than a product add-ons field

Product addons plugins give the customer a text box and leave you to picture the result. Here the name is drawn on the product as it is typed, in the design’s own font and place, and the order arrives with the finished print file. The customer sees what they are buying, and you print exactly that.

Set up a product once, sell every design on it

In the product configurator, customers choose the design first and the product second. So you set up a shirt or a mug only once: where the print sits, what color it prints in on each variation, and how it bends if the surface is curved. From then on every design in your catalog works on it, including the ones you add next month. A new slogan is just its text: type it, save it, and it is ready on every product.

How it works

  1. Set up each product once: where the print sits and which color it prints in on each variation.
  2. Add designs to your catalog, or import a whole batch from CSV. Each one works on every product straight away.
  3. Customers pick a design, type their name, choose the product and its variation, and add it to the cart.
  4. Every order carries a print file, SVG or PDF, ready for print.

Features

  • Ready in three clicks. On a fresh shop, Pomp Setup makes the catalog and configurator pages, switches personalization on for the products you tick (or adds a sample T-shirt), and adds three sample designs.
  • Live preview on the real product. The product configurator draws the name on a photo of the product as it is typed, with no page reloads.
  • A Guide on every step. A Guide button walks the customer through what is on the screen, one option at a time, and never starts on its own. The product and design screens in the admin have one of their own.
  • Print-ready SVG or PDF with every order. Text is converted to vector outlines, so the file prints the same on any machine, with or without the font installed. Choose SVG, PDF or both for the whole shop, and change it per product.
  • Curved surfaces. A warp grid bends the print to follow a mug, a cap or a pillow. Set it up once and copy it to every product with the same shape.
  • A design catalog customers can search, with categories and a page of its own for every design, so search engines can find each one.
  • The shopper’s name on every design. A Your name field above the catalog draws the typed name on every design at once, remembers it in the shopper’s own browser, and fills it in when they open a design. Designs can be marked for him or for her, so shoppers see only the ones that fit.
  • Filters that show what is left. The filters sit in a sidebar beside the designs, each choice shows how many designs it leads to, and a choice with none is grayed out. A choice changes the designs in place, without loading the page again.
  • Blocks for the block editor. Design catalogue and Personalisation configurator, with their options in the block’s sidebar. Shortcodes do the same for the classic editor and page builders.
  • Designs built around a drawing. Place a line of text above, below or inside the artwork, with its own size, and keep the design’s own colors if it needs them.
  • One line larger than the rest. A line may take up to three times its share of the print area, the way a number stands under a name on a jersey.
  • Variable products. Color and size come from the variation, each color can have its own product photo, and colors show as swatches on the variant step.
  • Print color per variation, so the same design prints white on a black shirt and black on a white one.
  • Bulk CSV import for large catalogs.
  • Production email with a link to the print file, for whoever does the printing.
  • Your own fonts, uploaded as TrueType.

Pro

Pomp Product Personalizer Pro is the full version of this plugin, sold separately. It does everything this one does, and adds what takes it closer to a full product designer:

  • Custom text – the customer writes the wording themselves, line by line, choosing the font, spacing and margins, in as many lines as you allow.
  • Custom artwork – they upload their own SVG or image, which is checked and rebuilt before it ever reaches print.
  • Every side, named by you – print on up to five sides of one product, each named by you: a surname and number on the back and a crest on the sleeve, a name on one side of a mug and a photo on the other, both faces of a tote bag. Each side has its own photo, print area and warp, is filled in step by step in the configurator, and shows in the cart beside the others.
  • Spot colors in the PDF – name a print color as your printer knows it, PANTONE 186 C or White Ink, and the PDF carries it as a spot color of its own.
  • Personalized on the product’s own page – a custom text field on the product page, right above Add to cart, with a live preview on the product photo, for a product that needs no catalog.
  • Rows of your own categories – up to five rows above the designs, such as Occasion with Birthday, Wedding and Christmas, that narrow the designs down together with the other filters.
  • Team orders – a club, a team or a class orders one design with names and numbers on the jerseys and a size for each person, typed into a table or pasted from a spreadsheet. Everyone becomes an item of their own, with their own print file.
  • All print files in one ZIP – tick orders in the orders list and download every print file at once, each side in the product’s format, with a list of products, sizes, quantities and names.

This plugin is complete on its own and nothing in it is waiting to be unlocked. Pro is installed instead of it, never alongside; the designs, settings and orders are the same under either.

Where the files go, and when they are removed

Two files are written for every configuration a customer builds: a preview, and the print file itself. Both are SVG, both land in your uploads folder:

  • uploads/pomp-personalizer/generated/YEAR/MONTH/ for previews
  • uploads/pomp-personalizer/generated/print/YEAR/MONTH/ for print files

A print file’s name carries a secret part made from the configuration’s UUID and your site’s own salt, so its address cannot be guessed, not even by the customer who ordered it, and every folder holds an empty index file so it cannot be listed. The plugin writes no server configuration into your uploads folder; if you want the print folder closed to direct access as well, deny it in your server’s own configuration. Print files are handed out through the plugin, which checks who is asking.

A preview and a print file together take about 27 kB on the designs this was built against, ranging from 1 to 67 kB depending on how much text there is.

An hourly task clears up after browsing. A configuration that was never ordered expires after seven days, and its two files go with it. Anything attached to an order is left alone, however old – you have to be able to print what you have already sold. Temporary files are removed after a day, and previews left behind by deleted designs go the same way.

Seven days is a filter, not a fixed number: pomp_configuration_ttl_days moves it.

What it costs to run

The output is vector, so nothing is rasterized. There are no image libraries in the path that draws a design, no headless browser, no queue, and no calls to anyone else’s server.

Measured on the demo shop’s own hosting in 40 rounds, as the time each request takes beyond an empty request to the same site, so the network and WordPress itself are left out:

  • Drawing the name as it is typed: 18 ms (half of all rounds between 12 and 26 ms)
  • Preview: 26 ms
  • Preview, print file and adding to the cart: 29 ms
  • Memory beyond what WordPress already uses: under 0.1 MB, measured on a development machine

The print PDF, when you choose one, is made the first time it is downloaded and kept after that. For a print of text it adds no measurable time and about 2 MB of memory. A print that carries a large picture takes longer, once: about 0.9 s and 40 MB for a 2-megapixel transparent PNG.

In the browser, the configurator’s own script and styles come to about 76 kB compressed (45 kB script, 5 kB layout, 26 kB styles, and 3 kB more for the Guide when it is on), plus WordPress’s own React package, shared with anything else on the page that uses it. On the demo shop, a design page with the live configurator shows its largest element in about 1.2 s from an empty cache.

There is no background processing. Nothing is rendered until a customer asks for it, and the hourly cleanup is a single indexed query plus a few file deletions. Shared hosting is enough.

Imagick is used in exactly one place: the small raster thumbnail in the production email, because email clients do not render SVG. Without Imagick the email falls back to the vector preview and everything else carries on.

Fonts

Anton and Amatic SC are put in place when the plugin is first activated, so a new shop can draw a design straight away instead of having to find a font first. Both are Google Fonts under the SIL Open Font License; the license and its copyright notices ship with them. Delete one and it stays deleted – an update will not put it back.

Upload your own as well, as TrueType (.ttf). The design is traced glyph by glyph into a vector print file, so the font’s outlines have to be readable: WOFF and WOFF2 keep them compressed, and OpenType with CFF curves stores them in a form this cannot read. Google Fonts offers a .ttf for every family. The plugin also ships Space Mono and Inter, used for the configurator’s own interface.

Скриншоттор

Орнотуу

  1. Install and activate WooCommerce first.
  2. Upload the plugin through Plugins Add New, or unzip it into wp-content/plugins/.
  3. Activate it through Plugins.
  4. Follow the notice to Pomp Setup. Three buttons create the design catalog page and the configurator page, switch personalization on for the products you tick (or add a sample T-shirt), and add three sample designs, so a name typed on the catalog shows on all of them. The steps below do the same by hand.
  5. Create two pages: one for the configurator, one for the design catalog. They can be left empty.
  6. Open Pomp Settings and choose which page is which. That is enough – each page then shows what it is meant for, with no shortcode to write.
  7. To place them inside a layout of your own instead, add the Personalisation configurator block to the configurator page and the Design catalogue block to the catalog page, and set their options in the block’s sidebar. Outside the block editor, put [pomp_personalizer] and [pomp_catalog] there. A page that carries the block or the shortcode is left exactly as you built it.
  8. On a classic theme there is also a full-width, title-free page template for each, under Page Attributes Template: Pomp: configurator and Pomp: design catalogue. Block themes do not offer plugin page templates in their editor, so there step 6 is the way.
  9. Open any product, choose Sold through the configurator in the Personalisation configurator box, and drag the print box to where the print sits.

FAQ.KG

How do I let customers add their name to a product in WooCommerce?

Choose Sold through the configurator on the product, and add a design whose text has a box for the name, written in square brackets: Happy birthday [Name]. Customers then pick the design, type their name, and see it on the product before they add it to the cart. The order carries a print-ready file with that name in it.

Is it a product designer, a product customizer or a personalizer?

All three words get used for this kind of product customization. It works as a product customizer built around your own designs: you design, the customer personalizes. You put the designs in the catalog, and the customer fills in their name and picks the product and its color. Nobody is handed a blank canvas to draw on, which is what keeps every order printable. Writing their own text or uploading their own artwork, which is what a product designer offers, is in Pro.

Does it work for print on demand?

Yes, for shops that print, or that send the file to whoever prints for them. Every order carries a vector print file in the shape of that product’s print area, ready to scale to whatever size you print. It does not connect to a print-on-demand fulfillment service on its own; the file is yours to send wherever you print.

Can I use the print file for laser engraving, vinyl cutting or DTF?

Yes. The print file is an SVG with the text converted to vector outlines, so engraving, cutting and RIP software can open it without the font installed. Set the product’s print color to the one your process expects, black for engraving for instance. If your printer or RIP prefers PDF, switch the print file to PDF, or to both, under Pomp -> Settings.

Does it work with my theme and page builder?

It has been tested from catalog to order and print file with Twenty Twenty-Five, Storefront, Astra, Kadence, GeneratePress, OceanWP, Blocksy, Neve, Hello Elementor, WoodMart and Betheme, and alongside Elementor, Yoast SEO, Rank Math, WP Rocket, LiteSpeed Cache, Wordfence, Polylang, TranslatePress, and WooCommerce’s block cart and checkout.

Are there video tutorials?

Yes, six of them, each one real job in a real shop from start to finish: installing it and the first products, from the order to the print file, a T-shirt in six colors, a design built around a drawing in a font of your own, putting it anywhere with blocks and shortcodes, and a hundred designs from one CSV file. They are in the WooCommerce tutorials playlist on YouTube.

Is it translation ready?

Yes. Every string in the interface can be translated, and a .pot file ships in the languages folder.

Do I need an account with an external service?

No. Everything runs on your own server. Designs live in your database, generated files in your uploads folder.

What file do I get when someone orders?

An SVG, a PDF, or both, as you choose under Pomp -> Settings or on the product itself. Either one is vector, in the shape of the product’s print area, so it scales to any print size without loss, and both carry the same paths in the same colors. The PDF is made from the SVG the first time someone downloads it. The production email links to the files, and they are also on the order in the admin.

Can a customer order a personalized product without going through the configurator?

No. Products you include in the configurator cannot be added to the cart directly – otherwise you would receive orders with nothing to print.

Does it work with variable products?

Yes. Color and size are read from the variation, and you can give each color its own mockup image. Size does not change the print, so all sizes of one color share an image.

Can customers write their own text or upload their own graphic?

Not with this plugin, which offers the designs you put in the catalog. Both are in Pro, which is the full version of this plugin sold separately – not an unlock, and none of its code is in here.

Can I use my own placeholder backgrounds instead of the bundled ones?

Yes. Under Pomp -> Settings, “Placeholder backgrounds” lets you add your own images alongside the bundled set, and set the text color for any of them – built in or your own – instead of the default (its own color, darkened).

I use a size guide plugin. Will it show up on a personalized product?

Yes, on its own. A product in the configurator never shows its normal WooCommerce page, so anything a plugin adds there would otherwise go unseen – this plugin reads it back out from the same two places WooCommerce’s own product page does (the product tabs, and the area around the Add to cart button), so a size guide (or similar) plugin needs no changes on its side.

Can I change how the configurator page looks?

Yes, and you can pick how far you want to go. Place the [pomp_personalizer] shortcode in a page you have built yourself and the configurator fits into your own layout. Or pick the Pomp: configurator page template and restyle it with CSS – the body carries an pomp-template--configurator class to target. Or, for full control of the markup, copy templates/pomp-configurator.php out of the plugin into yourtheme/pomp-personalizer/pomp-configurator.php and edit it there: a copy in the theme is always used ahead of the plugin’s own, and it survives plugin updates. The same goes for pomp-catalog.php.

What can I change about the blocks and shortcodes?

In the block editor, both come as blocks, Design catalogue and Personalisation configurator, with the same options in the block’s sidebar. The shortcodes draw the same thing, for the classic editor and page builders.

[pomp_personalizer] takes `product_id` and `design`, to open on a particular product or a particular design.

[pomp_catalog] takes `chrome`, `search`, `categories`, `products`, `count`, `pagination` and `per_page`. `chrome="no"` turns off everything around the grid at once, and any of the others can still be named to override that - so `[pomp_catalog chrome="no" per_page="8"]` is eight designs and nothing else, ready to drop into a page you have laid out yourself.

Will it slow my shop down?

No. Nothing is rendered until a customer asks for it, and on the demo shop’s hosting a preview takes about 26 ms beyond the request itself, without touching an image library. See “What it costs to run” above for the measurements.

The configurator or the cart came up empty after I switched on a cache plugin

Turn off combine JavaScript (Autoptimize calls it “aggregate”, LiteSpeed and WP Rocket call it “combine”) and clear the cache. Combining puts every script on the page into one file, so if any single one of them comes out of the minifier broken, nothing on the page runs at all – and the broken one is usually not this plugin’s. WooCommerce’s block cart and block checkout draw themselves with JavaScript, so there it shows as a page with nothing on it.

Minifying, deferring and page caching are all fine. This plugin marks the configurator and the design pages as not to be cached – DONOTCACHEPAGE, backed by real no-cache headers – so caches leave those alone and keep serving the rest of the shop from cache.

One more thing worth checking: some optimizers hand scripts and stylesheets out of their cache folder as .php files, and some hosts refuse to serve .php from inside wp-content/cache (a 403 or a 410 in the browser console, with “refused to execute script” beside it). Then nothing on the page loads, this plugin included. Switching that optimizer to write plain .js and .css files fixes it.

How much disk space does it use?

About 27 kB per configuration, for the preview and the print file together. Configurations that were never ordered are cleared after seven days; anything attached to an order is kept.

Сын-пикирлер

There are no reviews for this plugin.

Contributors & Developers

“Pomp Product Personalizer for WooCommerce” is open source software. The following people have contributed to this plugin.

Мүчөлөрү

Өзгөртүүлөр

1.1.0

  • Ready in three clicks: Pomp Setup makes the design catalog page and the configurator page, switches personalization on for the products you tick (or adds a sample T-shirt), and adds three sample designs.
  • The shopper’s name on every design: a “Your name” field above the catalog draws the typed name on every design at once, remembers it in the shopper’s own browser, and fills it in when they open a design.
  • Designs for him or for her: “All”, “Him” and “Her” buttons above the designs, set on each design or with a “for” column in the CSV.
  • Filters in a sidebar beside the designs: each choice shows how many designs it leads to, and changes the designs in place, without loading the page again. The rows above the designs can be reordered or hidden under Settings.
  • Blocks for the block editor: “Design catalogue” and “Personalisation configurator”, with their options in the block’s sidebar.
  • A Guide button that walks shoppers through the configurator and the designs page, and the shop through the product and design screens.
  • The print file as SVG, PDF or both, for the whole shop or per product.
  • The print area is the print: every product prints in the shape of its print area, so the design fills it edge to edge and the warp grid bends all of it.
  • “Copy warp” and “Paste warp”: set up the bend on one mug and paste it onto the others.
  • Swatch colors on attribute values, with a field for the color code.
  • Designs: a line up to three times its row’s height, lines hung at a set height, and a design that keeps its own print color on every product.
  • CSV import: a “for” column, a progress bar that moves in batches of 25 rows, and it now works on Windows servers.
  • A one-time request for a review after the first order that arrives with a print file, which can be put away for good.
  • Many smaller fixes: sizes in the attribute’s own order, outline-only shapes in design templates, and the preview’s size and colors in the product editor.

1.0.2

  • Deleting the plugin no longer removes anything unless you ask it to. A new setting under Pomp > Settings decides, and it starts off.
  • Neither package removes the shop’s data while the other one is still installed, whichever way round you are switching between the free plugin and Pro.
  • Tidied the punctuation throughout the interface and both readmes.

1.0.1

  • Buttons no longer move when hovered, and hover is left to devices that have a pointer.

1.0.0

  • First release.