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!
Requirements
- WooCommerce
- Please note that the MyStyle Custom Product Designer is a serviceware plugin, which means it works by connecting to a remote service. The MyStylePlatform.com customization apps, graphics, and cloud storage that it uses require a paid/active MyStyle License.
Benefits
- Easy / Quick to install
- Awesome User Experience
- User-designed products save time and eliminates redundant design work
- High design-completion and sell-thru ratios
- World-class design tools in the MyStyle Customizer
- Print Rendered images streamline and ensure quality control with any fulfillment
- Do your own fulfillment, or try our network of manufacturers (optional / contact us).
- No added fees for purchases, no commissions!
- Use any CC processor/checkout
- Made in America (California)
- Experienced San Diego based development team for support or custom feature development
Plugin Features
- Users can design their own products right on your website and:
- Upload images/photos
- Add custom text (vector)
- Add custom colors
- Add gradients (color fades)
- Drag and drop images and text right on the product visually
- Design multi-side products
- Users can save designs publicly or privately
- Integrates with WooCommerce products easily
- Adds custom products directly to the user’s WooCommerce shopping cart
- Thumbnail of user’s custom design shows in the shopping cart for each customized item
- Product prices and description content controlled by WooCommerce as normal
- HTML5 & Mobile Compatible
- Mobile auto-detection with portrait and landscape modes
- Print-ready image file rendering (can be made to match your exact print specs)
- Print files can be retrieved in the normal WooCommerce order history in the admin or synced to Shipsation etc
- Print files Renderer is available with a paid license (see MyStyle Platform website for pricing)
- New products can be added to our remote template catalog upon request
- Custom libraries of backgrounds, foregrounds, or fonts can be added upon request
- Configur8 feature allowing the product image on the product info page to be changed based on user input (beta).
Examples
You can see some examples of the MyStyle Custom Product Designer in use (and try it out) at the following sites:
- Custom Skateboards and Longboards (Whatever Skateboards)
- Custom Canvas Prints (Make Canvas Prints)
- Disc Golf Discs and Ultimate Frisbees (Fly Discs)
- iPhone Cases & Other Phone Cases (Case Monkey)
Shortcodes
[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
