# Personaliza tu página de estado

Source: https://instatus.com/help/es/status-page/customize

Puedes cambiar el logotipo, los colores, el diseño de la cabecera, el modo oscuro, el idioma, los formatos de fecha y la vista previa en redes sociales de tu página de estado, y añadir HTML, CSS y JavaScript propios, todo desde los ajustes de **Página de estado**.

| At a glance | Details |
| :-- | :-- |
| [Marca](https://instatus.com/help/es/status-page/customize#cómo-añado-mi-logotipo-y-mis-colores) | Logotipo, logo para modo oscuro, favicon, colores |
| [Diseño](https://instatus.com/help/es/status-page/customize#cómo-cambio-el-diseño-o-el-modo-oscuro) | 3 cabeceras, modo oscuro o claro, disposición |
| [Código propio](https://instatus.com/help/es/status-page/customize#puedo-añadir-html-css-o-javascript-propios) | HTML, CSS y JavaScript en 5 zonas |
| [Idioma](https://instatus.com/help/es/status-page/customize#cómo-cambio-el-idioma-de-mi-página-de-estado) | Idioma por defecto, multilingüe en el plan Pro |
| [Cronología](https://instatus.com/help/es/status-page/customize#cómo-cambio-los-formatos-de-fecha-hora-y-zona-horaria) | Formatos de fecha y hora, zona horaria, fecha de inicio |
| [Buscadores y redes](https://instatus.com/help/es/status-page/customize#cómo-controlo-la-vista-previa-en-google-y-en-redes-sociales) | Título, descripción e imagen de la vista previa |

## ¿Cómo añado mi logotipo y mis colores?

Inicia sesión en [instatus.com/login](https://dashboard.instatus.com/login), elige tu página de estado y ve a **Página de estado → Apariencia**.

En la sección de marca puedes cambiar:

- El logotipo de marca, incluido un logotipo distinto para el modo oscuro.
- El favicon.
- El color de marca, para que combine con tu logotipo.
- Los colores de estado.

Cuando termines de personalizarla, haz clic en **GUARDAR** y tu página se actualizará.

![Configuración de la marca](https://instatus.com/help/customize/1.png)

## ¿Cómo cambio el diseño o el modo oscuro?

En la sección de diseño de **Apariencia** puedes cambiar:

- El diseño de la cabecera, eligiendo entre nuestros 3 diseños.
- Si tu página de estado se muestra en modo oscuro, en modo claro o con un botón para alternar.
- Cómo quieres que aparezcan tus componentes.

Cuando cambies el diseño, haz clic en **GUARDAR** y tu página se actualizará.

![Configuración del diseño](https://instatus.com/help/customize/2.png)

## ¿Puedo añadir HTML, CSS o JavaScript propios?

Sí. En **Página de estado → HTML** puedes insertar tu propio HTML, CSS y JavaScript en cinco zonas:

- Encima de la cabecera de tu página de estado.
- Bajo la cabecera.
- Bajo los componentes de tu página de estado.
- Encima del pie de página.
- Bajo el pie de página.

Cuando añadas tu HTML personalizado, haz clic en **GUARDAR** y tu página se actualizará.

![Configuración de HTML personalizado](https://instatus.com/help/customize/3.png)

## ¿Cómo cambio el idioma de mi página de estado?

En **Página de estado → Idioma** puedes cambiar:

- El idioma por defecto de tu página de estado.

**Funciones del plan Pro:**

- Una página de estado multilingüe.
- Usar tu propia redacción.

Puedes seguir una guía paso a paso para configurar varios idiomas en nuestro artículo
[Compatibilidad con varios idiomas](https://instatus.com/help/es/status-page/multi-language).

![Configuración de idioma](https://instatus.com/help/customize/4.png)

Cuando cambies el idioma de tu página de estado, haz clic en **GUARDAR** y tu página se actualizará.

## ¿Cómo cambio los formatos de fecha, hora y zona horaria?

En **Página de estado → Cronología** puedes cambiar:

- Los formatos de fecha y hora; puedes [consultar más sobre los formatos de fecha y hora aquí](https://date-fns.org/v2.16.1/docs/format).
- La zona horaria.
- La fecha de inicio del servicio.

Cuando cambies la fecha y la hora de tu página de estado, haz clic en **GUARDAR** y tu página se actualizará.

![Configuración del formato de fecha y hora](https://instatus.com/help/customize/5.png)

## ¿Cómo controlo la vista previa en Google y en redes sociales?

En **Página de estado → Buscadores y redes** puedes definir:

- Cambiar el título.
- Añadir una descripción propia para Google y las redes sociales.
- Subir una imagen.

Cuando termines de personalizar estos ajustes, haz clic en **GUARDAR** para que los cambios surtan efecto.

![Configuración de buscadores y redes](https://instatus.com/help/customize/6.png)

- [Compatibilidad con varios idiomas](https://instatus.com/help/es/status-page/multi-language): Aprende a ofrecer tu página de estado en varios idiomas.