Diferencias

Muestra las diferencias entre dos versiones de la página.

--- personalizacionportalestandar [2021/10/15 19:20] – [Logotipo:] jjerez
+++ personalizacionportalestandar [2023/04/05 15:08] – [Logotipo] tamaños y formatos recomendados cvargas
@@ 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:
-• Color de la barra superior dentro del portal de clientes.
+  * Activar o desactivar el portal de clientes.
+  * Color de la barra superior 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. 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. Aplica también para la página de validación de correo de los contactos.
+  * 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.
-• Color de la barra lateral izquierda del portal de clientes.
+{{ :personalizacionportal:personalizacion_portal_configuracion.png?nolink |}}
-• Imagen de fondo de la pantalla de conexión al portal de clientes.
-• Logo de la pantalla de conexión al portal de clientes.
-===== Cambio de colores en las barras de navegación: =====
+===== Activar o desactivar el portal de clientes =====
-. Navegue al menú **Personalización**.
+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.
-. Seleccione el color que le asignará a la barra superior izquierda en el campo **Color izquierdo barra superior** y presione el botón **Confirmar**.
+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**.
-. Seleccione el color que le asignará a la barra superior derecha en el campo **Color derecho barra superior** y presione el botón **Confirmar**.
+==== Características del portal de clientes Activo ====
-. Seleccione el color que le asignará a la barra del menú lateral izquierdo en el campo **Barra menú** y presione el botón **Confirmar**.
+Con el Portal activo se permite a los Clientes/Contactos:
+  * 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).
-. 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**.
+Para más información ver [[portales#Portal de clientes de Be Aware 360|Portal de clientes de Be Aware 360]].
-. Clic en el botón **Guardar**.
+==== Características del portal de clientes Desactivado ====
-===== Cambio en la pantalla de conexión al Portal de clientes: =====
+Al desactivar el Portal, el comportamiento es el siguiente:
-==== Fondo: ====
+  - Cuando un Contacto ingresa a la URL del Portal, se entregará un mensaje de “Portal desactivado”, más una leyenda personalizable desde la [[personalizacionportalestandar#Configuración para activar o desactivar el Portal de clientes|configuración]].
-. Navegue al menú **Personalización**.
+  - 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.
-. Seleccione la pestaña **Fondo** e introduzca una imagen en el campo **Imagen de fondo en Login**.
+==== Configuración para activar o desactivar el Portal de clientes ====
-. Revísela presionando el botón **Vista Previa del Fondo Actual**. Esto es opcional.
+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 //Inactivo// en el campo **Estado**.
+    - 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**.
-. Clic en el botón **Subir Imagen**.
+{{ :personalizacionportal:personalizacion_activar_desactivar_portal.png?nolink |}}
-==== Logotipo: ====
-. Navegue al menú **Personalización**.
-. Seleccione la pestaña **Logotipo** e introduzca una imagen en el campo **Logotipo del Sitio**.
+===== 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**.
-. Revísela presionando el botón Vista **Previa del Fondo Actual**. Esto es opcional.
+===== 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**.
-. Clic en el botón **Subir Imagen**.
+**Nota:** La imagen del Fondo también se visualizará en las [[encuestas#Encuestas|encuestas de satisfacción]] y en la [[portales#Validar el correo electrónico del contacto|página de validación de correo electrónico]] que visualizan los Contactos.
+**Dimensiones recomendadas:** Mantener relación de aspecto 16:9.
+//Si no se mantiene la relación, la imagen se ampliará para rellenar el fondo completo.//
+**Formatos aceptados:** jpeg, jpg, gif, png, avif y webp.
+{{ :personalizacionportal:personalizacion_portal_fondo.png?nolink |}}
+==== 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#Validar el correo electrónico del contacto|página de validación de correo electrónico]] que visualizan los Contactos.
+**Dimensiones recomendadas:** Para su correcta visualización la imagen debe ser 1:1 o 16:9. //Si se usa imagen vertical, esta será recortada en la vista de validar email.//
+  * Para el login: El ancho está fijado en 284px. El alto se ajusta a la imagen cargada.
+  * Para validar email: El ancho está fijado a 130px. La imagen se corta a los 130px de altura (desde arriba hacia abajo).
+**Formatos aceptados:** jpeg, jpg, gif, png, avif y webp.
+{{ :personalizacionportal:personalizacion_portal_logo.png?nolink |}}
+==== 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:** Mantener relación 1:1. //Se muestra en una sección de 60x60px con imagen centrada.//
+**Formatos aceptados:** jpeg, jpg, gif, png, avif y webp.
+{{ :personalizacionportal:personalizacion_portal_isotipo.png?nolink |}}
+==== 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:** Para ocupar todo el espacio, la relación de aspecto debe ser 1:4. //El alto está fijado en 60px. Imagen alineada a la izquierda.//
+**Formatos aceptados:** jpeg, jpg, gif, png, avif y webp.
+{{ :personalizacionportal:personalizacion_portal_logotipo.png?nolink |}}