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
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.
Por defecto, la imagen que pongamos en la actividad, se puede ampliar al pulsar sobre ella. Si no queremos que exista esta opción de zoom, activamos la casilla "Deshabilitar acercamiento de 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".