Bevor H5P-Inhalte erstellt werden können, muss ein Blog registriert und 1) eine Webseite erstellt werden. Danach muss in den 2) Plugins H5P aktiviert werden. Anschließend können H5P in den Blogbeiträgen und -seiten integriert werden.
1) 
2) 
H5P bietet eine moderne und intuitive Nutzungsoberfläche. Nach Auswahl des Inhaltstyps fragt die Software alle benötigten Informationen und Inhalte ab bzw. stellt Funktionen zur Auswahl. Die einzelnen Inhaltstypen sind dabei unterschiedlich komplex. Während Hotspots auf einem Bild einfach ausgewählt und benannt werden können, erfordern andere, aufwendigere Inhalte wie zum Beispiel Documentation Tool oder Branching Scenario umfangreichere Eingaben durch die Nutzer*in.
Die H5P-Inhalte werden im Plugin des Wordpress-Blogsystems an der Freien Universität erzeugt und zur Verfügung gestellt. Nach der Erstellung im Plugin, verfassen Sie einen Beitrag im Blog und verlinken den gewünschten H5P-Inhalt über den Button „H5P hinzufügen“.
Der Beitrag enthält in der Bearbeiten-Ansicht dann eine eckige Klammer wie in diesem Beispiel:
[h5p id="22"]
Somit wird der Inhalt aus dem Plugin in den Blog eingebunden. Die Zahl in Anführungszeichen kennzeichnet die Position des jeweiligen Inhalts in der Reihenfolge der Erstellung.
1) Dashboard Ansicht und Button für H5P-Inhalte
2) H5P erstellen bzw. Neue hinzufügen
3) Auswahl Inhaltstyp
4) Beispiel Interaktive Videos
5) Erstellung abschließen
6) Übersicht zu den einzelnen Inhaltstypen + Tutorials LINK
7) Blog-Beitrag erstellen
8) H5P-Inhalt hinzufügen
9) H5P-Inhalt auswählen, auch mehrere in einem Beitrag möglich
10) Ansicht verlinkter H5P-UInhalt im Blog-Beitrag-Fenster
11) Blog-Beitrag veröffentlichen
