Install the SudoMock plugin from the WordPress plugin directory. Connect your SudoMock account, map PSD mockups to products, and a "Customize This Product" button appears on your product pages automatically.
WordPress PluginProduct Customization for WooCommerce
Free WordPress plugin. Add a “Customize This Product” button to any WooCommerce product. Customers personalize mockups, preview in real-time, and add to cart.
Free plugin · No monthly fee · Pay only for renders
<1s
Render time
$0.002
Per render
10
Languages
0%
SudoMock branding
Setup in 4 Steps
No coding required. Install the plugin, connect, map your mockups, done.
01
Install & Connect
Install SudoMock from the WordPress plugin directory. Activate, enter your API key, and connect your account in one click.
02
Map Mockups to Products
Go to any WooCommerce product, open the SudoMock tab, and select which PSD mockup to use. Thumbnails and names load directly from your account.
03
Add Block to Theme
The "Product Customizer" block appears automatically on mapped products. Use the Site Editor to adjust position and styling.
04
Customers Customize & Buy
A "Customize This Product" button appears on your product page. Customers design in the studio popup, preview, and add to cart.
Built for WooCommerce
Deep WordPress integration with everything your store needs for product customization.
Full Studio Experience
Customers upload designs, adjust colors, brightness, contrast, and position — all in a real-time preview popup.
WooCommerce Cart Integration
Customized mockup image attaches to the cart item automatically. Visible in order details for fulfillment.
Your Own PSD Templates
Upload Photoshop mockups with Smart Object layers. Full creative control — unlimited layers, 300MB max file size.
Deep WordPress Integration
Product-level settings tab, bulk product mapping, HPOS compatible, block & classic theme support.
White-Label & Multilingual
Customize every color, label, and logo. 10 languages included. Zero SudoMock branding visible to customers.
Mobile Optimized
Touch-friendly controls, responsive layout. Popup mode works perfectly on phones, tablets, and desktops.
Your Brand, Not Ours
Control every aspect of the customization experience. Match your store's look and feel with customizable colors, labels, logo, and theme.
- Primary color, accent color, and background
- Success color for cart confirmation
- Custom button labels and text
- Your logo in the studio header
- Light or dark theme
- Adjustable corner radius
Works on Every Device
Popup studio is fully responsive. Touch-friendly controls, bottom sheet UI on mobile, and fast renders on any connection.
- Touch-friendly layer controls
- Bottom sheet panels on mobile
- Responsive canvas with pinch-to-zoom
- Export settings accessible on all devices
WordPress-Native Quality
Not a wrapper around an iframe. A proper WordPress plugin that follows WordPress coding standards.
HPOS Compatible
Works with both legacy and High-Performance Order Storage
Block & Classic Themes
Auto-detects theme type, renders correctly in both
Popup Display Mode
Full-screen overlay — no page navigation, no lost context
XSS Protected
All user inputs sanitized with WordPress security standards
Translation Ready
10 languages included, WPML and Polylang compatible
Lightweight
Assets loaded only on product pages with mapped mockups
For Developers
REST API for Custom Workflows
Need more control? Use the SudoMock REST API directly with WooCommerce webhooks. Auto-generate mockups on product create, bulk process your catalog, or build custom integrations.
functions.php
// WooCommerce order → SudoMock render
add_action('woocommerce_new_order', function($order_id) {
$order = wc_get_order($order_id);
foreach ($order->get_items() as $item) {
$mockup_uuid = get_post_meta(
$item->get_product_id(),
'_sudomock_mockup', true
);
if ($mockup_uuid) {
$result = sudomock_render([
'mockup_uuid' => $mockup_uuid,
'smart_objects' => [/* ... */]
]);
}
}
});PHP · WordPress Hook<1s render
Trusted by WooCommerce Stores Worldwide
From custom apparel to personalized gifts — WooCommerce stores use SudoMock to let customers create unique products.
60x
cheaper than Adobe Photoshop API
23%
conversion lift with live preview
50K+
daily renders processed
Free plugin · No credit card required · 500 free render credits
WooCommerce Integration FAQ
Common questions about using SudoMock with your WooCommerce store.
Yes. SudoMock supports both classic and block themes. It auto-detects your theme type and uses the appropriate rendering method. Compatible with all major themes including Astra, GeneratePress, OceanWP, Storefront, and more.
SudoMock is fully compatible with both the legacy post-based storage and the new HPOS system. No configuration needed — it works with both.
When a customer clicks "Customize This Product," a full-screen studio opens as a popup overlay. They upload their design, adjust colors and positioning, preview the result in real-time, and click "Add to Cart." The customized mockup image is saved with the order.
Yes. From the Storefront settings tab, you can customize primary color, accent color, background, text color, border color, corner radius, logo, theme (light/dark), and all button labels. Your brand, not ours.
The WordPress plugin is free. You only pay for renders — starting at $0.002 per render on the Scale plan. Dashboard and playground are free forever. No monthly subscription.
Yes. The customization studio is fully responsive with touch-optimized controls. Works on phones, tablets, and desktops.
Absolutely. Upload your own Photoshop files with Smart Object layers via the SudoMock dashboard. Your PSD, your mockups, your brand.
Add Product Customization to Your WooCommerce Store
Free WordPress plugin. Setup takes under 5 minutes. No coding required.
No credit card requiredFree playground & dashboard500 free render credits
Need webhook automation? Read the developer guide