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 [2021/10/15 23:21] – [Personalización del portal de clientes estándar] 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 del portal de clientes. | + | * Color de la barra lateral izquierda |
- | * 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. | ||
+ | * Logotipo de la pantalla luego de realizar la conexión al portal de clientes. | ||
- | ===== Cambio | + | {{ youtube> |
- | 1. Navegue al menú **Personalización**. | + | ---- |
+ | {{ : | ||
- | 2. Seleccione | + | ===== Activar o desactivar |
+ | Be Aware 360 tiene integrado de forma estándar un portal de clientes para que puedan actualizar su información de perfil | ||
- | 3. Seleccione el color que le asignará a la barra superior derecha en el campo **Color derecho barra superior** y presione el botón | + | 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 |
- | 4. Seleccione el color que le asignará a la barra del menú lateral izquierdo en el campo **Barra menú** y presione el botón **Confirmar**. | + | ==== Características |
- | 5. Seleccione la opción **Activo** en el campo **Estado** si desea que estos cambios estén activos. De lo contrario, seleccione la opción **Inactivo**. | + | Con el Portal activo se permite a los Clientes/ |
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | * Utilizar el formulario ASK (formulario sin logueo). | ||
- | 6. Clic en el botón **Guardar**. | + | Para más información ver [[portales# |
- | ===== Cambio en la pantalla de conexión al Portal | + | ==== Características del portal |
- | ==== Fondo: | + | |
- | 1. Navegue al menú **Personalización**. | + | |
- | 2. Seleccione | + | 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. | ||
- | 3. Revísela presionando | + | ==== Configuración para activar o desactivar |
- | 4. Clic en el botón | + | Para activar o desactivar |
- | ==== Logotipo: ==== | + | - Navegue al menú **Personalización**. |
- | 1. 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**. | ||
- | 2. Seleccione la pestaña **Logotipo** e introduzca una imagen en el campo **Logotipo del Sitio**. | + | {{ : |
- | 3. Revísela presionando | + | ===== Cambio de colores en las barras de navegació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 | ||
+ | - Seleccione el color que le asignará a la barra superior derecha en el campo **Color derecho barra superior** y presione el botón **Confirmar**. | ||
+ | - Seleccione el color que le asignará a la barra del menú lateral izquierdo en el campo **Barra menú** y presione el botón **Confirmar**. | ||
+ | - Seleccione la opción **Activo** en el campo **Estado** si desea que estos cambios estén activos. De lo contrario, seleccione la opción **Inactivo**. | ||
+ | - Clic en el botón **Guardar**. | ||
- | 4. Clic en el botón **Subir Imagen**. | + | ===== Cambio en la pantalla de conexión al Portal de clientes ===== |
+ | ==== Fondo ==== | ||
+ | - Navegue al menú **Personalización**. | ||
+ | - 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. | ||
+ | - 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 ==== | ||
+ | - Navegue al menú **Personalización**. | ||
+ | - Seleccione la pestaña **Logo** e introduzca una imagen en el campo **Logotipo del Sitio**. | ||
+ | - Revísela presionando el botón Vista **Previa del logo Actual**. Esto es opcional. | ||
+ | - 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. |