Creating a Sliding Puzzle: A Step-by-Step Guide


In this comprehensive guide, we'll walk you through the process of crafting your very own digital Sliding Puzzle. This game mechanic not only lets you test your problem-solving skills but also brings a timeless classic into the digital age. Whether you're a business owner looking to gamify customer interactions or a teacher seeking an engaging brain teaser for students, creating a sliding puzzle is a quick and simple endeavor. Let's dive into the tutorial!

If watching a step-by-step video tutorial is more convenient for you, feel free to check out our video tutorial on creating this mechanic.

Step 1: Accessing Interacty

Begin your journey by visiting interacty.me. If you already have an account, log in; if not, sign up to create a new Interacty profile.

log in page on Interacty

Once logged in, click on the 'Template Gallery' button located at the top of the screen.

Template Gallery on Interacty

Locate the 'Sliding Puzzle' feature and select it.

Sliding Puzzle feature on Interacty

Step 3: Choosing a Template

Explore the available templates and either start with a blank canvas or choose a pre-made template to customize. For the purpose of this tutorial, we'll begin from scratch with a simple template. Click 'Use this template.'

Sliding Puzzle templates on Interacty

Step 4: Editing Your Sliding Puzzle

In the editor, click “Edit” to start customizing your game.

Editing Your Sliding Puzzle on Interacty

Choose the game type, either “image” or “numbers,” based on your preference. For our example, let's select Image and create a marketing minigame for customer engagement.

choosing the game type for sliding puzzle mechanic on Interacty

Step 5: Setting Difficulty and Layout

In the “Layout” section, choose the difficulty level for your sliding puzzle. Opt for the easiest variation for a quick and engaging experience.

choosing the difficulty level for your sliding puzzle on Interacty

Optional settings like “Show numbers on tiles” and “Show cover” can be adjusted according to your preferences.

Optional settings like “Show numbers on tiles” and “Show cover” for your sliding puzzle on Interacty

Step 6: Adding an Image

Click “Change” to add an image to your sliding puzzle. Upload an image from your computer or choose from the free image library.

Adding an image to your sliding puzzle on Interacty

Step 7: Finalizing Your Project

Proceed to the final screen setup by clicking “Next.” Craft a congratulatory message and include an image. For business-oriented games, consider featuring a general prize along with discount codes for all participants. Click 'Save' when you're done.

setting up the final screen on Interacty for your sliding puzzle mechanic

Step 8: Customizing Additional Features

On the right side of your screen, customize the color theme, mark correct tiles, and decide on the appearance of the “shuffle button.”

customizing additional features for your sliding puzzle on Interacty

Consider incorporating player ratings, a timer, or a lead form for businesses interested in email lead generation.

setting up gamification for your sliding puzzle on Interacty

Step 9: Embedding a Lead Form and Adding a CTA Button

For business projects, embed a "lead form" to collect user information.

embedding a Lead Form to your Sliding Puzzle on Interacty

Add a call-to-action button directing users to your website. Enter the button text and the website link.

Adding a Call-to-Action button to your Sliding Puzzle on Interacty

Step 10: Preview and Publish

Click 'Preview' to evaluate your project. Test your sliding puzzle on different devices. Then, click 'Publish.'

Clicking 'Preview' to evaluate your Sliding Puzzle project

Step 11: Share with Your Audience

Your project is now ready! Share it with your audience by sending a link or embedding it on your website.

sharing your sliding puzzle on Interacty

Congratulations! You've completed the tutorial on creating engaging Sliding Puzzles with Interacty. Now, unleash your creativity and craft puzzles on any topic that captures your interest. Best of luck!

Sliding Puzzle mechanic on Interacty


Was this article helpful?