mystyleplatform

You can enable any product in WooCommerce for single side or multi-side personalization & customization using the MyStyle Custom Product Designer. This allows any user to design their own graphics with a photo-realistic live product preview. Our renderer can then generate the print file for any order(s) to exact high-res specs that meet your needs, and allow for print file editing on the fly to save time and eliminate needing Photoshop and/or Illustrator to process graphics for print.
The Customizer itself comes complete with free graphics, uploaded images, and high-res print images for users to add to their designs if they don’t have their own image. This stock library is hosted remotely in the cloud by the MyStyle Platform and Amazon S3 + Cloudfront CDN, so no extra load or HD space used on your server/hosting.
Users have a live product preview throughout the design experience. Popular products to personalize include phone cases, t-shirts, canvas prints, or anything that can be printed with a customer image!
<h4>Requirements</h4>
<ul>
<li>WooCommerce</li>
<li>Please note that the MyStyle Custom Product Designer is a serviceware plugin, which means it works by connecting to a remote service. The <a href="http://www.mystyleplatform.com/?ref=wprm" rel="nofollow ugc">MyStylePlatform.com</a> customization apps, graphics, and cloud storage that it uses require a paid/active MyStyle License.</li>
</ul>
<h4>Benefits</h4>
<ul>
<li>Easy / Quick to install</li>
<li>Awesome User Experience</li>
<li>User-designed products save time and eliminates redundant design work</li>
<li>High design-completion and sell-thru ratios</li>
<li>World-class design tools in the MyStyle Customizer</li>
<li>Print Rendered images streamline and ensure quality control with any fulfillment</li>
<li>Do your own fulfillment, or try our network of manufacturers (optional / contact us).</li>
<li>No added fees for purchases, no commissions!</li>
<li>Use any CC processor/checkout</li>
<li>Made in America (California)</li>
<li>Experienced San Diego based development team for support or custom feature development</li>
</ul>
<h4>Plugin Features</h4>
<ul>
<li>Users can design their own products right on your website and:
<ul>
<li>Upload images/photos</li>
<li>Add custom text (vector)</li>
<li>Add custom colors</li>
<li>Add gradients (color fades)</li>
<li>Drag and drop images and text right on the product visually</li>
<li>Design multi-side products</li>
</ul>
</li>
<li>Users can save designs publicly or privately</li>
<li>Integrates with WooCommerce products easily</li>
<li>Adds custom products directly to the user’s WooCommerce shopping cart</li>
<li>Thumbnail of user’s custom design shows in the shopping cart for each customized item</li>
<li>Product prices and description content controlled by WooCommerce as normal</li>
<li>HTML5 & Mobile Compatible
<ul>
<li>Mobile auto-detection with portrait and landscape modes</li>
</ul>
</li>
<li>Print-ready image file rendering (can be made to match your exact print specs)
<ul>
<li>Print files can be retrieved in the normal WooCommerce order history in the admin or synced to Shipsation etc</li>
<li>Print files Renderer is available with a paid license (see <a href="http://www.mystyleplatform.com/?ref=wprm2" rel="nofollow ugc">MyStyle Platform website</a> for pricing)</li>
</ul>
</li>
<li>New products can be added to our remote template catalog upon request</li>
<li>Custom libraries of backgrounds, foregrounds, or fonts can be added upon request</li>
<li>Configur8 feature allowing the product image on the product info page to be changed based on user input (beta).</li>
</ul>
<h4>Examples</h4>
You can see some examples of the MyStyle Custom Product Designer in use (and try it out) at the following sites:
<ul>
<li><a href="http://www.whateverskateboards.com/?ref=wprm2" rel="nofollow ugc">Custom Skateboards and Longboards</a> (Whatever Skateboards)</li>
<li><a href="http://www.makecanvasprints.com/?ref=wprm2" rel="nofollow ugc">Custom Canvas Prints</a> (Make Canvas Prints)</li>
<li><a href="http://www.flydiscs.com/?ref=wprm2" rel="nofollow ugc">Disc Golf Discs and Ultimate Frisbees</a> (Fly Discs)</li>
<li><a href="http://www.case-monkey.com/?ref=wprm2" rel="nofollow ugc">iPhone Cases & Other Phone Cases</a> (Case Monkey)</li>
</ul>
<h3>Shortcodes</h3>
[mystyle_design] 
– the mystyle /designs/ page shortcode, displays the recent public designs (or all designs for admins).
[mystyle_design total=12] 
– shows a gallery of 12 designs
[mystyle_design total=12 tag=”amazing”] 
– shows a gallery of 12 designs that are tagged amazing
[mystyle_design total=12 collection=”amazing”] 
– shows a gallery of 12 designs that are in the amazing collection
[mystyle_customizer] 
– displays the Customizer or a list of customizable products.
[mystyle_design_tags] 
– displays a list of design tags with a few design thumbs per tag
[mystyle_design_tags per_tag=”5″ tags_per_page=”12″ per_tag_on_term_page=”5″] 
– displays a list of design tags with a specific number of design thumbs per tag, as well as a certain number of tags per page.
[mystyle_design_tags show_designs=”false” tags_per_page=”12″] 
– displays a list of design tags without the designs
[mystyle_design_collections] 
– displays a list of design collections with a few design thumbs per collection

MyStyle Custom Product Designer

The MyStyle Custom Product Designer allows your website visitors to design, customize & personalize, and purchase your WooCommerce products.

Algorithus

Transform your WooCommerce store into a seamless shopping experience with APL Quick View. This powerful WooCommerce Quick View plugin enables customers to preview product details instantly in a customizable modal or drawer, ensuring a faster and smoother shopping experience.
<h3>Key benefits of APL Quick View:</h3>
<ul>
<li>Faster Decision-Making:
<ul>
<li>Instantly access essential product information, including images, descriptions, and pricing, without navigating to a new page.</li>
</ul>
</li>
<li>Customizable Interface:
<ul>
<li>Tailor the Quick View modal or drawer to match your store’s branding and layout for a cohesive shopping experience.</li>
</ul>
</li>
<li>Improved User Experience:
<ul>
<li>Enhance customer satisfaction by reducing clicks and providing a more streamlined path to purchase.</li>
</ul>
</li>
<li>Increased Conversions:
<ul>
<li>Keep customers engaged by allowing them to explore and add products to their cart directly from the Quick View window.</li>
</ul>
</li>
</ul>
Make shopping faster, easier, and more enjoyable with APL Quick View—designed to elevate your WooCommerce store’s performance and delight your customers.
<h3>Free version features</h3>
<ul>
<li>Enable Quick View functionality:
<ul>
<li>Enable Quick View for WooCommerce products, allowing customers to preview items instantly.</li>
</ul>
</li>
<li>Enable Quick View on mobile devices:
<ul>
<li>Activate Quick View for mobile devices to ensure a responsive and seamless experience.</li>
</ul>
</li>
<li>Activate Lightbox for an enhanced viewing experience:
<ul>
<li>Add a Lightbox effect to zoom and focus on product images.</li>
</ul>
</li>
<li>Allow product navigation within the Quick View window:
<ul>
<li>Enable seamless navigation between products directly in Quick View.</li>
</ul>
</li>
<li>Select the preferred Quick View mode:
<ul>
<li>Choose between modal or drawer display options for Quick View.</li>
</ul>
</li>
<li>Customize the modal display effect:
<ul>
<li>Personalize the animation and appearance of the Quick View modal.</li>
</ul>
</li>
<li>Choose the type of Quick View button display:
<ul>
<li>Select between text, icon, or combination button styles for Quick View.</li>
</ul>
</li>
<li>Set the label text for the Quick View button:
<ul>
<li>Customize the text displayed on the Quick View button.</li>
</ul>
</li>
<li>Upload a custom icon for the Quick View button:
<ul>
<li>Add a unique icon to make the Quick View button visually distinct.</li>
</ul>
</li>
<li>Define the placement of the Quick View button:
<ul>
<li>Position the button on the product page, such as below “Add to Cart.”</li>
</ul>
</li>
<li>Show the product image in the Quick View window:
<ul>
<li>Display a high-resolution image to highlight the product visually.</li>
</ul>
</li>
<li>Display the product name in Quick View:
<ul>
<li>Include the product title for easy identification.</li>
</ul>
</li>
<li>Include product ratings for a better overview:
<ul>
<li>Show product reviews and ratings to build customer trust.</li>
</ul>
</li>
<li>Show the product price in the Quick View window:
<ul>
<li>Provide clear pricing information in the Quick View.</li>
</ul>
</li>
<li>Display a brief product description (excerpt):
<ul>
<li>Highlight key product details with a concise description.</li>
</ul>
</li>
<li>Add an ‘Add to Cart’ button in Quick View:
<ul>
<li>Allow customers to purchase products directly from the Quick View.</li>
</ul>
</li>
<li>Display product meta details in Quick View:
<ul>
<li>Show additional product information, such as categories or tags.</li>
</ul>
</li>
<li>Show the full product description:
<ul>
<li>Include the complete product details for an in-depth overview.</li>
</ul>
</li>
<li>Customize product image width (in pixels):
<ul>
<li>Adjust the width of the product image for an optimal display.</li>
</ul>
</li>
<li>Customize product image height (in pixels):
<ul>
<li>Set the height of the product image to fit your design needs.</li>
</ul>
</li>
<li>Include a ‘View Details’ button for additional information:
<ul>
<li>Add a button to redirect customers to the full product page.</li>
</ul>
</li>
<li>Set the background color of the modal window:
<ul>
<li>Match the modal’s background color with your store theme.</li>
</ul>
</li>
<li>Customize the color of the modal window close button:
<ul>
<li>Personalize the close button’s color for better visibility.</li>
</ul>
</li>
<li>Set the Quick View button color:
<ul>
<li>Choose a button color that complements your store’s branding.</li>
</ul>
</li>
<li>Choose the text color for the Quick View button:
<ul>
<li>Adjust the button text color for better readability.</li>
</ul>
</li>
<li>Customize the hover color for the Quick View button:
<ul>
<li>Define the button color when hovered for a dynamic effect.</li>
</ul>
</li>
<li>Set the hover text color for the Quick View button:
<ul>
<li>Change the button text color on hover for added emphasis.</li>
</ul>
</li>
</ul>
Curious to see the plugin in action? Check out the <a href="https://wpdemo.algorithus.com/shop/" rel="nofollow ugc">live demo of the free version ></a>.
This plugin offers complete customization to seamlessly integrate with your WooCommerce store’s design and improve the user experience.
<h3>License</h3>
This plugin is licensed under the GPLv2 or later. For more details, see <a href="https://www.gnu.org/licenses/gpl-2.0.html" rel="nofollow ugc">https://www.gnu.org/licenses/gpl-2.0.html</a>.

APL Quick View

Add a Quick View feature to your WooCommerce store with customizable options for modal and drawer display, button styles, and product information.

MyStyle Custom Product Designer vs APL Quick View