Flexy Product Designer | Plugin WooCommerce WordPress

Flexy Product Designer for WooCommerce

Flexy Product Designer is a professional WooCommerce product customisation plugin that places a fully-featured canvas designer directly on your product pages. Customers can add text, upload images, search millions of royalty-free photos via Pixabay, generate QR codes, apply pre-built design templates, and save their work — all without leaving your store. Built on Fabric.js and coded to meet Envato/WordPress standards.

Live Preview Features

• Fabric.js 5 HTML5 canvas — smooth, real-time object manipulation
• Drag, resize, rotate and flip any text or image element
• Undo / Redo history (up to 50 states)
• Horizontal and vertical rulers with snap guides
• Layer management panel — reorder, lock and delete layers
• Object alignment — top, middle, bottom, left, center, right
• Zoom and full-canvas preview modal
• One-click Download and Print the finished design

Text Customisation

• Add single or multi-line text with full font control
• 17 bundled fonts including Google Fonts (Roboto, Montserrat, Pacifico, Dancing Script and more)
• Bold, Italic, Underline, Strikethrough formatting
• Left, Centre and Right text alignment
• Line height and character spacing sliders
• Curved / arc text with adjustable radius
• Per-character colour picker with hex input and shadow editor
• Admin-defined text templates that customers can insert with one click
• Optional price surcharge per text element

Image Tools

• Drag-and-drop or browse image upload (PNG, JPG, SVG, GIF)
• Admin-configurable max file size (default 5 MB)
• Pixabay library integration — search millions of free stock images directly inside the designer
• QR code generator — enter any URL or text, choose foreground and background colours, and place the QR code on the canvas instantly
• Optional price surcharge per uploaded or Pixabay image
• Scale, rotate, flip (horizontal and vertical), and adjust opacity on any image

Saved Designs and Cart Integration

• Customers can save, rename, load and delete their designs from any product page
• Saved design thumbnail displayed on the product page with hover zoom preview
• “Add to cart with this design” and “Edit this design” one-click actions
• Design thumbnail shown in the WooCommerce cart, mini-cart and Block Cart
• Design JSON and thumbnail stored with every order for fulfilment reference
• Re-edit a design directly from the cart page

Design Categories

• Admin-managed design library with unlimited categories and items
• Category thumbnail, item images, item names and individual pricing
• Customers browse by category then click to place any design on the canvas
• Includes 6 built-in demo categories (Animals, Sports, Shapes, Nature, Flags, Quotes)
• WP Media Library picker for all category and item images

Admin Control Panel

General Settings

• Custom designer button label and page position (before cart, after cart, after summary)
• Require a design before the customer can add to cart
• Global customisation surcharge added automatically at checkout
• Custom info message shown in the designer File menu
• Option to delete all plugin data on uninstall

Button Style Settings

• Primary button background and text colour (live WordPress colour picker)
• Secondary button background and text colour
• Font size for all product-page buttons
• Styles apply to “Customise Product”, “Add to cart with this design” and “Edit this design” buttons

Canvas Settings

• Configurable canvas width and height in pixels
• Per-product print area defined as percentage offsets (top, left, width, height)

Pixabay Settings

• Enable or disable the Pixabay tab
• Enter your free Pixabay API key
• Set an optional surcharge per Pixabay image used
• API results are cached for 1 hour via WordPress transients

Per-Product Toggle

• Enable or disable the designer on any individual WooCommerce product from the product edit sidebar

Developer and Performance Features

• Minified assets served in production (designer.min.js, designer.min.css) — full source included
• Assets switch automatically to full source when SCRIPT_DEBUG is enabled
• All scripts and styles loaded via wp_enqueue_script / wp_enqueue_style — no direct file loading
• All AJAX endpoints protected with WordPress nonces
• All database queries use $wpdb->prepare for SQL injection protection
• All output escaped with esc_html, esc_attr, esc_url
• All user input sanitized with WordPress sanitize_* functions
• Custom DB table for saved designs plus Custom Post Type for media-library thumbnails
• Translation-ready with a complete .pot file included
• No jQuery deregistered; no duplicate library loading
• Tested with WordPress 6.x and WooCommerce 8.x

Requirements

• WordPress 5.8 or higher
• WooCommerce 6.0 or higher
• PHP 7.4 or higher
• A modern browser (Chrome, Firefox, Safari, Edge)
• Free Pixabay API key (optional, required only for the Pixabay image tab)

What Is Included

• Fully documented plugin files
• Comprehensive HTML documentation (Getting Started, Admin Guide, Front-End Guide, FAQ, Changelog)
• Translation template file (flexyproductdesigner.pot)
• Minified and unminified CSS and JavaScript assets
• 6 demo design categories with sample items
• 6 months of item support

Support

Support is provided through the CodeCanyon comments and support tab. Response time is within 2 business days. Please read the included documentation before submitting a support request, as most common questions are answered there.