DynamiCard – Personalized Gift Cards for WooCommerce & SureCart

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
• 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

• 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:

https://github.com/frontend-wp/dynamicard-source

To build it yourself:

1. cd app && npm install && npm run build
2. cd blocks && npm install && npm run build

Both build into a shared build/ directory, matching this plugin’s layout.