Diferencias
Muestra las diferencias entre dos versiones de la página.
Ambos lados, revisión anteriorRevisión previaPróxima revisión | Revisión previaPróxima revisiónAmbos lados, revisión siguiente | ||
personalizacionportalestandar [2021/10/15 23:21] – [Personalización del portal de clientes estándar] scantor | personalizacionportalestandar [2023/05/12 03:03] – [Personalización del portal de clientes estándar] scantor | ||
---|---|---|---|
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 el color que le asignará a la barra superior izquierda en el campo **Color izquierdo barra superior** y presione el botón **Confirmar**. | + | {{ : |
- | 3. 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 | ||
- | 4. Seleccione | + | Por defecto, |
- | 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**. | + | ==== Características del portal de clientes |
- | 6. Clic en el botón | + | Con el Portal activo se permite a los Clientes/ |
+ | | ||
+ | | ||
+ | | ||
+ | | ||
+ | * Utilizar el formulario ASK (formulario sin logueo). | ||
- | ===== Cambio en la pantalla | + | Para más información ver [[portales# |
- | ==== Fondo: ==== | + | |
- | 1. Navegue al menú **Personalización**. | + | |
- | 2. Seleccione la pestaña **Fondo** e introduzca una imagen en el campo **Imagen | + | ==== Características del portal |
- | 3. Revísela presionando | + | Al desactivar |
+ | - 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. | ||
- | 4. Clic en el botón **Subir Imagen**. | + | ==== Configuración para activar o desactivar el Portal de clientes |
- | ==== Logotipo: | + | |
- | 1. Navegue al menú **Personalización**. | + | |
- | 2. Seleccione | + | Para activar o desactivar el portal de clientes, realice los siguientes pasos: |
+ | - Navegue al menú **Personalización**. | ||
+ | - En la sección | ||
+ | - 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**. | ||
- | 3. Revísela presionando el botón Vista **Previa del Fondo Actual**. Esto es opcional. | + | {{ : |
- | 4. Clic en el botón **Subir Imagen**. | + | ===== 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 el botón **Confirmar**. | ||
+ | - 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**. | ||
+ | ===== 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. |