Diferencias
Muestra las diferencias entre dos versiones de la página.
Ambos lados, revisión anteriorRevisión previaPróxima revisión | Revisión previa | ||
personalizacionportalestandar [2023/03/07 23:54] – scantor | personalizacionportalestandar [2024/03/05 15:41] (actual) – editor externo 127.0.0.1 | ||
---|---|---|---|
Línea 6: | Línea 6: | ||
* Color de la barra superior dentro del portal de clientes. | * Color de la barra superior dentro del portal de clientes. | ||
* Color de la barra lateral izquierda dentro del portal de clientes. | * Color de la barra lateral izquierda dentro del portal de clientes. | ||
- | * Imagen de fondo de la pantalla de conexión al portal de clientes. | + | * Imagen de fondo de la pantalla de conexión al portal de clientes. Aplica también para encuestas de satisfacción y página de validación de correo de los contactos. |
- | * Logo de la pantalla de conexión al portal de clientes. | + | * Logo de la pantalla de conexión al portal de clientes. |
* Isotipo de la pantalla luego de realizar la conexión al portal de clientes. | * Isotipo de la pantalla luego de realizar la conexión al portal de clientes. | ||
* Logotipo de la pantalla luego de realizar la conexión al portal de clientes. | * Logotipo de la pantalla luego de realizar la conexión al portal de clientes. | ||
+ | {{ youtube> | ||
+ | ---- | ||
{{ : | {{ : | ||
Línea 62: | Línea 64: | ||
- Seleccione la pestaña **Fondo** e introduzca una imagen en el campo **Imagen de fondo en Login**. | - Seleccione la pestaña **Fondo** e introduzca una imagen en el campo **Imagen de fondo en Login**. | ||
- Revísela presionando el botón **Vista Previa del Fondo Actual**. Esto es opcional. | - Revísela presionando el botón **Vista Previa del Fondo Actual**. Esto es opcional. | ||
- | - Clic en el botón **Subir Imagen**. | + | - Clic en el botón **Subir Imagen**. |
+ | |||
+ | **Nota:** La imagen del Fondo también se visualizará en las [[encuestas# | ||
+ | |||
+ | **Dimensiones recomendadas: | ||
+ | //Si no se mantiene la relación, la imagen se ampliará para rellenar el fondo completo.// | ||
+ | |||
+ | **Formatos aceptados: | ||
{{ : | {{ : | ||
+ | |||
==== Logo ==== | ==== Logo ==== | ||
- Navegue al menú **Personalización**. | - Navegue al menú **Personalización**. | ||
Línea 70: | Línea 80: | ||
- Revísela presionando el botón Vista **Previa del logo Actual**. Esto es opcional. | - Revísela presionando el botón Vista **Previa del logo Actual**. Esto es opcional. | ||
- Clic en el botón **Subir Imagen**. | - Clic en el botón **Subir Imagen**. | ||
+ | |||
+ | **Nota:** La imagen del Logo también se visualizará en la [[portales# | ||
+ | |||
+ | **Dimensiones recomendadas: | ||
+ | |||
+ | **Formatos aceptados: | ||
{{ : | {{ : | ||
Línea 78: | Línea 94: | ||
- Revísela presionando el botón Vista **Previa del Isotipo Actual**. Esto es opcional. | - Revísela presionando el botón Vista **Previa del Isotipo Actual**. Esto es opcional. | ||
- Clic en el botón **Subir Imagen**. | - Clic en el botón **Subir Imagen**. | ||
+ | |||
+ | **Dimensiones recomendadas: | ||
+ | |||
+ | **Formatos aceptados: | ||
{{ : | {{ : | ||
Línea 86: | Línea 106: | ||
- Revísela presionando el botón Vista **Previa del Logotipo Actual**. Esto es opcional. | - Revísela presionando el botón Vista **Previa del Logotipo Actual**. Esto es opcional. | ||
- Clic en el botón **Subir Imagen**. | - Clic en el botón **Subir Imagen**. | ||
+ | |||
+ | **Dimensiones recomendadas: | ||
+ | |||
+ | **Formatos aceptados: | ||
{{ : | {{ : | ||
+ | |||
+ | ===== Formatos y tamaños aceptados ===== | ||
+ | |||
+ | ==== Dimensiones recomendadas ==== | ||
+ | |||
+ | Las dimensiones recomendadas son: | ||
+ | |||
+ | * **Background**: | ||
+ | * Si no se mantiene la relación, la imagen se ampliará para rellenar el fondo completo. | ||
+ | * **Logo**: Para su correcta visualización la imagen debe ser 1:1, 16:9 o 9:16. | ||
+ | * **Isotipo**: | ||
+ | * Se ajusta al ancho de la imagen y rellena el resto (arriba y abajo) con el degradé del fondo. | ||
+ | * Se ajusta al alto de la imagen y rellena el resto (costados) con el degragré del fondo. | ||
+ | * Se agrega un margen en alto y ancho con el color del degradé del fondo. | ||
+ | * Imagen centrada. | ||
+ | * **Logotipo**: | ||
+ | * Se ajusta el alto de la imagen a los 60px (incluyendo margenes). | ||
+ | * Se agrega un margen superior e inferior, igual que al isotipo. | ||
+ | * El ancho queda según la relación de aspecto. | ||
+ | * Se alinea a la izquierda. | ||
+ | |||
+ | ==== Formatos aceptados ==== | ||
+ | |||
+ | Los formatos aceptados son: | ||
+ | * jpeg - jpg | ||
+ | * gif | ||
+ | * png | ||
+ | * avif | ||
+ | * web | ||
+ | |||
+ | ==== Tamaño de archivos ==== | ||
+ | |||
+ | No se tiene un límite en el tamaño, en MB, de los archivos, sin embargo considerar: | ||
+ | * Mientras mayor sea el peso en MB mayor será el tiempo de respuesta del Portal. | ||
+ | * Mientras mayor sea el peso en MB mayor será el tiempo de respuesta de la vista de configuración. |