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 [2022/12/30 21:59] – [Logotipo:] scantor | personalizacionportalestandar [2024/03/05 15:41] (actual) – editor externo 127.0.0.1 | ||
---|---|---|---|
Línea 3: | Línea 3: | ||
Be Aware 360 ofrece una funcionalidad para personalizar el portal de clientes. Los cambios que pueden realizarse en el portal son: | Be Aware 360 ofrece una funcionalidad para personalizar el portal de clientes. Los cambios que pueden realizarse en el portal son: | ||
+ | * Activar o desactivar el portal de clientes. | ||
* 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> | ||
+ | ---- | ||
{{ : | {{ : | ||
- | ===== Cambio de colores en las barras de navegación: ===== | + | ===== Activar o desactivar el portal de clientes ===== |
+ | Be Aware 360 tiene integrado de forma estándar un portal de clientes para que puedan actualizar su información de perfil y enviar, consultar y actualizar sus casos. | ||
+ | |||
+ | Por defecto, el portal de clientes siempre se encuentra activo en la instancia de Be Aware 360. Sin embargo, algunas organizaciones pueden no requerir del uso del portal para sus clientes, por lo que Be Aware 360 permite **Activar o Desactivar este portal**. | ||
+ | |||
+ | ==== Características del portal de clientes Activo ==== | ||
+ | |||
+ | Con el Portal activo se permite a los Clientes/ | ||
+ | * Recibir credenciales de acceso al Portal y Recuperar su contraseña. | ||
+ | * Acceder al Portal. | ||
+ | * Crear Casos desde el Portal. | ||
+ | * Visualizar sus Casos creados y gestionarlos. | ||
+ | * Utilizar el formulario ASK (formulario sin logueo). | ||
+ | |||
+ | Para más información ver [[portales# | ||
+ | |||
+ | ==== Características del portal de clientes Desactivado ==== | ||
+ | |||
+ | Al desactivar el Portal, el comportamiento es el siguiente: | ||
+ | - Cuando un Contacto ingresa a la URL del Portal, se entregará un mensaje de “Portal desactivado”, | ||
+ | - Se mantiene el envío de solicitud de validación de correo electrónico al crear un Contacto. | ||
+ | - No se enviarán credenciales a los Contactos luego de su validación de correo. | ||
+ | - Se mantiene el manejo de encuestas. | ||
+ | - Se desactiva el uso de formulario ASK. | ||
+ | |||
+ | ==== Configuración para activar o desactivar el Portal de clientes ==== | ||
+ | |||
+ | Para activar o desactivar el portal de clientes, realice los siguientes pasos: | ||
+ | - Navegue al menú **Personalización**. | ||
+ | - En la sección **Habilitar Portal de Clientes**: | ||
+ | - Seleccionar el estado //Activo// o // | ||
+ | - En el campo **Mensaje informativo** ingrese el texto que se mostrará a los contactos cuando el Portal se encuentre Inactivo. | ||
+ | - Clic en el botón **Guardar**. | ||
+ | |||
+ | {{ : | ||
+ | |||
+ | ===== Cambio de colores en las barras de navegación ===== | ||
- Navegue al menú **Personalización**. | - Navegue al menú **Personalización**. | ||
- Seleccione el color que le asignará a la barra superior izquierda en el campo **Color izquierdo barra superior** y presione el botón **Confirmar**. | - Seleccione el color que le asignará a la barra superior izquierda en el campo **Color izquierdo barra superior** y presione el botón **Confirmar**. | ||
Línea 20: | Línea 59: | ||
- Clic en el botón **Guardar**. | - Clic en el botón **Guardar**. | ||
- | ===== Cambio en la pantalla de conexión al Portal de clientes: ===== | + | ===== Cambio en la pantalla de conexión al Portal de clientes ===== |
- | ==== Fondo: ==== | + | ==== Fondo ==== |
- Navegue al menú **Personalización**. | - Navegue al menú **Personalización**. | ||
- 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**. | ||
- Seleccione la pestaña **Logo** e introduzca una imagen en el campo **Logotipo del Sitio**. | - Seleccione la pestaña **Logo** e introduzca una imagen en el campo **Logotipo del Sitio**. | ||
- | - Revísela presionando el botón Vista **Previa del Fondo 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: | ||
{{ : | {{ : | ||
+ | |||
+ | ==== Isotipo ==== | ||
+ | - Navegue al menú **Personalización**. | ||
+ | - Seleccione la pestaña **Isotipo** e introduzca una imagen en el campo **Isotipo**. | ||
+ | - Revísela presionando el botón Vista **Previa del Isotipo Actual**. Esto es opcional. | ||
+ | - Clic en el botón **Subir Imagen**. | ||
+ | |||
+ | **Dimensiones recomendadas: | ||
+ | |||
+ | **Formatos aceptados: | ||
+ | |||
+ | {{ : | ||
+ | |||
+ | ==== Logotipo ==== | ||
+ | - Navegue al menú **Personalización**. | ||
+ | - Seleccione la pestaña **Logotipo** e introduzca una imagen en el campo **Logotipo**. | ||
+ | - Revísela presionando el botón Vista **Previa del Logotipo Actual**. Esto es opcional. | ||
+ | - 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. |