Skip to main content

Getting Started with DesignLab

DesignLab is a professional product designer & customizer plugin for WooCommerce. It allows your customers to create custom designs on products like t-shirts, mugs, phone cases, business cards, and more.

Key Features​

  • Visual Canvas Editor — Fabric.js v6 powered drag-and-drop editor
  • Multi-View Support — Front, back, and custom product views
  • 30+ Design Cliparts — Built-in design library with categories
  • Text Tools — 44 Google Fonts, curved text, text presets
  • Image Upload — Drag & drop with auto-upload to media library
  • QR Code Generator — Real scannable QR codes
  • Shapes — Rectangle, circle, triangle tools
  • WooCommerce Integration — Cart, checkout, orders, emails
  • Per-Product Canvas — Different canvas sizes per product type
  • Print-Ready Export — Preview + print-ready (no mockup) downloads
  • Pricing Rules — Charge extra for text, images, designs
  • License System — Multi-marketplace license verification
  • Admin Builder — Dark theme Figma-style canvas editor

Requirements​

  • WordPress 6.0 or higher
  • WooCommerce 8.0 or higher
  • PHP 8.0 or higher

Quick Start​

  1. Upload the designlab folder to /wp-content/plugins/
  2. Activate the plugin in WordPress
  3. Go to DesignLab → Products to create your first designable product
  4. Assign it to a WooCommerce product
  5. Customers can now customize the product on the frontend!