WordPress: Cómo crear una página de mantenimiento
¿Por qué necesitas una página de mantenimiento en WordPress?
Cuando trabajas en tu sitio web, ya sea actualizando plugins, cambiando el tema, modificando archivos importantes o realizando una migración, no quieres que tus visitantes vean errores a mitad de proceso. Una página de mantenimiento en WordPress es esa puerta elegante que colocas mientras ordenas la casa por dentro. Sin ella, los usuarios podrían encontrarse con pantallas en blanco, bases de datos a medio actualizar o errores de conexión que dañan tu credibilidad.
Además, una página de mantenimiento bien diseñada no solo informa, sino que también puede captar correos electrónicos, mostrar tu logo y dar una fecha estimada de regreso. Es una herramienta de comunicación y de branding, no solo un "cartel de obras".
En esta guía WordPress te enseñaré tres métodos distintos para crear tu página de mantenimiento, desde el más sencillo con plugins hasta el más avanzado con código manual. Todos son válidos, solo depende de tu nivel de comodidad técnica y de lo que necesites.
Método 1: Crear una página de mantenimiento con plugins (el más recomendado)
Para la mayoría de usuarios, la opción más práctica es usar un plugin. No necesitas tocar código, los cambios son reversibles con un clic y muchos ofrecen funciones extra como temporizadores o modos de vista previa.
Pasos para usar un plugin de mantenimiento
- Accede a tu panel de administración de WordPress (normalmente en
tudominio.com/wp-admin). - En el menú lateral, ve a Plugins > Añadir nuevo.
- En el buscador escribe "maintenance mode" o "coming soon". Verás muchos resultados.
- Te recomiendo opciones populares y bien valoradas como WP Maintenance Mode, SeedProd o Elementor Maintenance Mode (si ya usas Elementor). Para esta guía, usaremos WP Maintenance Mode por su sencillez.
- Haz clic en Instalar ahora y luego en Activar.
Configurando el plugin
Una vez activado, verás un nuevo elemento en el menú llamado Mantenimiento (o el nombre del plugin).
- Ve a Mantenimiento > General.
- Activa el Modo mantenimiento (un interruptor o casilla).
- Elige un título para tu página, por ejemplo: "Estamos de mantenimiento".
- Escribe un mensaje claro y amigable. Algo como: "Estamos mejorando tu experiencia. Volveremos en unos minutos."
- En la pestaña Diseño, puedes cambiar los colores, añadir tu logo y hasta un enlace a tus redes sociales.
- En Opciones de acceso, puedes permitir que los administradores (tú) vean el sitio normalmente mientras está en mantenimiento. Esto es clave para verificar los cambios antes de que el público los vea.
[TIP] Busca la opción "Solo para usuarios registrados" o "Acceso para administradores". Así tú puedes navegar por tu web con normalidad para comprobar que todo funciona, mientras el resto ve la página de mantenimiento.
Método 2: Activar el modo mantenimiento manualmente (sin plugins)
Si prefieres no instalar plugins (por rendimiento o por simplicidad), puedes activar un modo mantenimiento básico editando el archivo functions.php de tu tema hijo. Ojo, siempre en un tema hijo, para no perder los cambios al actualizar el tema.
Crear una función de mantenimiento
- Accede a tu hosting y abre el Administrador de Archivos o usa un cliente FTP como FileZilla.
- Navega hasta
wp-content/themes/tu-tema-hijo/functions.php. - Añade el siguiente código al final del archivo:
// Activar modo mantenimiento para visitantes no logueados
function wp_maintenance_mode() {
if ( !current_user_can( 'edit_themes' ) || !is_user_logged_in() ) {
wp_die( 'Estamos en mantenimiento. Por favor, vuelve en unos minutos. Gracias por tu paciencia.', 'Mantenimiento programado', array( 'response' => 503 ) );
}
}
add_action( 'wp_loaded', 'wp_maintenance_mode' );
- Guarda el archivo.
Este código muestra un mensaje simple a todo el que no sea administrador. Es muy básico, pero cumple la función. Para desactivarlo, solo tienes que borrar el código o comentarlo.
[WARNING] Este método no muestra una página bonita, solo un texto plano. No es recomendable para clientes o para una imagen profesional a largo plazo. Úsalo solo para un arreglo rápido de 10 minutos.
Método 3: La página de mantenimiento avanzada con un archivo HTML (la más profesional)
Esta es la opción favorita de muchos desarrolladores porque ofrece un control total. Crearás un archivo maintenance.php en la raíz de tu WordPress y lo activarás cuando lo necesites.
Paso 1: Crear el archivo de mantenimiento
- Conéctate a tu hosting por FTP o usa el Administrador de Archivos.
- Ve a la carpeta raíz (donde están
wp-config.php,wp-content, etc.). - Crea un archivo nuevo llamado
maintenance.php. - Copia y pega el siguiente código base (puedes modificarlo a tu gusto):
<?php
// Obtener el acceso a WordPress para poder verificar si el usuario es admin
require_once( dirname( __FILE__ ) . '/wp-load.php' );
// Si el usuario está logueado y es administrador, NO mostrar mantenimiento
if ( is_user_logged_in() && current_user_can( 'manage_options' ) ) {
return;
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mantenimiento programado</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
text-align: center;
}
.contenedor {
background: rgba(0,0,0,0.2);
padding: 40px;
border-radius: 10px;
max-width: 600px;
}
h1 { font-size: 2.5em; margin-bottom: 10px; }
p { font-size: 1.2em; opacity: 0.9; }
.reloj { font-size: 1.5em; font-weight: bold; margin-top: 20px; }
</style>
</head>
<body>
<div class="contenedor">
<h1>🚧 Estamos en mantenimiento</h1>
<p>Estamos mejorando nuestro sitio para ofrecerte una experiencia aún mejor.</p>
<p>Volvemos en unos minutos. ¡Gracias por tu paciencia!</p>
<div class="reloj" id="contador">Cargando...</div>
</div>
<script>
// Un simple contador para mostrar cuánto falta (opcional)
let segundos = 300; // 5 minutos de ejemplo
const contador = document.getElementById('contador');
setInterval(() => {
if (segundos > 0) {
let mins = Math.floor(segundos / 60);
let secs = segundos % 60;
contador.textContent = `Tiempo estimado: ${mins}m ${secs}s`;
segundos--;
} else {
contador.textContent = "¡Ya casi estamos listos!";
}
}, 1000);
</script>
</body>
</html>
Paso 2: Activar la página de mantenimiento
- Renombra el archivo
wp-config.phpawp-config.php.bak(esto es un truco para forzar a WordPress a mostrar el archivo de mantenimiento). NO LO HAGAS, es broma, es un método muy arcaico y puede romper tu web.
La forma correcta es:
- Abre tu archivo
.htaccess(en la raíz, cuidado, es un archivo oculto). - Añade las siguientes líneas al final:
# Activar página de mantenimiento
RewriteEngine On
RewriteCond %{REQUEST_URI} !/maintenance.php$
RewriteCond %{REQUEST_URI} !/wp-admin/.*
RewriteCond %{REQUEST_URI} !/wp-login.php
RewriteCond %{REMOTE_ADDR} !^123\.456\.789\.000$ # Sustituye por tu IP
RewriteRule .* /maintenance.php [R=302,L]
- Sustituye
123.456.789.000por tu dirección IP pública (puedes buscarla en Google poniendo "cuál es mi IP"). - Guarda el archivo.
Cuando quieras desactivar el mantenimiento, solo borra esas líneas del .htaccess.
[WARNING] Editar el
.htaccesses delicado. Cualquier error puede tumbar tu web. Haz siempre una copia de seguridad del archivo antes de tocarlo. Si algo falla, puedes restaurarlo desde el panel de tu hosting.
[INFO] Si tu hosting usa Syspanel (antes conocido como HestiaCP), el acceso al panel de control es a través del puerto 2106. Ahí podrás gestionar tus archivos, bases de datos y copias de seguridad de forma visual, lo cual facilita mucho este tipo de tareas.
Consejos para una página de mantenimiento efectiva
No basta con poner un cartel. Una buena página de mantenimiento debe:
Incluir un mensaje claro y empático
- Explica brevemente qué está pasando. "Estamos realizando una actualización importante" suena mejor que "Error 503".
- Da un tiempo estimado si es posible. "Volvemos en 30 minutos" reduce la ansiedad del usuario.
- Ofrece un canal de contacto (email o redes sociales) por si alguien necesita ayuda urgente.
Mantener la identidad de tu marca
- Usa tus colores corporativos y tu logo.
- Mantén el mismo tono de voz que usas en tu web.
- Una página de mantenimiento genérica da sensación de abandono. Una personalizada da sensación de profesionalidad.
Aprovechar para captar leads
- Muchos plugins ofrecen un campo de email para avisar cuando vuelvas.
- Puedes ofrecer un descuento o un recurso gratuito a cambio del email.
- Esto convierte una molestia en una oportunidad de marketing.
Preguntas frecuentes sobre el modo mantenimiento
¿Cuánto tiempo debo tener la página de mantenimiento activa?
Lo justo y necesario. Si puedes, haz los cambios en horas de bajo tráfico (por la noche o el fin de semana). Si es una operación compleja, avisa con antelación en tus redes sociales. Cuanto menos tiempo esté activa, mejor.
¿Qué pasa si un usuario entra en wp-admin durante el mantenimiento?
Con los plugins, normalmente el acceso a wp-admin sigue funcionando para administradores. Con el método del .htaccess, debes asegurarte de excluir la ruta /wp-admin en las reglas (como hice en el código de ejemplo). Si no lo haces, tú mismo podrías quedarte fuera.
¿Puedo tener una página de mantenimiento en un solo idioma?
Sí. La mayoría de plugins permiten traducir el texto manualmente. Si usas un tema multilingüe, puedes crear una página estática y redirigir a ella. Es más trabajo, pero se puede hacer.
¿Los plugins de mantenimiento afectan al rendimiento de mi web?
Mientras están desactivados (es decir, en modo normal), no afectan nada porque no ejecutan código. Solo cuando los activas, entran en acción. Eso sí, es recomendable desinstalar los que no uses para mantener la base de datos limpia.
¿Qué es mejor, un plugin o el código manual?
Depende de tu perfil:
- Principiante o usuario medio: plugin. Es más seguro, fácil de configurar y con opciones visuales.
- Desarrollador o avanzado: código manual. Tienes control total, no dependes de terceros y es más ligero.
- Agencia: plugin con funciones de branding y captación de leads para varios clientes.
Errores comunes al crear una página de mantenimiento
Olvidar desactivarla
Es el error más típico. Terminas el trabajo, te vas a dormir y al día siguiente tu web sigue en mantenimiento. Pon una alarma mental o una nota para desactivarla justo al terminar.
Bloquear tu propio acceso
Si usas el método del .htaccess y no pones tu IP en la lista blanca, te quedarás fuera. Asegúrate de probar el acceso desde tu IP antes de dar por buena la configuración.
No avisar a los usuarios
Si tu web tiene tráfico, un mantenimiento inesperado genera desconfianza. Avisa en redes sociales o con un banner días antes si es una operación larga.
Usar una página genérica
Una página en blanco con "En construcción" da muy mala imagen. Invierte 10 minutos en personalizarla. Tu marca lo agradecerá.
Conclusión: el mantenimiento web es parte del cuidado de tu sitio
Crear una página de mantenimiento en WordPress no es un lujo, es una necesidad. Tanto si haces una actualización de 5 minutos como una migración de horas, proteger la experiencia de tus visitantes es fundamental para mantener su confianza.
Hemos visto tres métodos: con plugins (el más fácil), con código en functions.php (el más rápido) y con .htaccess (el más profesional). Cualquiera de ellos es válido, solo tienes que elegir el que mejor se adapte a tu nivel y a tus necesidades.
[INFO] Recuerda que en Syspanel (puerto 2106) puedes gestionar fácilmente los archivos de tu hosting, hacer copias de seguridad y restaurar tu web si algo sale mal durante el proceso de mantenimiento.
Ahora que ya sabes cómo hacerlo, no hay excusa. La próxima vez que actualices tu WordPress, hazlo con tranquilidad y con una página de mantenimiento profesional que cuide tu marca y a tus usuarios.
¿Tienes alguna duda sobre cómo configurar tu página de mantenimiento? Déjala en los comentarios y te ayudaremos a resolverla.
