<ul class="wccom-tick-list-primary">
<li>Improves Customer Experience ― 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>Drives Additional Revenue to the Site ― 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>Attracts New Customers ― Customers who have benefited from the Product Designer are likely to refer new users to your site.</li>
</ul>
<hr />
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.
<h2>How Does Product Designer for WooCommerce Work?</h2>
<ul>
<li>The “Customize Product” 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">Customize Product Button on Single Product Page</figcaption></figure>
<ul>
<li>When the user clicks on the Customize Product button, they will be redirected to the Product Designer page.</li>
</ul>
<div class="mceTemp"></div>
<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" />
Designer Page
<ul>
<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>
<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" />
Product Attributes Customization
<ul>
<li>Customers can customize the product with the help of the following elements,
<ul>
<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 “Redirect with Changes to Product Page” if they want to go to single product page with the product customization.</li>
</ul>
 
 
 
<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" />
Redirect with Changes to Product Page
<ul>
<li>From the product designer page, they can also directly add the product to the cart by clicking the “Add to Cart” button.</li>
</ul>
<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" />
Designed Product Added to Cart
<ul>
<li>Once the customer places the order, the site admin can see the orders with product customization in “Product Designer > Orders” section in admin dashboard. The Site Admin has to click the “Download Design” 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">Orders Page</figcaption></figure>
<ul>
<li>Now,the admin has to click “Print” menu to Print/Download the design.</li>
</ul>
<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" />
Admin Download or Print Design Using Print Option
<h2>Popular Features</h2>
1. Ready-to-Use Product Bases
There are 16 ready-to-use product bases bundled with the plugin.
2. Edit Zone Can Be Customized
You can customize the edit zone for each product base.
3. Designs Can Be Saved
Logged-in users can save their designs to their accounts and can retrieve and purchase the products at a later date.
4. Multiple Product Attributes
You can add product attributes such as color, size, message, etc. using the field types Product Color, Text, Text Area, Single Select, Checkbox, Radiobox. You can set attributes to be optional/mandatory.
5. Individual Component Pricing
You can individually charge for customization when using Images, Cliparts, Text, Shapes, Templates.
Alternatively, you can charge a fixed price for customizing a single view. This can be controlled in each product base.
6. Print-Ready Files
All output files are of print-ready quality at 300DPI.
<h2>Extensive Feature List</h2>
<ul>
<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 colour 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 desinger 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>
Minimum PHP version: 5.6
Product Designer for WooCommerce can help your users design their own products and purchase them in your shop.

Product Designer

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

<div class="woo-sc-box" style="background: #fff;border: 1px solid #0a825c;border-left-width: 1px !important;border-radius: 5px;color: #000000;margin: 2em 0;padding: 17px">
<h2>Highlights</h2>
<ul class="wccom-tick-list-secondary" style="line-height: 1.8em;color #ffffff;margin-bottom: 18px">
<li style="color: #000">Show or hide taxed prices based on user roles</li>
<li>Multiple formats to display taxes</li>
<li>Add a customizable view tax link</li>
<li>Option to show same tax information on cart & checkout pages</li>
</ul>
</div>
<h1>Show Prices, Including & Excluding Taxes</h1>
<div>
Hidden tax prices revealed only at checkout can cause cart abandonment, as unexpected costs might prompt customers to look for alternatives. WooCommerce show price with or without tax extension solves this issue by allowing you to display product prices including and excluding taxes on product, listing, cart, and checkout pages. 
Taxed prices can be shown or hidden for specific user roles. For example, the extension lets you hide taxes from retail buyers while showing them to wholesale buyers so that they can factor in the taxed prices when making bulk purchases. This makes compliance with local tax laws easy while reducing the chances of cart abandonment and improving customer satisfaction.
<img class="alignnone size-full wp-image-18734004522170" src="https://woocommerce.com/wp-content/uploads/2021/04/woocommerce-show-price-including-excluding-tax-10.png" alt="" width="980" height="694" />
</div>
<h2>Features</h2>
<ul>
<li style="font-weight: 400">Display prices including & excluding taxes</li>
<li style="font-weight: 400">Show or hide taxed prices by
<ul>
<li>User roles</li>
<li>Products</li>
</ul>
</li>
<li style="font-weight: 400">Show or hide taxes on these pages: 
<ul>
<li>Listing</li>
<li>Product</li>
<li>Cart</li>
<li>Checkout</li>
</ul>
</li>
<li style="font-weight: 400">Option to display tax in 3 different formats:
<ul>
<li>Including and excluding taxes</li>
<li>Percentage based tax</li>
<li>Both</li>
</ul>
</li>
<li>Display option to reveal tax by:
<ul>
<li>Tax toggle button</li>
<li>Tax toggle text</li>
<li>Always show</li>
</ul>
</li>
<li style="font-weight: 400">Preview tax price on the product page:
<ul>
<li>In popup </li>
<li>Inline form</li>
</ul>
</li>
</ul>
<h2>Show Prices including & excluding taxes on product & listing pages</h2>
Showing prices with or without taxes can significantly impact your revenue. Some countries and American states have such laws in place where stores hiding taxed prices can face monetary penalties or criminal charges. In order to comply with the law and provide users with accurate tax information on the product & listing pages, use display prices with and without tax extension for WooCommerce.
<img class="alignnone size-full wp-image-18734004522047" src="https://woocommerce.com/wp-content/uploads/2021/04/woocommerce-show-price-including-excluding-tax-7.png" alt="" width="980" height="631" />
<h2>Hide or show taxed prices by user roles</h2>
With price display including and excluding tax extension for WooCommerce, you can show or restrict taxed prices by user roles. This allows you to show tax information to relevant user roles only and hide for the rest.
<img class="alignnone size-full wp-image-18734004522196" src="https://woocommerce.com/wp-content/uploads/2021/04/woocommerce-show-price-including-excluding-tax-22.png" alt="" width="980" height="376" />
<div class="woocommerce-message" style="background-color: #127f6269;border-color: #c9e8a9;color: #000000;border-radius: 5px;margin: 2em 0;padding: 20px">
<h2 style="text-align: center">To display prices including & excluding taxes, use Price Display Including/Excluding Tax extension 
</h2>
<a class="wccom-button is-primary" style="font-weight: 400;text-decoration: none;width: 130px;background: #118567;border: none;color: #fff !important;line-height: 28px;padding: 10px 24px;font-size: 16px;margin: 24px auto 0" href="https://woocommerce.com/?add-to-cart=7768971" target="_blank" rel="noopener">Buy Now</a>
</div>
<h2>Show Taxed Prices in Multiple Ways</h2>
Price display, including & excluding tax extension, allows you to show taxed prices in multiple formats:
<h3>Price including tax</h3>
Show product prices, including taxes on product, cart, and checkout pages, providing customers with a clear view of total cost.
<img class="alignnone size-full wp-image-18734004521785" src="https://woocommerce.com/wp-content/uploads/2021/04/woocommerce-show-price-including-excluding-tax-2.png" alt="" width="980" height="545" />
<h3>Dual Pricing (Including and Excluding)</h3>
Using this format, you can display both the product’s actual price (excluding taxes) and the price after including taxes.
<img class="alignnone size-full wp-image-18734004521814" src="https://woocommerce.com/wp-content/uploads/2021/04/woocommerce-show-price-including-excluding-tax-3.png" alt="" width="980" height="527" />
<h3>Tax toggle button</h3>
Add a new “Show Tax” button to display tax prices on product, checkout, and cart pages while keeping your store’s design minimalistic.
<img class="alignnone size-full wp-image-18734004521826" src="https://woocommerce.com/wp-content/uploads/2021/04/woocommerce-show-price-including-excluding-tax-4.png" alt="" width="980" height="580" />
Percentage Based Tax
Show tax applicable on prices in percentage separately.
<img class="alignnone size-full wp-image-18734004521852" src="https://woocommerce.com/wp-content/uploads/2021/04/woocommerce-show-price-including-excluding-tax-5.png" alt="" width="980" height="580" />
<h2>Show or hide taxes on product & listing pages</h2>
This highly customizable extension allows you to show or hide taxes on product and listing pages. You can also choose to show tax charges in the cart’s total or subtotal section and customize the “view tax” toggle link’s text.
<img class="alignnone size-full wp-image-18734004521938" src="https://woocommerce.com/wp-content/uploads/2021/04/woocommerce-show-price-including-excluding-tax-6.png" alt="" width="980" height="587" />
<h2>Show taxed prices on cart and checkout pages</h2>
Just like the listing pages, admins can control the display of tax prices for cart and checkout pages based on user roles. This means you can easily manage tax information for relevant users and control price details to avoid any misinformation about the total cost.
Tax display at cart
<img class="size-full wp-image-18734004522086 aligncenter" src="https://woocommerce.com/wp-content/uploads/2021/04/woocommerce-show-price-including-excluding-tax-8.png" alt="" width="980" height="886" />
Tax display at checkout
<img class="size-full wp-image-18734004522087 aligncenter" src="https://woocommerce.com/wp-content/uploads/2021/04/woocommerce-show-price-including-excluding-tax-9.png" alt="" width="980" height="1059" />
<h2>Requirements</h2>
<div>PHP 5.6 and above</div>

Price Display Including/Excluding Tax

Show price including & excluding taxes by user roles on the product, listing, cart, and checkout pages.

Product Designer vs Price Display Including/Excluding Tax