Storyline 360: Custom Drag & Drop Tutorial (Step-by-Step)
Learn how to build a custom drag-and-drop interaction in Articulate Storyline 360 — project file included! In this tutorial, I’ll show you how to create a fully functional drag-and-drop question from scratch, including key settings that make the interaction more learner-friendly. Whether you're an instructional designer or eLearning developer, this video will help you: ✔ Convert your slide into a drag-and-drop question ✔ Configure snap-to-tile for clean alignment ✔ Enable Return to Start for better usability ✔ Set unlimited attempts and feedback options ✔ Add custom states for visual feedback 👉 Download the free practice file here: https://drive.google.com/drive/folders/1_Aahs2RbN6pFWtPSoZsyHPVlLeFr2Itc?usp=sharing Follow along with all the graphics and layout ready to go—so you can focus on learning how to build the functionality. Looking for a faster way to build courses? Check out this video on How to Quickly Create Your First Storyline Course using ready-made templates (including drag-and-drop interactions): https://youtu.be/OA-xfSxqGpY?si=hz3kRmYkzxncI2OS ✅ Timestamps 00:00 Preview & What We’ll Build 00:46 Download the Practice File 01:34 Convert to Freeform 02:33 Fill Out the Form 04:04 Snap to Tile 05:08 Enable Return to Start 05:36 Set Unlimited Attempts 06:16 Add Drop Incorrect State 08:06 Final Preview & Wrap-Up 👍 If you found this helpful, give it a like and subscribe for more practical Storyline tutorials. 💬 Got questions—or want a video on accessibility for drag-and-drop interactions? Let me know in the comments! Let’s Connect! 🤝 LinkedIn: https://www.linkedin.com/in/georg-volmer/ #Storyline360 #ArticulateStoryline #eLearning #InstructionalDesign #Tutorial
Download
1 formatsVideo Formats
Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.