Cómo personalizar tu aula Moodle con tu marca: logo, colores, página de ingreso y correo

En esta guía ▾

1. ¿Qué se puede personalizar en Moodle?
2. Paso 1: Pon el nombre de tu institución
3. Paso 2: Sube el logo y el favicon
4. Paso 3: Aplica los colores de tu marca
5. Paso 4: Diseña una buena página de ingreso
6. Paso 5: Deja todo en español
7. Paso 6: Haz que los correos salgan con tu dominio
8. Paso 7: Revisa los detalles que delatan una plantilla
9. ¿Boost o un tema adicional?
10. Problemas comunes
11. En resumen
12. Preguntas frecuentes

Para personalizar Moodle con tu marca no necesitas programar: en Administración del sitio → Apariencia → Logos subes el logo, el logo compacto y el favicon; en Apariencia → Temas → Boost eliges el color de marca y la imagen de fondo del ingreso; en Idioma instalas el español, y en Servidor → Correo electrónico haces que los avisos salgan desde tu dominio. Con eso el alumno ve tu institución en cada pantalla.

Un alumno que paga un diplomado entra al aula y ve «Moodle» en la pestaña del navegador, un logo naranja que no es el tuyo, menús en inglés y correos que llegan desde una dirección rara. La plataforma funciona, pero no parece tuya, y eso le resta confianza a tu institución justo en el momento en que el alumno más la necesita.

La mayoría de ajustes se hacen desde la administración, en una tarde. Esta guía muestra el paso a paso en Moodle 4.5 y 5.x, en el orden que recomendamos. Es común encontrar aulas que meses después de lanzadas siguen en inglés o sin la marca de la institución: es de los errores más fáciles de evitar. Si recién vas a crear el aula, empieza por cómo crear un aula virtual con Moodle y vuelve aquí para dejarla con tu marca.

¿Qué se puede personalizar en Moodle?

Casi todo lo que el alumno ve. Esta tabla resume dónde está cada ajuste:

Los nombres de los menús pueden variar un poco según la versión y el paquete de idioma, pero la ubicación es la misma.

Paso 1: Pon el nombre de tu institución

En Administración del sitio → General → Página principal → Configuración de la página principal completa:

• Nombre completo del sitio: «Aula Virtual del Instituto San Martín», por ejemplo. Es el que aparece en la pestaña del navegador y en los correos.
• Nombre corto para el sitio: «Aula ISM». Se usa en la navegación y en algunas notificaciones.

Guarda con Guardar cambios.

Paso 2: Sube el logo y el favicon

En Administración del sitio → Apariencia → Logos hay tres campos:

1. Logo: la versión completa, que se usa en la página de ingreso y en otros lugares amplios.
2. Logo compacto: la versión pequeña que se ve en la barra superior en todas las páginas. Si tu logo es horizontal y largo, prepara una versión más compacta para que se lea.
3. Favicon: el ícono de la pestaña del navegador. Usa solo el símbolo de tu marca, cuadrado.

Consejo: sube el logo en PNG con fondo transparente (o SVG) y con buena resolución. Si no ves el cambio, purga las cachés en Administración del sitio → Desarrollo → Purgar cachés.

Paso 3: Aplica los colores de tu marca

Boost es el tema que trae Moodle por defecto. Entra a Administración del sitio → Apariencia → Temas, abre la configuración de Boost y en la pestaña general:

1. Color de marca: pega el código de color de tu logo (por ejemplo, #1D4ED8). Moodle lo aplica a botones, enlaces y elementos activos.
2. Imagen de fondo de la página de acceso: una foto horizontal de tu institución. En Moodle 5.2 la página de ingreso estrena diseño y se puede definir una imagen de fondo predeterminada, según las notas de la versión.
3. Guarda y revisa el resultado en una ventana de incógnito.

Moodle 5.3 LTS agrega además un modo oscuro experimental en Boost, según sus notas oficiales. Para ajustes más finos (tipografía, color de la barra superior, esquinas de los botones), la pestaña avanzada del tema tiene los campos de SCSS donde se agrega estilo propio. Ahí sí hace falta alguien que sepa CSS, y conviene guardar una copia del código antes de cada actualización.

Un ejemplo de resultado bien logrado: una página de ingreso con el logo de la institución arriba, el color de marca en el botón de Acceder, una foto del rubro de fondo (alumnos en un laboratorio, trabajadores con casco) y el contacto de ayuda a la vista. Nada del proveedor, nada de Moodle.

Paso 4: Diseña una buena página de ingreso

La página de ingreso es la que más ve el alumno, y la primera impresión del aula. Una buena página de ingreso tiene:

• Tu logo y tus colores, nada del proveedor.
• Un mensaje claro: «Ingresa con tu usuario o correo y tu contraseña».
• «¿Olvidaste tu contraseña?» visible, porque es la consulta de soporte más frecuente. Cómo la resuelve el alumno está en recuperar la contraseña de Moodle.
• Un contacto de ayuda (WhatsApp o correo) para quien no puede entrar.
• Una foto real, no una imagen genérica de banco.

Con Boost puedes lograr buena parte de esto con el logo, el color y la imagen de fondo. Si quieres un diseño a medida, como una página de ingreso propia con dos columnas o un enlace corto tipo /acceso, se hace con un tema adicional o una página personalizada. Las aulas de miaula.pe vienen con esa página ya diseñada.

Paso 5: Deja todo en español

1. En Administración del sitio → Idioma → Paquetes de idioma, instala Español - Internacional (es). Hay variantes regionales, como la de México; para el Perú, la internacional suele funcionar bien.
2. En Configuraciones de idioma, elige el español como idioma predeterminado y, si todos tus alumnos son hispanohablantes, oculta el selector de idioma para evitar confusiones.
3. En Personalización del idioma puedes cambiar textos concretos. Por ejemplo, si tus alumnos no entienden «Área personal», puedes cambiarlo por «Mi inicio». Cambia solo lo necesario: cada texto modificado se revisa en cada actualización.

Aprovecha para revisar la zona horaria en Administración del sitio → Ubicación → Configuraciones de ubicación: debe ser América/Lima, o las fechas de entrega saldrán con horas de diferencia. El detalle, con el formato de fechas y el calendario, está en Moodle en español y con la hora de Lima.

Paso 6: Haz que los correos salgan con tu dominio

El aula manda correos todo el tiempo: bienvenida, recuperación de contraseña, avisos del foro, entregas. Si salen desde una dirección genérica, caen en spam o el alumno no los reconoce.

En Administración del sitio → Servidor → Correo electrónico → Configuración del correo saliente:

1. Configura el servidor SMTP de tu correo corporativo, con usuario y contraseña.
2. Define la dirección de no responder con tu dominio, por ejemplo [email protected].
3. Envía un correo de prueba desde la misma sección.

Además, en el DNS de tu dominio deben estar los registros SPF, DKIM y DMARC. Lo explicamos paso a paso en por qué los correos del aula caen en spam. Si tu institución todavía no tiene correo con su dominio, el correo corporativo de CONIT es la forma más rápida de tenerlo.

Con miaula.pe Las aulas de miaula.pe se entregan con tu logo, tus colores, una página de ingreso propia, todo en español, la hora de Lima y los correos saliendo desde tu dominio con SPF y DKIM ya configurados. Revisa qué incluye cada uno de los planes o pide una demo.

Paso 7: Revisa los detalles que delatan una plantilla

Cuando lo principal está listo, recorre el aula como alumno y busca:

• El pie de página: que no diga «Proveedor X» ni tenga enlaces a otro sitio. El HTML adicional se configura en Administración del sitio → Apariencia → HTML adicional.
• La portada del aula: que muestre un mensaje de bienvenida o tus cursos, no un texto de prueba.
• Los certificados: con tu logo y tu firma. Lee cómo emitir certificados automáticos en Moodle.
• La app móvil: el alumno que usa la app oficial ve el nombre y el logo del sitio; revisa que se vean bien en el celular. Cómo se conecta la app está en instalar y conectar la app de Moodle.
• El subdominio: aula.tuinstituto.edu.pe transmite más confianza que una dirección del proveedor.

Para recorrer el aula con los ojos de un alumno sin crear una cuenta aparte, usa ver el curso como alumno.

¿Boost o un tema adicional?

Antes de elegir un tema adicional, revisa en el directorio oficial de Moodle que tenga versión para tu Moodle y actualizaciones recientes. Qué cambia en cada versión lo resumimos en novedades de Moodle 5.2 y 5.3.

Problemas comunes

Subí el logo nuevo y sigue saliendo el anterior. Causa: el navegador o el aula guardaron el logo viejo en caché. Solución: Administración del sitio → Desarrollo → Purgar cachés, y abre el aula en una ventana de incógnito.

El logo se ve cortado en la barra superior. Causa: subiste el logo completo como logo compacto. Solución: prepara una versión más cuadrada o solo el símbolo y súbela en Logo compacto.

Cambié el color de marca y los botones siguen azules. Causa: estás editando un tema distinto al activo, o un tema adicional pisa el color. Solución: en Apariencia → Temas comprueba cuál es el tema activo y edita ese.

Algunos menús siguen en inglés. Causa: el paquete de español está instalado pero no es el predeterminado, o el usuario eligió inglés en su perfil. Solución: revisa Configuraciones de idioma y, en el perfil del usuario, Idioma preferido.

En resumen

• El logo, el logo compacto y el favicon se suben en Apariencia → Logos.
• El color de marca y la imagen de fondo del ingreso se configuran en el tema Boost; para más detalle, SCSS o un tema adicional.
• Instala el español como idioma predeterminado y cambia solo los textos que confunden.
• Configura el SMTP y la dirección de no responder con tu dominio, y agrega SPF, DKIM y DMARC en el DNS.
• Recorre el aula como alumno y en el celular para eliminar cualquier rastro de plantilla o del proveedor.

Preguntas frecuentes

¿Cómo cambio el logo de Moodle?

Entra como administrador a Administración del sitio, Apariencia, Logos. Ahí subes el logo principal, el logo compacto (el que se ve en la barra superior) y el favicon, el ícono de la pestaña del navegador. Guarda los cambios y, si no ves el logo nuevo, purga las cachés en Administración del sitio, Desarrollo, Purgar cachés.

¿Puedo cambiar los colores de Moodle sin saber programar?

Sí. En el tema Boost, que viene por defecto, eliges el color de marca con un selector y Moodle lo aplica a botones y enlaces. Para cambios más finos (tipografía, colores de la barra, espacios) se usa el campo de SCSS personalizado del tema, que sí requiere algo de CSS.

¿Qué tema de Moodle es mejor para un instituto?

Boost, el tema por defecto, es estable, rápido y se actualiza con Moodle, así que es la opción más segura. Los temas adicionales del directorio oficial dan portadas más vistosas, pero revisa siempre que tengan versión para tu Moodle, porque un tema sin actualizar puede impedirte subir de versión.

¿Cómo pongo Moodle en español?

En Administración del sitio, Idioma, Paquetes de idioma instala el paquete de español. Luego, en Configuraciones de idioma, ponlo como idioma predeterminado. Si quieres cambiar una palabra concreta, por ejemplo «Área personal», usa Personalización del idioma.

¿Por qué los correos del aula llegan como enviados desde otro dominio o caen en spam?

Porque el aula envía con la configuración por defecto del servidor. En Administración del sitio, Servidor, Correo electrónico, Configuración del correo saliente se define el servidor SMTP y la dirección de no responder de tu dominio, y en el DNS del dominio deben estar los registros SPF y DKIM.