Overview
The Dynamic Mockups WooCommerce Integration is a native WordPress plugin that transforms your WooCommerce store with automated mockup generation and real-time product personalization.
Generate hundreds of professional mockups from a single design upload, enable customers to personalize products with instant previews, and automatically receive print-ready files with every order, no coding required.
Perfect for:
Print-on-demand WooCommerce stores
Custom product shops offering personalization
Store owners managing large product catalogs
WooCommerce agencies building client stores
Compatibility: Works with any WooCommerce theme
Setup Time: Under 15 minutes
Install from: WordPress Plugin Directory
What Does the WooCommerce Integration Do?
The Dynamic Mockups WooCommerce plugin provides two powerful integrated features that work together seamlessly:
Product Gallery Generator
For Store Owners: Professional Catalogs in One Click
Connect your WooCommerce products directly to Dynamic Mockups' library of 1,000+ professional templates. Upload your artwork once and generate complete product galleries instantly. No more spending hours in design software.
Key Capabilities:
1,000+ professional templates (apparel, mugs, phone cases, home decor, and more)
One-click generation: Upload design once, get hundreds of mockup variations
Auto-sync with WooCommerce: Generated mockups appear in product galleries immediately
Professional quality results indistinguishable from expensive photo shoots
Multiple format support: PNG, JPG, SVG with automatic optimization
Product Personalization Engine
For Customers: Real-Time Design Customization
Enable customers to upload their own designs and see instant previews on professional mockups. The embeddable editor works seamlessly within your WooCommerce product pages and checkout flow.
Customer Experience:
Upload designs directly on product pages
Instant real-time visualization on professional photography
Smart automatic design positioning with manual adjustment options
Live customization: Change colors, text, and placement with immediate feedback
Personalized products flow through standard WooCommerce checkout
Business Impact:
Reduce customer service inquiries about customization
Command premium pricing for personalized products
Increase customer engagement and time on product pages
Eliminate returns due to unclear product expectations
How to Install and Connect
Step 1: Install the Plugin
Navigate to your WordPress admin dashboard, go to Plugins → Add New, and search for "Dynamic Mockups".
Click "Install Now" and then "Activate" once installation completes.
Step 2: Connect Your Dynamic Mockups Account
After activation, navigate to the Dynamic Mockups settings in your WordPress admin. Click "Connect" to link your Dynamic Mockups account.
This one-time authentication enables access to the complete template library and processing infrastructure. If you don't have a Dynamic Mockups account, you can create one during this step.
Step 3: Configuration Complete
Your WooCommerce store is now connected to Dynamic Mockups. You're ready to start generating mockups and enabling product personalization.
Product Gallery Generation
How to Create Mockups for Your Products
Step 1: Connect Products to Templates
Navigate to a WooCommerce product in your admin panel and locate the "Create Mockups" button below the product gallery.
Browse and select from 1,000+ professional mockup templates organized by product category. Our public library continues to grow each day.
Step 2: Upload Your Designs
Add your artwork in any supported format: PNG, JPG, PDF, or SVG. Upload through the WordPress media library or directly within the mockup generation interface.
The system automatically optimizes files for the best rendering quality across all selected templates.
After you add the design and you are satisfied with the results, click "Generate Mockups".
Step 3: Add generated mockups to the Product gallery
Review generated mockups and select which ones to add to your WooCommerce product gallery. Click "Add to Gallery".
You can optionally set the main product image by clicking on the "Set as Main" on the desired generated mockup image.
Product Personalization Setup
Enabling Customer Customization
Step 1: Product-Level Controls
Navigate to individual product admin pages and find the "Product Personalization" tab to add the mockup to allow your customers to create and purchase personalized products.
Step 2: Assign Mockup Templates
Select which mockup templates customers use for personalization. Choose from your connected templates or browse the public template library for additional options.
Step 3: Advanced configuration of personalization
Configure the customer-facing personalization interface:
Enable or disable color pickers
Change the default "Customize" button text for your customers
Hide/Show production personalization globally
Show sizing controls
And more
Use shortcodes for custom positioning or rely on automatic placement. If you have trouble with automatic placement, the shortcode is a great option to place your "Customize" button wherever you want.
Customer Experience: Product Personalization
How Customers Use Personalization
Step 1: Design Upload
Customers click the "Customize" button on product pages. The embeddable editor opens in full-screen mode for an optimal design experience.
Step 2: Real-Time Preview & Customization
Customers upload custom artwork and see instant visualization on professional mockups. The preview updates in real-time as they upload or adjust their design.
Customers can modify colors and fine-tune design placement. All changes reflect immediately on the professional mockup preview.
Step 3: Add to Cart
Once satisfied, customers add the personalized product to the cart with all customization details preserved. The product thumbnail in the cart shows their personalized design.
Automated Production Files
Print-Ready Files with Every Order
Upon order completion, print-ready files are automatically generated in your WooCommerce orders page:
File Specifications:
Proper resolution for production
Correct color profiles
Bleed areas where needed
Accurate sizing and dimensions
Accessing Production Files
View customer personalizations and download production files directly from WooCommerce order details in your admin dashboard.
Use Cases
Print-on-Demand Store
Automate your entire mockup workflow:
Upload new designs as you create them
Generate mockups across all product types
Sync to WooCommerce automatically
Focus on design and marketing instead of mockup creation
Custom Product Shop
Enable personalization for customer orders:
Let customers upload their logos, photos, or artwork
Show real-time previews on product pages
Receive production files automatically with each order
No manual back-and-forth with customers about designs
Large Catalog Management
Update hundreds of products efficiently:
Generate mockups for entire collections at once
Sync updates across all variants simultaneously
Maintain consistent professional imagery
Refresh seasonal or promotional designs instantly
Agency Client Stores
Build professional stores faster:
Set up product personalization without custom development
Deliver professional mockup galleries in minutes
Provide clients with automated fulfillment workflows
No ongoing maintenance required
Technical Details
Minimum Requirements:
WordPress 4.7 or higher
PHP 7.0 or higher
WooCommerce is installed and activated
Active Dynamic Mockups account
Tested Up To:
WordPress 6.8.3
Latest WooCommerce versions
Performance
Setup completes in under 15 minutes
Professional mockups generated in under 10 seconds
Built on AWS infrastructure for 99.9% reliability
Seamless customer experience from design upload to checkout
Tips & Best Practices
✅ Use template collections - Organize mockups by product type for easier management
✅ Enable personalization strategically - Turn it on for products where customization adds value
✅ Preview customer flow - Test the personalization experience before launching
✅ Organize design uploads - Keep artwork files organized in WordPress media library
✅ Update galleries seasonally - Refresh product mockups for holidays or campaigns
✅ Monitor production files - Verify order files meet your production requirements
✅ Leverage batch generation - Create mockups for multiple products simultaneously
Troubleshooting
Plugin Not Appearing After Installation
Verify activation completed successfully
Check for plugin conflicts by deactivating other plugins temporarily
Ensure WooCommerce is installed and activated
Account Connection Failing
Verify you created a Dynamic Mockups account
Check that your server allows outbound API connections
Do a couple of page refreshes after trying to connect
Contact support if connection issues persist
Mockups Not Syncing to Products
Ensure products are published in WooCommerce
Check that you selected the correct products for sync
Allow a few moments for sync to complete
Clear WordPress cache if using a caching plugin
Personalization Editor Not Displaying
Verify personalization is enabled for the specific product
Check theme compatibility (test with a default WooCommerce theme)
Ensure JavaScript is not being blocked by security plugins
Clear the browser cache and refresh the product page
Production Files Missing from Orders
Verify the customer completed personalization before checkout
Check the WooCommerce order details page
Contact support if files don't generate automatically
Support & Resources
Join our Slack Community - Connect with developers and get support from our team. Whether you need help troubleshooting or guidance on maximizing the plugin's potential, we're ready to assist with any WordPress plugin issues.
Support Forum - Visit the official WordPress plugin support forum for community help and discussions.
Direct Support - Contact our support team at [email protected]