Dynamic Mockups – Product Gallery & Customizer for WooCommerce vs Loginizr

Dynamic Mockups for WooCommerce – Create Professional Product Galleries and Enable Customer Personalization Transform your WooCommerce store with two powerful features: automated mockup generation that creates entire product catalogs in seconds, and customer personalization that lets shoppers upload their own designs and see instant previews on professional mockups. What Makes This Different: * Generate hundreds of professional mockups from a single design upload * Customers personalize products directly in your store with real-time previews * Automatic print-ready files (PDF, PNG, vector) created for every order * Native WooCommerce integration – works with any theme, no coding required Immediate Results: * Setup completes in under 15 minutes with guided onboarding * Professional photography-quality mockups in under 10 seconds * Seamless customer experience from design upload to checkout * Built on AWS infrastructure for 99.9% reliability Perfect For: Print-on-demand stores, custom product sellers, WooCommerce agencies, and any business wanting to offer product personalization without technical complexity. Trusted by thousands of WooCommerce stores worldwide. Overview Two Integrated Features That Transform Your WooCommerce Store Product Gallery Generator For Store Owners: Professional Catalogs in One Click Connect your WooCommerce products directly to Dynamic Mockups’ library of 1000+ professional templates. Upload your artwork once and generate complete product galleries instantly – no more spending hours in design software. Key Capabilities: * 1000+ 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 Formats: PNG, JPG, PDF, SVG support 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 Anywhere: Customers add designs directly on product pages * Instant Previews: Real-time visualization on professional photography * Smart Placement: Automatic design positioning with manual adjustment options * Live Customization: Change colors, text, and placement with immediate feedback * Seamless Purchase: Personalized products flow through standard WooCommerce checkout Store Owner Control: * Per-Product Settings: Enable/disable personalization on individual products * Customizable Interface: Control available tools and options for customers * Automatic Print Files: Production-ready files generated with every personalized order * Order Management: View customer designs and specifications in WooCommerce admin 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 it Works For Store Owners: Product Gallery Creation Step 1: Connect Products to Templates Access your WooCommerce product admin and navigate to the “Create Mockups” tab. Connect products to relevant mockup templates from Dynamic Mockups’ professional library. Step 2: Upload Your Designs Add your artwork in any supported format (PNG, JPG, PDF, SVG). The system automatically optimizes files for best rendering quality across all selected templates. Step 3: Generate Professional Mockups Click “Generate Mockups” to create professional product galleries in under 10 seconds. Select which mockups to add to your WooCommerce product gallery. Step 4: Automatic Integration Generated mockups sync directly to your WooCommerce store. The main product image updates automatically, with additional mockups populating the product gallery. For Customers: Product Personalization Step 1: Design Upload Customers click “Create with your design” button on product pages. The embeddable editor opens in full-screen mode for optimal design experience. Step 2: Real-Time Preview Upload custom artwork and see instant visualization on professional mockups. Adjust placement, sizing, and positioning with live preview feedback. Step 3: Customization Options Modify colors, add text, and fine-tune design placement. All changes reflect immediately on the professional mockup preview. Step 4: Seamless Checkout Add personalized product to cart with all customization details preserved. Product thumbnail in cart shows the personalized design. Step 5: Automatic Production Files Upon order completion, print-ready files are automatically generated in multiple formats (PDF for offset printing, PNG for digital, vector for screen printing) with proper specifications for production. Technical Process Flow Backend Automation: * AWS infrastructure processes all mockup generation * High-resolution outputs maintain professional quality standards * Print files include proper resolution, color profiles, and bleed areas * Integration maintains WooCommerce compatibility across all themes Admin Dashboard Integration: * View customer personalizations in WooCommerce order details * Download print-ready files directly from order management * Access mockup generation history and usage statistics * Configure settings through familiar WordPress interface Configure Initial Setup (15-minute process) Plugin Installation Download Dynamic Mockups plugin from WordPress admin dashboard. Install and activate like any standard WordPress plugin – no special server requirements or complex configurations needed. Account Connection Link your Dynamic Mockups account using secure API credentials. One-time authentication enables access to the complete template library and processing infrastructure. Product Gallery Configuration Template Selection Browse and select from 1000+ professional mockup templates organized by product category. Preview templates with sample designs to ensure they match your brand aesthetic. Product Mapping Choose which WooCommerce products use automated mockup generation. Enable for individual products, entire categories, or your complete catalog based on your business needs. Design Asset Management Upload your artwork through the WordPress media library or directly within the mockup generation interface. Supports PNG, JPG, PDF, and SVG with automatic optimization. Generation Settings Configure mockup output preferences including resolution, format selection, and batch processing options. Set default selections for streamlined workflow. Customer Personalization Setup Product-Level Controls Navigate to individual product admin pages to find the “Product Personalization” tab. Enable or disable personalization per product with simple toggle controls. Mockup Assignment Select which mockup templates customers use for personalization. Choose from your connected templates or browse the public template library for additional options. Interface Customization Customize the customer-facing personalization interface including: * Available design tools and options * File upload limits and accepted formats * Color customization capabilities * Text addition and font options * Design placement and sizing controls Button Configuration Customize the “Customize/Design” button text and placement on product pages. Use shortcodes for custom positioning or rely on automatic placement. Get Support Join our Slack community to stay updated with new features and connect with our developers. Whether you need help troubleshooting, or guidance on how to maximize the plugin’s potential, our team is ready to assist you with any issues related to the WordPress plugin.

This plugin allows the user to completely customise the look and feel of the WordPress login page from the comfort of the WordPress admin customizer interface. Dynamically creates a custom login css file to override default values Fully integrated with WordPress Customiser Intuitive interface with sections & settings Filters to override defaults via your parent/child theme Usage Go to Appearance > Customise Select the Login Customiser Menu Panel Select from the available sections and change the settings as required. Once changed the save & publish button will be available. Select this to save changes. These will be available to the login screen when next logging in, or as below. The plugin dynamically creates a new login css file for the login page only which contains css settings that override the default styling. The login panel of course is only available to non logged-in users, so testing the changes can be done via logging out / in, or better via using a separate computer, or via testing with a different browser e.g. logged in via IE, not logged in on chrome. Filters The default values displayed in the Admin UI customiser can be modified via a selection of filters. Panel: loginizr_panel – Panel name, default: lognizr_panel add_filter ( ‘loginizr_panel’, set_loginizr_panel, 10, 1); function set_loginizr_panel ( $default ) { return ‘loginizr’; } loginizr_priority – Panel priority, default: 30 add_filter ( ‘loginizr_priority’, set_loginizr_priority, 10, 1); function set_loginizr_priority ( $default ) { return 40; // put lower down order } loginizr_title – Panel title, default: Login Customizer add_filter( ‘loginizr_title’,set_loginizr_title, 10, 1); function set_loginizr_title ( $title ) { return __( ‘Loginizr’, ‘wordpress’ ); } loginizr_description – Panel description, default: Customize the generic WordPress login page add_filter( ‘loginizr_description’, set_loginizr_description, 10, 1); function set_loginizr_title ( $desc ) { return __( ‘Customize your WordPress Login Page’, ‘wordpress’ ); } Section: Each section has a filter for priority & title add_filter( ‘loginizr_section_priority’, ‘set_loginizr_section_priority’, 10, 2 ); function set_loginizr_section_priority( $priority, $section = ” ) { // basic check, can also add check against set section names if ( empty( $section ) ) { return $priority; } //check section name switch( $section ) { case 'background': return 5; case 'logo': return 10; case 'form_bg': return 15; case 'form': return 20; case 'field': return 25; case 'button': return 30; case 'other': return 35; default: return $priority; } } add_filter( ‘loginizr_section_title’, ‘set_loginizr_section_title’, 10, 2 ); function set_loginizr_section_title( $title, $section = ” ) { // basic check, can also add check against set section names if ( empty( $section ) ) { return $title; } //check section name switch( $section ) { case 'background': return __( 'Background', 'txt' ); case 'logo': return __( 'Logo', 'txt' ); case 'form_bg': return __( 'Form Background', 'txt' ); case 'form': return __( 'Form', 'txt' ); case 'field': return __( 'Field', 'txt' ); case 'button': return __( 'Button', 'txt' ); case 'other': return __( 'Other', 'txt' ); default: return $title; } } Settings: Some settings with default values also have available filters add_filter ( ‘loginizr_bg_color’, set_loginizr_bg_color, 10, 1); function set_loginizr_priority ( $default ) { return ‘#fff’; // valid hex or rbg value, default #f1f1f1 } add_filter ( ‘loginizr_logo_width’, set_loginizr_logo_width, 10, 1); function set_loginizr_logo_width ( $default ) { return ‘100px’; //default 125px } add_filter ( ‘loginizr_logo_height’, set_loginizr_logo_height, 10, 1); function set_loginizr_logo_height ( $default ) { return ’60px’; //default 50px } add_filter ( ‘loginizr_logo_padding’, set_loginizr_logo_padding, 10, 1); function set_loginizr_logo_padding ( $default ) { return ’10px’; //default 5px } add_filter ( ‘loginizr_form_bg_color’, set_loginizr_form_bg_color, 10, 1); function set_loginizr_form_bg_color ( $default ) { return ‘#fff’; // calid hex or rgb value, default #fff } add_filter ( ‘loginizr_form_width’, set_loginizr_form_width, 10, 1); function set_loginizr_form_width ( $default ) { return ‘400px’; //valid css width default 320px } add_filter ( ‘loginizr_form_height’, set_loginizr_form_height, 10, 1); function set_loginizr_form_height ( $default ) { return ‘100px’; //default 194px } add_filter ( ‘loginizr_form_padding’, set_loginizr_form_padding, 10, 1); function set_loginizr_form_padding ( $default ) { return ’10px’; //calid padding css, default 26px 24px 46px } add_filter ( ‘loginizr_field_width’, set_loginizr_field_width, 10, 1); function set_loginizr_field_width ( $default ) { return ‘90%’; // percentage or px value, default 100% } add_filter ( ‘loginizr_field_margin’, set_loginizr_field_margin, 10, 1); function set_loginizr_field_margin ( $default ) { return ’10px’; // valid margin: css , default 2px 6px 16px 0px } add_filter ( ‘loginizr_field_bg’, set_loginizr_field_bg, 10, 1); function set_loginizr_field_bg ( $default ) { return ‘#ccc’; // valid css hex/rgb, default #fff } add_filter ( ‘loginizr_field_color’, set_loginizr_field_color, 10, 1); function set_loginizr_field_color ( $default ) { return ‘#ccc’; //valid hex/rgb, default #333 } add_filter ( ‘loginizr_field_label_color’, set_loginizr_field_label_color, 10, 1); function set_loginizr_field_label_color ( $default ) { return ‘#ccc’; //valid hex/rgb, default #777 } add_filter ( ‘loginizr_button_color’, set_loginizr_buttoncolor, 10, 1); function set_loginizr_button_color ( $default ) { return ‘#ccc’; //valid hex/rgb, default #fff } add_filter ( ‘loginizr_button_bg’, set_loginizr_button_bg, 10, 1); function set_loginizr_button_bg ( $default ) { return ‘#ccc’; //valid hex/rgb, default #2EA2CC } add_filter ( ‘loginizr_button_border’, set_loginizr_button_border, 10, 1); function set_loginizr_button_border ( $default ) { return ‘#ccc’; //valid hex/rgb, default #0074A2 } add_filter ( ‘loginizr_button_hover_bg’, set_loginizr_button_hover_bg, 10, 1); function set_loginizr_button_hover_bg ( $default ) { return ‘#ccc’; //valid hex/rgb, default #1E8CBE } add_filter ( ‘loginizr_button_hover_border’, set_loginizr_button_hover_border, 10, 1); function set_loginizr_button_hover_border ( $default ) { return ‘#ccc’; //valid hex/rgb, default #0074A2 } add_filter ( ‘loginizr_button_hover_shadow’, set_loginizr_button_hover_shadow, 10, 1); function set_loginizr_button_hover_shadow ( $default ) { return ‘#ccc’; //valid hex/rgb, default #78C8E6 } add_filter ( ‘loginizr_other_color’, set_loginizr_other_color, 10, 1); function set_loginizr_other_color ( $default ) { return ‘#fff’; //valid hex/rgb, default #999 } add_filter ( ‘loginizr_other_hover’, set_loginizr_other_hover, 10, 1); function set_loginizr_other_hover ( $default ) { return ‘#fff’; //valid hex/rgb, default #2EA2CC }