Memory Match Marketing Game for WooCommerce

Memory Match Marketing Game for WooCommerce adds an interactive mini-game to your WooCommerce store. Instead of handing out discount codes freely, customers get to earn them creating a fun, memorable experience that keeps them engaged with your brand.

Drop the Memory Match block anywhere on your site using the WordPress block editor. It’s a classic card-flipping memory game: when a customer matches all the pairs, they’re rewarded with a coupon code they can copy and use at checkout. Perfect for product launches, seasonal sales, or any campaign where you want to create a moment.

Key features

• Fully configurable from the block editor — upload your own card images for up to six pairs
• WooCommerce coupon integration — attach any existing coupon, or create a new coupon right from the block editor with your chosen discount settings
• Confetti on win — a satisfying celebration when the customer succeeds
• Copyable coupon code — the reward code is displayed with a one-click copy button
• Color controls — style the game to match your brand
• InnerBlocks support — add any WordPress blocks to the win screen (buttons, links, forms, etc.)
• Stage preview in editor — toggle between Pre-Start, Playing, and Result views while editing so you can style every state without leaving the page
• Built with the Interactivity API — fast, lightweight frontend with no jQuery dependency

Use cases

• Reduce cart abandonment by enticing customers with a fun game and discount
• Limited-time sale campaigns that feel special
• Encourage newsletter signups by pairing a game reward with an opt-in form on the win screen
• Product launches where you want to generate buzz

Source Code & Build Process

The JavaScript files in the build/ directory are compiled. The complete, human-readable source code is included in this plugin’s src/ directory.

The plugin is built with @wordpress/scripts (webpack). To build it from source:

1. Install Node.js (v20 or later).
2. From the plugin root directory, run npm install.
3. Run npm run build to compile src/ into build/, or npm run start for a development build with file watching.

The plugin bundles the canvas-confetti library (MIT licensed); its source code is available at https://github.com/catdad/canvas-confetti.