Freemius

easypluginswp

<p>EPD Product Designer is a lightweight, user-friendly product customization plugin for WordPress. It allows your customers to personalize products by adding custom text and images using an intuitive drag-and-drop canvas editor. <strong>No WooCommerce required</strong> — works standalone for quotes, inquiries, and custom orders.</p>
<p><a href="https://easypluginswp.com/demo/" rel="nofollow ugc">Demos</a> | <a href="https://easypluginswp.com/documents/documentation.html" rel="nofollow ugc">Documentation</a> | <a href="https://easypluginswp.com/" rel="nofollow ugc">Get Pro</a></p>
<h4>Designer Canvas</h4>
<ul>
<li>Drag & drop canvas editor powered by Fabric.js</li>
<li>Double-click text to edit directly on canvas</li>
<li>Apply styles to selected text (mixed fonts/colors in one text block)</li>
<li>Keyboard shortcuts: Ctrl+D duplicate, Ctrl+C/V copy/paste, Delete, Escape</li>
<li>Layer ordering controls with floating toolbar</li>
<li>Print and download design as PNG</li>
</ul>
<h4>Product Customization</h4>
<ul>
<li>Multiple editable areas (masks) per product with rectangle and ellipse shapes</li>
<li>Text customization with system fonts, optional Google Fonts, bold, and italic</li>
<li>Image upload with file type validation and size limits</li>
<li><strong>NEW:</strong> Image library — assign predefined images per product for customers to choose from</li>
<li>Product color tinting with predefined swatches or free color picker</li>
<li>Mask coloring — let users fill editable areas with background colors</li>
</ul>
<h4>Forms & Submissions</h4>
<ul>
<li>Built-in submission form with honeypot and rate limiting spam protection</li>
<li>Contact Form 7 integration with automatic design attachment</li>
<li>Submission management with status workflow and CSV export</li>
<li>Email notifications with optional design image attachments</li>
</ul>
<h4>Layout & Compatibility</h4>
<ul>
<li>Three layout options: Two Columns, Stacked, Compact</li>
<li>Mobile responsive with touch support and pinch-to-zoom</li>
<li>Works with Elementor, Gutenberg, WPBakery, and Divi</li>
<li>Translation-ready — compatible with Loco Translate, Polylang, WPML, and more</li>
</ul>
<h4>Accessibility</h4>
<ul>
<li>WCAG 2.1 AA color contrast throughout the interface</li>
<li>Keyboard navigation with visible focus indicators on all interactive elements</li>
<li>Screen reader support with ARIA labels, tab roles, and live regions</li>
</ul>
<h4>Pro Features</h4>
<ul>
<li><strong>Custom SVG Mask Shapes</strong> — Use any SVG shape (hearts, stars, badges, logos) as an editable area</li>
<li><strong>Product Bundles</strong> — Combine multiple products (front, back, sleeve) into one design session with tab navigation, design persistence, and single-form submission</li>
<li><strong>Customer SVG Uploads</strong> — Let customers upload SVG files with automatic server-side sanitization</li>
<li><strong>Image Quality Warnings</strong> — Alert users when uploaded images are below recommended resolution</li>
<li>Synchronized product colors across bundle products</li>
<li><strong>NEW: Per-Area Image Source Control</strong> — Configure each area to show library only, upload only, both, or none</li>
<li>Per-product layout, form, and feature overrides</li>
<li>Mobile tab layout for tools on small screens</li>
<li>Bundle categories for organization</li>
</ul>
<h4>WooCommerce (Optional)</h4>
<p><strong>EPD Product Designer works standalone — no WooCommerce required.</strong> Collect designs through the built-in form or Contact Form 7 without running a shop.</p>
<p>For store owners, the <a href="https://easypluginswp.com/" rel="nofollow ugc">WooCommerce Addon</a> (sold separately) adds cart integration:</p>
<ul>
<li>Link designer products to WooCommerce products</li>
<li>Add design fees per editable area</li>
<li>Add customized products to the WooCommerce cart</li>
<li>Design preview with uploaded files and fonts used in order details</li>
<li>Full support for WooCommerce product variations</li>
</ul>
<h3>External Services</h3>
<p>This plugin optionally connects to external services:</p>
<p><strong>Google Fonts</strong></p>
<p>When the “Enable Google Fonts” setting is activated in EP Designer > Settings, the plugin loads web fonts from Google Fonts (fonts.googleapis.com) to provide additional font choices for text customization.</p>
<ul>
<li>Service URL: https://fonts.googleapis.com</li>
<li>Google Privacy Policy: https://policies.google.com/privacy</li>
<li>Google Terms of Service: https://policies.google.com/terms</li>
</ul>
<p>No user data is sent to Google. Only font files are loaded when this feature is enabled. This feature is disabled by default.</p>
<p><strong>Freemius</strong></p>
<p>This plugin uses the <a href="https://freemius.com/" rel="nofollow ugc">Freemius SDK</a> for license management, software updates, and optional usage tracking. When the plugin is activated, it may communicate with Freemius servers to verify license status and check for updates. If the user opts in during the plugin activation process, non-sensitive diagnostic data (such as WordPress version, PHP version, and plugin settings) may be shared to help improve the plugin.</p>
<ul>
<li>Service URL: https://api.freemius.com</li>
<li>Freemius Privacy Policy: https://freemius.com/privacy/</li>
<li>Freemius Terms of Service: https://freemius.com/terms/</li>
</ul>
<p>No data is shared with Freemius without user consent. Users can opt out at any time from the plugin’s account page.</p>


EPD Product Designer

Lightweight, accessible product designer for WordPress. Customize products with text and images on a drag-and-drop canvas. No WooCommerce required.

Katsushi Kawamori

<h4>Integrates Canvas into WordPress.</h4>
<ul>
<li>Provide canvas shortcode.</li>
<li>Provides a filter hook when saving the canvas.</li>
<li>It supports both mouse and touch.</li>
<li>It supports both the management screen and the public screen. The appearance of buttons and select boxes on the public screen depends on the CSS of the theme.</li>
</ul>
<h4>How to use the canvas</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe class="youtube-player" width="640" height="360" src="https://www.youtube.com/embed/_9XWJJbY6mQ?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation"></iframe></span>
<h4>Sample of how to use the filter hook</h4>
<ul>
<li>Shortcode for canvas display</li>
</ul>
<pre><code>echo do_shortcode( '[freecanvas height=500]' );
</code></pre>
<ul>
<li>shortcode<br />
Attribute : Default : Description<br />
width : 700 : Canvas width<br />
height : 700 : Canvas height<br />
name : The date and time string when the canvas was loaded : Unique name for this canvas<br />
form_name: null : The name of the form value you want to get<br />
form_name2: null : The name of the form value you want to get<br />
form_name3: null : The name of the form value you want to get</li>
<li>Filter hook & Function</li>
</ul>
<pre><code>/**
 * Filter hook & function for outputs a PNG image file */
 *
 * @param string $image_data  image_data.
 * @param string $name  name.
 * @param string $form_value  form_value.
 * @param string $form_value2  form_value2.
 * @param string $form_value3  form_value3.
 */
function canvas_save( $image_data, $name, $form_value, $form_value2, $form_value3 ) {
    $wp_uploads = wp_upload_dir();
    $relation_path_true = strpos( $wp_uploads['baseurl'], '../' );
    if ( $relation_path_true > 0 ) {
        $upload_dir = wp_normalize_path( realpath( $wp_uploads['basedir'] ) );
    } else {
        $upload_dir = wp_normalize_path( $wp_uploads['basedir'] );
    }
    $filename = $upload_dir . '/' . $name . '.png';
    $image = imagecreatefromstring( $image_data );
    imagepng( $image, $filename );
}
add_filter( 'free_canvas_save', 'canvas_save', 10, 5 );
</code></pre>
<ul>
<li>Filter hook<br />
Variable : Description : From<br />
$image_data : PNG image data by Base64 : Value of Canvas<br />
$name : Unique name for this canvas : Value of Free Canvas<br />
$form_value : Form value obtained from form_name : Value of Form<br />
$form_value2 : Form value obtained from form_name2 : Value of Form<br />
$form_value3 : Form value obtained from form_name3 : Value of Form</li>
</ul>


Free Canvas

Provide a canvas. Various cooperation is possible by shortcode and filter.

EPD Product Designer vs Free Canvas