外掛標籤
開發者團隊
② 後台搜尋「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:
Install Node.js (v20 or later).
From the plugin root directory, run npm install.
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.
