Flexy Product Designer for WooCommerce
Flexy Product Designer is knowledgeable WooCommerce product customisation plugin that locations a fully-featured canvas designer instantly in your product pages. Clients can add textual content, add photographs, search hundreds of thousands of royalty-free pictures through Pixabay, generate QR codes, apply pre-built design templates, and save their work — all with out leaving your retailer. Constructed on Cloth.js and coded to fulfill Envato/WordPress requirements.
Dwell Preview Options
- Cloth.js 5 HTML5 canvas — clean, real-time object manipulation
- Drag, resize, rotate and flip any textual content or picture component
- Undo / Redo historical past (as much as 50 states)
- Horizontal and vertical rulers with snap guides
- Layer administration panel — reorder, lock and delete layers
- Object alignment — prime, center, backside, left, heart, proper
- Zoom and full-canvas preview modal
- One-click Obtain and Print the completed design
Textual content Customisation
- Add single or multi-line textual content with full font management
- 17 bundled fonts together with Google Fonts (Roboto, Montserrat, Pacifico, Dancing Script and extra)
- Daring, Italic, Underline, Strikethrough formatting
- Left, Centre and Proper textual content alignment
- Line peak and character spacing sliders
- Curved / arc textual content with adjustable radius
- Per-character color picker with hex enter and shadow editor
- Admin-defined textual content templates that prospects can insert with one click on
- Elective worth surcharge per textual content component
Picture Instruments
- Drag-and-drop or browse picture add (PNG, JPG, SVG, GIF)
- Admin-configurable max file dimension (default 5 MB)
- Pixabay library integration — search hundreds of thousands of free inventory photographs instantly contained in the designer
- QR code generator — enter any URL or textual content, select foreground and background colors, and place the QR code on the canvas immediately
- Elective worth surcharge per uploaded or Pixabay picture
- Scale, rotate, flip (horizontal and vertical), and modify opacity on any picture
Saved Designs and Cart Integration
- Clients can save, rename, load and delete their designs from any product web page
- Saved design thumbnail displayed on the product web page with hover zoom preview
- “Add to cart with this design” and “Edit this design” one-click actions
- Design thumbnail proven within the WooCommerce cart, mini-cart and Block Cart
- Design JSON and thumbnail saved with each order for fulfilment reference
- Re-edit a design instantly from the cart web page
Design Classes
- Admin-managed design library with limitless classes and gadgets
- Class thumbnail, merchandise photographs, merchandise names and particular person pricing
- Clients browse by class then click on to position any design on the canvas
- Consists of 6 built-in demo classes (Animals, Sports activities, Shapes, Nature, Flags, Quotes)
- WP Media Library picker for all class and merchandise photographs
Admin Management Panel
Normal Settings
- Customized designer button label and web page place (earlier than cart, after cart, after abstract)
- Require a design earlier than the client can add to cart
- International customisation surcharge added robotically at checkout
- Customized data message proven within the designer File menu
- Choice to delete all plugin information on uninstall
Button Type Settings
- Major button background and textual content color (reside WordPress color picker)
- Secondary button background and textual content color
- Font dimension for all product-page buttons
- Kinds apply to “Customise Product”, “Add to cart with this design” and “Edit this design” buttons
Canvas Settings
- Configurable canvas width and peak in pixels
- Per-product print space outlined as share offsets (prime, left, width, peak)
Pixabay Settings
- Allow or disable the Pixabay tab
- Enter your free Pixabay API key
- Set an optionally available surcharge per Pixabay picture used
- API outcomes are cached for 1 hour through WordPress transients
Per-Product Toggle
- Allow or disable the designer on any particular person WooCommerce product from the product edit sidebar
Developer and Efficiency Options
- Minified belongings served in manufacturing (designer.min.js, designer.min.css) — full supply included
- Property change robotically to full supply when SCRIPT_DEBUG is enabled
- All scripts and types loaded through wp_enqueue_script / wp_enqueue_style — no direct file loading
- All AJAX endpoints protected with WordPress nonces
- All database queries use $wpdb->put together for SQL injection safety
- All output escaped with esc_html, esc_attr, esc_url
- All person enter sanitized with WordPress sanitize_* capabilities
- Customized DB desk for saved designs plus Customized Publish Sort for media-library thumbnails
- Translation-ready with an entire .pot file included
- No jQuery deregistered; no duplicate library loading
- Examined with WordPress 6.x and WooCommerce 8.x
Necessities
- WordPress 5.8 or increased
- WooCommerce 6.0 or increased
- PHP 7.4 or increased
- A contemporary browser (Chrome, Firefox, Safari, Edge)
- Free Pixabay API key (optionally available, required just for the Pixabay picture tab)
What Is Included
- Totally documented plugin information
- Complete HTML documentation (Getting Began, Admin Information, Entrance-Finish Information, FAQ, Changelog)
- Translation template file (flexyproductdesigner.pot)
- Minified and unminified CSS and JavaScript belongings
- 6 demo design classes with pattern gadgets
- 6 months of merchandise help
Help
Help is offered by the CodeCanyon feedback and help tab. Response time is inside 2 enterprise days. Please learn the included documentation earlier than submitting a help request, as commonest questions are answered there.
