Elección de plantilla
Tras haber pulsado sobre "+ CREAR NUEVO H5P", se nos abre la ventana de selección de plantilla. Elegimos la plantilla "Hotspots de imagen (Image Hotspots)".
Editor
Ahora debería aparecer el editor de hotspots de imagen. El editor debería verse así:
Imagen e icono
Para comenzar a editar esta plantilla, lo primero que debemos hacer es añadir la imagen de fondo sobre la que se situarán los puntos desplegables. Simplemente hacemos clic en el botón 
En la casilla "Texto alternativo para imagen de fondo", escribimos una descripción de la imagen de fondo. Este texto se mostrará en caso de que el navegador del alumno no pueda cargar la imagen.
En "icono de punto clave" podemos elegir si los iconos que se muestren sobre la imagen sean predefinidos o subir una imagen (se recomienda un tamaño de 75*75 px).
Si elegimos "icono predefinido", tenemos 7 opciones:
- Más
- Menos
- Por
- Comprobar
- Pregunta
- Información
- Exclamación
- Más
Puntos clave
Si hemos cargado la imagen de fondo correctamente, se nos mostrara en el apartado "posición de punto clave". Para ubicar el punto clave, solamente tenemos que hacer clic donde queremos que se sitúe en la imagen.
Si marcamos la casilla "Cubrir toda la imagen de fondo", cuando el alumno haga clic en el punto clave, la ventana emergente cubrirá toda la imagen de fondo.
En encabezado (opcional) podemos darle un título a la ventana emergente.
Podemos añadir varios puntos clave pulsando sobre el botón 
En contenido emergente podemos añadir varios elementos. Para añadir más elementos pulsamos sobre el botón 
Estos elementos pueden ser de 4 tipos:
- Texto
- Video
- Imagen
- Audio
Video:
1. Titulo
2. Fuentes de video: en este espacio arrastraremos el video que queramos subir o también podemos copiar la URL de un video de youtube.
3. Añadir imagen al video.
4. Con esta casilla activada, el reproductor ocupará todo el espacio disponible. De lo contrario, se respetará la proporción original del video compartido.
5. Con esta casilla activada, se mostrarán los controles de video (play, pausa...).
6. Al marcar esta casilla, el video se reproducirá automáticamente al abrir la actividad.
7. Esta casilla, habilita la opción de reproducir el video en bucle.
8. Añadir pista de audio. Esta pestaña nos da la opción de superponer un audio al video. Como podría ser, por ejemplo, una voz en off, narrando o explicando los contenidos del video.
Imagen:
Para adjuntar una imagen, simplemente pulsamos sobre el botón "+ Anadir".
Si la imagen contiene información importante para la actividad, deberemos escribir esta información en la casilla de "Texto alternativo". Este texto se mostrará en el caso de que el navegador no pueda mostrar la imagen.
Por el contrario, si lo único que aporta la imagen es meramente decorativo y no influye a la realización de la actividad, marcaremos la casilla "Decorativo solamente". De esta forma, podemos prescindir del "Texto alternativo".
La información que incluyamos en la casilla "Texto al pasar el ratón por encima", es opcional y se mostrará cuando el usuario pase el puntero del ratón por encima de la imagen.
Audio:
Para adjuntar un audio, arrastramos el archivo sobre "Archivos fuente" o pegamos el enlace del audio.
Hay tres diseños de reproductor disponibles: minimista, completo y transparente. En la casilla de "Modo de reproducción", elegiremos el que más se adapte a nuestras necesidades.
Las casillas "Ajustar al marco" y "Habilitar reproducción automática", hacen lo mismo que ne el formato video.
Exportación
Tras haber completado la tarea en el editor, procederemos a exportarla en HTML, pulsando sobre [Archivo>Exportar] situado en la esquina superior izquierda de la pantalla.
Se nos mostrará la siguiente ventana:
Dejamos todos los valores por defecto, simplemente pulsamos "EXPORTAR AHORA".