About this plugin
DynamiCard lets your customers design and purchase personalized gift cards right on your WooCommerce or SureCart store. You build the card design with a drag-and-drop canvas editor (text, images, QR codes, shapes, freehand drawing), then build the purchase form with a Gutenberg block – dropping in whichever fields the gift card needs: recipient name, a personal message, a dollar amount, and more. Whatever the customer types shows up live on the card design as they fill out the form, before they even check out.
Free features
- Gutenberg block-based gift card form (design picker + configurable fields + submit button)
- Drag-and-drop card design editor – text, images, QR codes, shapes, freehand drawing, alignment guides, undo/redo, layers
- One gift card design
- Text, textarea, email, and fixed-amount field types
- Dynamic {field} tokens – anything a customer types can appear live on the card design
- Full WooCommerce or SureCart checkout integration (a “Gift Card” product is created automatically)
- Thank-you page card display for designs with no recipient-email field
- Every customer-facing message and label is fully configurable – nothing hardcoded
Pro features
- Unlimited gift card designs (free is limited to one)
- Sell a specific WooCommerce product (including variations) or SureCart product through the form instead of a set amount
- Multi-recipient email repeater – one purchase, sent to a whole list of people
- Customer photo upload field
- Customer-entered custom (“other”) amount
- Per-field style overrides (accent colors)
- Real, auto-generated coupon codes and expiration dates (a WooCommerce coupon or a SureCart promotion code, matching whichever store you use), baked into the card design right after payment
- A native Elementor widget – build the same form visually in Elementor, not just Gutenberg
Upgrade to DynamiCard Pro from the plugin’s settings page inside your WordPress admin.
Source Code
The build/ directory contains compiled/minified JavaScript and CSS (Gutenberg blocks, the drag-and-drop card design editor, and the front-end gift-card form). The uncompiled source is publicly available at:
com/frontend-wp/dynamicard-source
To build it yourself:
- cd app && npm install && npm run build
- cd blocks && npm install && npm run build
Both build into a shared build/ directory, matching this plugin’s layout.