Create Interactive Online Learning with H5P

Create and save h5p content with the Lumi desktop editor, including an accordion, then upload the local file to your LMS after editing.

Explore how to create and integrate H5P activities across platforms, including Lumi, H5P.com, LMS plugins, and SCORM packaging for seamless delivery.

Create an accordion using lumi in h5p, structure content with multiple panels of text, bullets, and links, and apply accessible headings and new-window links.

Create an interactive H5P multiple choice activity for online learning, with single or multiple answer options, tips and per-option feedback, optional show solution and retry features.

Learn how to create true/false questions in H5P, configure retry and feedback, and customize text for accessibility and multilingual support.

Create a question set in H5P with an optional introduction, a start quiz button, and multiple question types (multiple choice, true/false, drag‑and‑drop). Use the content bank, feedback, and progress indicators.

Learn to build image hotspots in H5P with Lumi, using guitar imagery, hotspots for body and neck, embedded video, alt text, hover text, and accessibility-friendly styling.

Create a find the hotspot activity in h5p by adding a photographer's kit background, defining correct hotspots (camera battery and others), and configuring retry feedback.

Learn with dialogue cards that flip to reveal German phrases, such as Guten Tag and Guten Morgen, and switch between normal and repetition modes while tracking progress with summaries.

Embed a YouTube video with pause points and interactive elements, including true/false, multiple choice, and a summary quiz, enabling students to test understanding within online learning.

Learn to create an image slider with three images, navigation arrows and bottom thumbnails, add titles, alternate text for accessibility, and adjustable aspect ratios.

Create a drag and drop image activity in h5p, with drop zones, draggable images, and a check feature to reveal correct and incorrect placements, noting accessibility considerations.

Learn to create interactive activities with H5P by dragging words or numbers to arrange music notes and rhythm or CPR steps, while noting accessibility considerations.

Explore how to build an interactive book with h5p, combining text, embedded videos, and interactive components across multiple pages, with progress tracking, summaries, and full-screen viewing.

Learn to build an interactive course presentation with H5P in Lumi: create slides, embed videos, add an interactive quiz, and navigate between slides with go-to actions and backgrounds.

Learn to design a branching scenario in h5p by outlining the flow, creating branching questions, and configuring start and end screens, feedback, and jumps between nodes.

Create a guitar-themed crossword using H5P, generating clues with ChatGPT and building the puzzle in Lumi. Configure clues and answers, enable retry with kept entries, and show the solution.

Create image sequencing activities with drag and drop to reorder steps for French press coffee. Ensure accessibility with alternate descriptions and screen readers, and show solution, retry, resume options.

Create a celestial memory game with Lumi, pairing square images of planets, sun, comet, and galaxy; learn to set card counts, apply themes, and track time.

Order the steps to make an Aperol Spritz using drag-and-drop as you build the correct sequence, receive feedback, and adjust with accessible, context-rich instructions.

Install and activate the H5P plugin in WordPress, configure content types via the H5P hub, create a related H5P activity, and embed it using the short code.

Learn how to create and embed H5P content in Moodle using the Content Bank or direct H5P tools, including pages and Lumi files, with multiple embedding options.

Embed H5P content into Canvas pages using the h5p.com embed code, publish it publicly, and edit the HTML to adjust display options for students.

Learn how to create and embed h5p interactive activities in your learning management system or courses, and share your links for feedback.