<ul class="wccom-tick-list-primary">
<li><strong>Improves Customer Experience</strong> ― Offering the flexibility of designing the products to customers can make them feel that they are buying a personalized product. This improves the overall customer experience.</li>
<li><strong>Drives Additional Revenue to the Site</strong> ― When a customer buys a customized product, they can be charged for using elements such as images, texts, clip art, and more. This can serve as additional revenue to the site.</li>
<li><strong>Attracts New Customers</strong> ― Customers who have benefited from the Product Designer are likely to refer new users to your site.</li>
</ul>
<hr />
<p>With Product Designer for WooCommerce, your users can design and customize a product to fit their needs, which will drive customer satisfaction and additional revenue growth on your site.</p>
<h2>How Does Product Designer for WooCommerce Work?</h2>
<ul class="wccom-tick-list-secondary">
<li>The <strong>“Customize Product”</strong> button will be displayed in the Shop & Single Product pages if the product is linked to any product base.</li>
</ul>
<figure id="attachment_18734003466858" aria-describedby="caption-attachment-18734003466858" style="width: 917px" class="wp-caption alignnone"><img class="wp-image-18734003466858 size-full" src="https://woocommerce.com/wp-content/uploads/2020/11/product-customizer.png" alt="" width="917" height="536" /><figcaption id="caption-attachment-18734003466858" class="wp-caption-text"><strong>Customize Product Button on Single Product Page</strong></figcaption></figure>
<ul class="wccom-tick-list-secondary">
<li>When the user clicks on the<strong> Customize Product</strong> button, they will be redirected to the Product Designer page.</li>
</ul>
<div class="mceTemp"></div>
<p><img class="alignnone size-full wp-image-18734005363789" src="https://woocommerce.com/wp-content/uploads/2020/11/Designer-Page.png" alt="" width="980" height="552" /></p>
<p><strong>Designer Page</strong></p>
<ul class="wccom-tick-list-secondary">
<li>You can add product attributes such as color, size, message, etc. using the field types Product Color, Text, Text Area, Single Select, Checkbox, Radio box. You can set attributes to be optional/mandatory.</li>
</ul>
<p><img class="alignnone wp-image-18734005363800 size-full" src="https://woocommerce.com/wp-content/uploads/2020/11/Product-Attributes-Customization-1.png" alt="" width="1366" height="1010" /></p>
<p><strong>Product Attributes Customization</strong></p>
<ul class="wccom-tick-list-secondary">
<li>Customers can customize the product with the help of the following elements,
<ul class="wccom-tick-list-secondary">
<li>Images</li>
<li>Cliparts</li>
<li>Text</li>
<li>Shapes</li>
<li>Templates</li>
</ul>
</li>
<li>After completing the designing and selecting the attributes, customer can click <strong>“Redirect with Changes to Product Page”</strong> if they want to go to single product page with the product customization.</li>
</ul>
<p> </p>
<p> </p>
<p> </p>
<p><img class="alignnone wp-image-18734005363807 size-full" src="https://woocommerce.com/wp-content/uploads/2020/11/Redirect-with-Changes-to-Product-Page.png" alt="" width="1365" height="1842" /></p>
<p><strong>Redirect with Changes to Product Page</strong></p>
<ul class="wccom-tick-list-secondary">
<li>From the product designer page, they can also directly add the product to the cart by clicking the <strong>“Add to Cart”</strong> button.</li>
</ul>
<p><img class="alignnone wp-image-18734005363779 size-full" src="https://woocommerce.com/wp-content/uploads/2020/11/Designed-Product-Added-to-Cart.png" alt="" width="1366" height="1794" /></p>
<p><strong>Designed Product Added to Cart</strong></p>
<ul class="wccom-tick-list-secondary">
<li>Once the customer places the order, the site admin can see the orders with product customization in <strong>“Product Designer > Orders”</strong> section in admin dashboard. The Site Admin has to click the <strong>“Download Design”</strong> button on the respective order which when clicked they will be redirected to frontend product designer page with customer design and attributes loaded.</li>
</ul>
<figure id="attachment_18734003466747" aria-describedby="caption-attachment-18734003466747" style="width: 1366px" class="wp-caption alignnone"><img class="wp-image-18734003466747 size-full" src="https://woocommerce.com/wp-content/uploads/2020/11/orders-2.png" alt="" width="1366" height="548" /><figcaption id="caption-attachment-18734003466747" class="wp-caption-text"><strong>Orders Page</strong></figcaption></figure>
<ul class="wccom-tick-list-secondary">
<li>Now,the admin has to click <strong>“Print”</strong> menu to Print/Download the design.</li>
</ul>
<p><img class="alignnone wp-image-18734005363773 size-full" src="https://woocommerce.com/wp-content/uploads/2020/11/Admin-Download-or-Print-Design-Using-Print-Option.png" alt="" width="1366" height="996" /></p>
<p><strong>Admin Download or Print Design Using Print Option</strong></p>
<h2>Popular Features</h2>
<h3>1. Revenue Generation & Monetization</h3>
<ul class="wccom-tick-list-secondary">
<li>Charge extra for premium clipart, templates, fonts, colors, and uploads</li>
<li>Add pricing rules for each personalization element</li>
<li>Monetize text customization per character or fixed fee</li>
<li>Create premium personalization packages without custom coding</li>
<li>Turn customization into a scalable revenue stream</li>
</ul>
<h3>2. Production & Fulfillment Efficiency</h3>
<ul class="wccom-tick-list-secondary">
<li>Export high-resolution 300 DPI print-ready designs</li>
<li>Download customer-approved designs directly from orders</li>
<li>Reduce manual artwork preparation</li>
<li>Streamline printing and fulfillment workflows</li>
<li>Perfect for apparel, signage, engraving, gifts, and print shops</li>
</ul>
<h3>3. Conversion & Order Accuracy</h3>
<ul class="wccom-tick-list-secondary">
<li>Customers see exactly what they’re ordering</li>
<li>Reduce personalization mistakes before checkout</li>
<li>Lower refund and reprint requests</li>
<li>Minimize back-and-forth approval emails</li>
</ul>
<h3>4. Customer Experience & Retention</h3>
<ul class="wccom-tick-list-secondary">
<li>Mobile-friendly product customizer</li>
<li>Works across desktop and mobile devices</li>
<li>Logged-in users can save unfinished designs</li>
<li>Improve return visits and repeat purchases</li>
<li>Reduce abandoned personalized orders</li>
<li>Make long customization workflows frictionless</li>
</ul>
<h3>5. Security & Access Control</h3>
<ul class="wccom-tick-list-secondary">
<li>Restrict customization to logged-in users</li>
<li>Disable uploads for guests</li>
<li>Limit allowed upload file types</li>
<li>Control upload sizes and dimensions</li>
<li>Automatically watermark previews before checkout</li>
<li>Protect premium artwork and templates</li>
<li>Prevent unauthorized reuse of custom designs</li>
</ul>
<h3>6. Flexibility & Developer Control</h3>
<ul class="wccom-tick-list-secondary">
<li>Modular architecture with configurable design modules</li>
<li>Enable only the tools your customers need</li>
<li>Match the designer with your WooCommerce theme</li>
<li>Custom fonts and SVG shape support</li>
<li>Flexible product base system for custom implementations</li>
</ul>
<h2>Extensive Feature List</h2>
<ul class="wccom-tick-list-secondary">
<li>Works with simple product type.</li>
<li>Designing supported on mobile devices.</li>
<li>Dedicated page for product designing.</li>
<li>A Logo can be set for the product designer page.</li>
<li>Favicon can be set for the product designer page.</li>
<li>Customers can use admin created templates for their designs.</li>
<li>Customers can use admin created clipart for their designs.</li>
<li>Customers can use admin created shapes for their designs.</li>
<li>Customers can upload their own images for their designs.</li>
<li>Customer can customize their designs with text content.</li>
<li>Admin has the possibility to enable/disable modules. Modules that can be enabled/disabled: 1. Templates 2. Cliparts 3. Images 4. Text 5. Shapes 6. Product Selection 7. Layers 8. Background</li>
<li>Ability to create n number of product bases.</li>
<li>Multiple products can be linked to a product base.</li>
<li>Support for transparent and non-transparent images for the product base.</li>
<li>Multiple views can be created for a product base.</li>
<li>Different attribute types supported: 1. Product Color 2. Text Field 3. Text Area 4. Single Select 5. Checkbox 6. Radiobox</li>
<li>Multiple attributes can be created on a product base.</li>
<li>Different prices can be charged for each color attribute.</li>
<li>Different prices can be charged for different attributes.</li>
<li>The product base can be categorized.</li>
<li>Design templates can be created along with the ability to set different prices for each template.</li>
<li>Design templates can be categorized.</li>
<li>Multiple cliparts can be created.</li>
<li>Ability to set different prices for each clipart.</li>
<li>Cliparts can be categorized.</li>
<li>Multiple shapes can be created using svg code.</li>
<li>Ability to set different prices for each shape.</li>
<li>Shapes can be categorized.</li>
<li>Multiple background images can be created.</li>
<li>Ability to set different prices for each background image.</li>
<li>Background images can be categorized.</li>
<li>Option to use Header & Footer from theme which can be helpful in matching the product designer page layout with other page layouts of the site.</li>
<li>Option to show Product Description/Short Description on the designer page.</li>
<li>Possibility to enable a watermark on print designs before placing the order.</li>
<li>Customizable watermark text.</li>
<li>Multiple product designer page themes supported. Supported themes: 1. Amazon 2. Basic 3. Chubby 4. Github 5. Material 6. Custom</li>
<li>Product customization can be allowed only for specific users.</li>
<li>Product customization can be restricted to guest users.</li>
<li>Possible to show/hide the customization option on the single product page.</li>
<li>Possible to show/hide customization options in the shop and category pages.</li>
<li>Image upload can be restricted for guest users.</li>
<li>Restrict customers to upload images with specific file formats.</li>
<li>Minimum and maximum sizes can be set for image upload.</li>
<li>Minimum and maximum dimensions can be set for image upload.</li>
<li>A Fee can be charged for image upload.</li>
<li>Fixed fee or Fee for n number of characters can be charged for adding text to the design.</li>
<li>Google Fonts are supported for text customization.</li>
<li>Custom fonts supported.</li>
<li>Only specific font families can be given for text customization.</li>
<li>Only specific font families can be given for text customization for each product base.</li>
<li>Text content can be masked with images.</li>
<li>Text content can be aligned.</li>
<li>Superscript and subscript supported for text customization.</li>
<li>Uppercase and lowercase options for text customization.</li>
<li>Font color and font background color of text content can be customizable.</li>
<li>Multiple objects added in a single area can be sent to the back/front of another object.</li>
<li>Possible to copy an object and paste it into another area.</li>
</ul>
<h3>Requirements</h3>
<p>Minimum PHP version: 5.6</p>
<p>Product Designer for WooCommerce can help your users design their own products and purchase them in your shop.</p>

Product Designer

<p>Product Designer for WooCommerce allows your users to design the products as per their needs and purchase them in your Shop.</p>

<h2>Smart Product, Payment & Shipping Controls Without Complexity</h2>
<p>Take command of your store’s experience with precision rules that automatically:</p>
<ul>
<li><strong>Show/hide products, prices, or add-to-cart buttons</strong> based on who’s shopping.</li>
<li><strong>Restrict payment and shipping methods</strong> by order value, customer type, or location.</li>
<li><strong>Personalize displays</strong> without touching code – configure once and forget.</li>
</ul>
<p class="ds-markdown-paragraph">Eliminate checkout friction and create tailored shopping journeys for every visitor.</p>
<h3>How It Works</h3>
<p>Visibility Vault intelligently adjusts your store in real-time by analyzing three core aspects of each visitor:</p>
<ol start="1">
<li><strong>Customer Identity</strong><br />
The system first identifies who is shopping, whether it’s a guest visitor, a specific registered customer, or a user belonging to particular roles like wholesalers or VIP members. This allows you to create rules like hiding prices from guests or showing exclusive products only to premium subscribers.</li>
<li><strong>Geographic Location</strong><br />
Using accurate geolocation data, Visibility Vault detects each customer’s country automatically. This enables geographic restrictions, letting you hide certain products in specific markets or offer location-based payment methods.</li>
<li><strong>Shopping Context</strong><br />
The plugin continuously monitors what customers have in their carts – including order value, product categories, and item quantities. This allows dynamic adjustments like disabling payment options for low-value orders.</li>
</ol>
<p class="ds-markdown-paragraph">The system combines these data points to enforce your rules precisely, creating a seamless, personalized shopping experience while maintaining your business requirements behind the scenes. All this happens automatically after your initial setup – no manual intervention needed.</p>
<h3>Features</h3>
<ol start="1">
<li><strong>Role-Based Catalog Control</strong><br />
Hide/show entire product categories or individual items for different user roles (e.g., display wholesale-only products, hide clearance items from VIPs).</li>
<li><strong>Geo-Targeted Catalog Control</strong><br />
Automatically show/hide products by country (e.g., comply with regional regulations, run country-specific promotions).</li>
<li><strong>Smart Button Replacement</strong><br />
Transform “Add to Cart” into custom actions (e.g., “Get Quote” for B2B users, “Pre-Order Now” for coming soon items).</li>
<li><strong>Cart-Adaptive Payment Gateways</strong><br />
Dynamically enable/disable payment methods based on cart value (e.g., block COD for orders under $50) or product types.</li>
<li><strong data-start="840" data-end="874">Cart-Adaptive Shipping Methods</strong><br data-start="884" data-end="887" />Restrict shipping methods based on order total, customer role, product type, or location (e.g., disable free shipping below $100).</li>
<li><strong>VIP-Exclusive Access</strong><br />
Create private product collections visible only to specific customer tiers (e.g., early access for “Gold Member” users).</li>
<li><strong>Bulk Category Restrictions</strong><br />
Apply visibility rules to entire product categories or tags with one click (e.g., hide “Seasonal” category after holidays).</li>
<li><strong>Time-Limited Visibility</strong><br />
Schedule product displays (e.g., hide Black Friday deals post-event) using start/end dates.</li>
<li><strong>Conflict Resolution System</strong><br />
Priority-based rule hierarchy ensures correct application (e.g., country restrictions override user role exceptions).</li>
</ol>
<p><strong>Rule Based Catalog Management</strong></p>
<p>Create and manage multiple rules to restrict products, prices, or add-to-cart buttons by user roles, specific customers, and countries. Configure each rule to hide entire products, only prices, or just buttons, with flexible targeting across individual products, categories, or global settings.</p>
<p><img class="alignnone size-medium wp-image-18734005536105" alt="" /> <img class="alignnone size-medium wp-image-18734005536117" src="https://woocommerce.com/wp-content/uploads/2025/07/edr-vis-1_126954.png?w=896" alt="" width="896" height="362" /></p>
<h3>Hide Entire Product</h3>
<p>Tailor your store’s catalog by completely hiding products from specific countries. Ensure customers only see items available in their region, reducing confusion and improving conversion rates.</p>
<p class="ds-markdown-paragraph">When creating a “Restrict Product” rule, you can:</p>
<ul>
<li>Select countries where the rule should apply – choose specific nations or apply globally</li>
<li>Choose to either show (whitelist) or hide (blacklist) selected products</li>
<li>Target by user roles (e.g., wholesalers) or specific customer accounts</li>
<li>Apply to individual products, entire categories, product tags, or brands</li>
<li>Set custom messages for restricted users or redirect them to another page</li>
</ul>
<p><img class="alignnone size-medium wp-image-18734005536214" src="https://woocommerce.com/wp-content/uploads/2025/07/edr-vis-2_778c88.png?w=721" alt="" width="721" height="843" /></p>
<h3>Control Price & Add to Cart Button Visibility</h3>
<p class="ds-markdown-paragraph">Precisely manage which customers can view prices or checkout options. Hide sensitive pricing from competitors or show member-exclusive deals while replacing restricted elements with custom messages or alternative actions.</p>
<h4 class="ds-markdown-paragraph">Configuration Options:</h4>
<ul>
<li>Hide prices and/or add to cart buttons</li>
<li>Replace with:
<ul>
<li>Custom text (e.g., “Login to view price”)</li>
<li>Alternative buttons (e.g., “Request Quote”) with custom URLs</li>
<li>Complete removal (show blank space</li>
</ul>
</li>
</ul>
<h4>Scenario 1: Geo-Based Price Masking</h4>
<p class="ds-markdown-paragraph"><strong>Description</strong>:</p>
<p class="ds-markdown-paragraph">Prevent price scraping by hiding prices in competitor-heavy regions, while showing them in target markets.</p>
<p class="ds-markdown-paragraph"><strong>Rule Configuration</strong>:</p>
<ul>
<li><strong>Target</strong>: Countries = [China, Germany]</li>
<li><strong>Actions</strong>:
<ul>
<li>Hide Price → Show “Request Quote” button (links to contact form)</li>
<li>Remove Add-to-Cart</li>
</ul>
</li>
<li><strong>Scope</strong>: High-margin product categories</li>
</ul>
<h4>Scenario 2: “Contact Us” for Custom Orders</h4>
<p class="ds-markdown-paragraph"><strong>Description</strong>:</p>
<p class="ds-markdown-paragraph">Your products require customization (e.g., engraved jewelry, bulk quotes) and can’t be bought directly.</p>
<p class="ds-markdown-paragraph"><strong>Rule Configuration</strong>:</p>
<ul>
<li><strong>Target</strong>: Products = [Customizable Items]</li>
<li><strong>Actions:</strong>
<ul>
<li>Keep Price Hidden</li>
<li>Replace Add to Cart with:
<ul>
<li>Button Text: “Request Quote”</li>
<li>Link: <code>/quote-form</code></li>
</ul>
</li>
</ul>
</li>
<li><strong>Scope</strong>: Specific products requiring customization</li>
</ul>
<p><img class="alignnone size-medium wp-image-18734005537991" src="https://woocommerce.com/wp-content/uploads/2025/07/edr-vis-5.png?w=896" alt="" width="896" height="525" /></p>
<h3>General Payment Method Settings</h3>
<p class="ds-markdown-paragraph">Configure default payment gateway availability that applies when no specific restriction rules are met. This serves as your store-wide baseline, allowing you to globally enable or disable payment options like PayPal, credit cards, or bank transfers. These settings are ideal for temporary maintenance (e.g., disabling COD during holidays) or establishing fallback behavior. Changes here affect all customers unless overridden by higher-priority restriction rules.</p>
<p><img class="alignnone size-medium wp-image-18734005536277" src="https://woocommerce.com/wp-content/uploads/2025/07/edr-vis-3.png?w=893" alt="" width="893" height="356" /></p>
<h3>Payment Method Restrictions</h3>
<p class="ds-markdown-paragraph">Create advanced rules to dynamically control payment options based on real-time conditions. Restrict gateways by:</p>
<ul>
<li><strong>Order value</strong>: Disable premium options for small orders</li>
<li><strong>Customer location</strong>: Block high-risk payment methods in fraud-prone regions</li>
<li><strong>User Status:</strong>Display wholesale payment methods only to approved business accounts</li>
</ul>
<p>Each rule can combine multiple conditions (e.g., disable COD for international orders under $100). Rules use a priority system (1-10) where lower numbers override higher ones when conflicts occur, giving you precise control over which payment methods appear in different scenarios.</p>
<p><img class="alignnone size-medium wp-image-18734005536289" src="https://woocommerce.com/wp-content/uploads/2025/07/edr-vis-4.png?w=896" alt="" width="896" height="746" /></p>
<h3>Shipping Method Restrictions</h3>
<p data-start="283" data-end="405">Build flexible rules that automatically adjust available shipping options based on real-time cart, user, and location conditions. Restrict shipping methods by:</p>
<p data-start="283" data-end="405"><strong data-start="407" data-end="423">Order value:</strong><br data-start="423" data-end="426" />Disable free shipping for low-value carts (e.g., hide “Free Shipping” for orders under $75).</p>
<p data-start="520" data-end="668"><strong data-start="520" data-end="542">Customer location:</strong><br data-start="542" data-end="545" />Block specific methods in restricted regions (e.g., hide “Express Delivery” for remote areas or non-serviceable countries).</p>
<p data-start="670" data-end="809"><strong data-start="670" data-end="686">User status:</strong><br data-start="686" data-end="689" />Show premium delivery services only to logged-in members or VIP users (e.g., “Same-Day Delivery” for Gold members only).</p>
<p data-start="811" data-end="1057"><strong data-start="811" data-end="832">Products in cart:</strong> <br data-start="854" data-end="857" />Automatically disable shipping methods whenever certain products are added to the cart.<br data-start="944" data-end="947" /><strong data-start="947" data-end="959">Example:</strong> If a fragile item is in the cart, hide “Standard Shipping” and force “Secure Packaging Shipping”.</p>
<p data-start="1059" data-end="1397">Each rule can combine multiple conditions (e.g., disable “Free Shipping” for guest users ordering restricted products in international regions).<br data-start="1203" data-end="1206" />Like payment rules, shipping rules also use a priority system (1–10) where lower numbers override higher ones, giving you full control over how shipping options appear in different scenarios.</p>
<p><img class="alignnone size-medium wp-image-18734005950389" src="https://woocommerce.com/wp-content/uploads/2025/07/shipping-method-rule.png?w=746" alt="" width="746" height="727" /></p>

Visibility Vault

<p>Customize store displays by hiding products, prices, or add-to-cart buttons. Control payment and shipping methods by customer group, location, or order value.</p>
<p> </p>

Product Designer vs Visibility Vault