jtoth

Create sliding puzzles for your web page. WP-jqPuzzle will automatically turn your images into a full-blown sliding puzzle. 
To use it, just put [jqpuzzle img=http://www.mysite.com/mypicture.jpg] in a post, updating the path for the image, of course. 
Other options are available. This WordPress plugin is based on the <a href="http://www.2meter3.de/jqPuzzle/" title="jqPuzzle script" rel="nofollow ugc">jqPuzzle script</a> by Ralf Stoltze.
<h4>Localizations</h4>
<ul>
<li>Thanks to me for romanian language file</li>
<li>Thanks to me for german language file</li>
<li>Thanks to <a href="http://www.tolingo.de/" title="tolingo.de" rel="nofollow ugc">tolingo.de</a> for spanish language file</li>
</ul>
<h4>Acknowledgements/Credits</h4>
<ul>
<li>Thanks to <a href="http://www.2meter3.de/jqPuzzle/" title="Ralf Stoltze" rel="nofollow ugc">Ralf Stoltze</a> for the script and the very useful tips</li>
<li>Thanks for the help at adding shortcode options to <a href="http://www.cnet.ro/" title="Radu Capan" rel="nofollow ugc">Radu Capan</a></li>
<li>Thanks to <a href="http://www.bueltge.de/" title="Frank Bueltge" rel="nofollow ugc">Frank Bueltge</a> for the useful tips</li>
</ul>
<h4>Licence</h4>
This plugin is free for everyone! Since it’s released under the GPL, you can use it free of charge on your personal or commercial blog. 
If you enjoy this plugin, you can thank me and leave a <a href="http://www.relijoc.ro/descarca/wp-jqpuzzle/" title="Donate" rel="nofollow ugc">small donation</a> for the time I’ve spent writing this plugin. 
The donations are not for me, i will give it to <a href="http://www.caritas-lipova.ro/" title="Caritas Lipova" rel="nofollow ugc">Caritas Lipova</a>.
<h4>Translations</h4>
The plugin comes with various translations, please refer to the <a href="https://codex.wordpress.org/Installing_WordPress_in_Your_Language" title="Installing WordPress in Your Language" rel="nofollow ugc">WordPress Codex</a> for more information about activating the translation. 
If you want to help to translate the plugin to your language, please have a look at the .pot file which contains all defintions and may be used with a <a href="http://www.gnu.org/software/gettext/" rel="nofollow ugc">gettext</a> editor like <a href="http://www.poedit.net/" rel="nofollow ugc">Poedit</a> (Windows) or plugin for WordPress <a href="https://wordpress.org/extend/plugins/codestyling-localization/" rel="ugc">Localization</a>.

WP-jqPuzzle

Create sliding puzzles for your web page. WP-jqPuzzle will automatically turn your images into a full-blown sliding puzzle.

Pashalis Laoutaris

The Maze Generator is a powerful gamification plugin that allows you to build multi-step navigation games using your existing WordPress pages.
Unlike simple links, this plugin turns website navigation into a Time Attack Game. Users must find the correct path through your pages to reach the “Finale.” The plugin tracks their speed, ranks them on a global leaderboard, and offers rewards (like PDF downloads or coupons) upon completion.
Key Features:
<ul>
<li>Time Attack Mode: Automatically tracks exactly how many seconds it takes a user to solve the maze.</li>
<li>Image-Based Choices: Upload your own images (Doors, Portals, Arrows, etc.). The game randomly shuffles and displays them as interactive buttons.</li>
<li>Dynamic Leaderboard: A modern, responsive leaderboard featuring “All Time” vs. “This Month” tabs, top-3 trophies, and formatted timings.</li>
<li>Reward System: Automatically unlock a File Download or Custom Content for users who successfully complete the maze.</li>
<li>Drag & Drop-style Builder: Easily link a “Start Page” to a “Correct Destination” and add multiple “Decoys” (wrong turns).</li>
<li>Searchable Dropdowns: Quickly find the pages you need in the admin panel with the built-in search filter.</li>
<li>Cheat Prevention: Logic to prevent users from skipping directly to the finale without playing.</li>
<li>Engagement Animations: Visual “Shake” effects when clicking wrong answers.</li>
</ul>
<h3>How to Create a Maze</h3>
The plugin works by linking real WordPress Pages together.
<ol>
<li>Create Content: Create WordPress pages for every “Room” in your maze, plus pages for “Decoys” (Dead Ends) and one “Finale” page.</li>
<li>Build: Go to Maze Generator > Add New.</li>
<li>Define Steps:
<ul>
<li>Select a Start Page (Where the user is now).</li>
<li>Select a Correct Destination (Where they go if they choose right).</li>
<li>Select Decoys (Where they go if they choose wrong).</li>
</ul>
</li>
<li>Customize: Go to the “Customization” tab to upload your door images and set up the winner’s reward.</li>
<li>Publish:
<ul>
<li>Paste <code>[lmaze_number_maze id="1"]</code> on every “Start Page” you defined.</li>
<li>Paste <code>[lmaze_maze_leaderboard id="1"]</code> on your “Finale Page”.</li>
</ul>
</li>
</ol>
(Note: Replace “1” with the actual ID of your maze).
<h3>Troubleshooting</h3>
LiteSpeed Cache / Optimization Plugins
If the maze does not appear or the game logic fails, it is likely due to JavaScript execution order being altered by caching plugins.
To fix this in LiteSpeed Cache: 
1. Go to LiteSpeed Cache > Page Optimization > Tuning. 
2. Find JS Excludes. 
3. Add the following lines: 
 lmaze-runner 
 lmaze_runner_data 
4. Purge your cache.

Laoutaris Maze Generator

Turn your WordPress pages into an interactive "Choose Your Path" maze game with a speedrun timer, global leaderboards, and downloadable rewards.

WP-jqPuzzle vs Laoutaris Maze Generator