OTOBO - Personalizar el Portal del Cliente

OTOBO no solo dispone de un portal de agentes, sino también de un portal de clientes, al que se accede mediante la URL "TUDOMINIO/otobo/customer.pl". Aquí es donde los usuarios clientes (Customer User) pueden iniciar sesión.
El portal del cliente permite al usuario cliente crear nuevos tickets, así como editar y visualizar tickets.

¡Puede probar libremente nuestro portal de clientes con nuestra demo!

Crear usuarios clientes para el portal del cliente

Todos los agentes con permisos de administrador pueden crear nuevos usuarios clientes.

Para crear un nuevo agente, debe ir al área de administración y seleccionar la baldosa de usuarios clientes. Una vez creado un usuario cliente, este podrá iniciar sesión en el portal del cliente de OTOBO. En la baldosa de usuarios clientes ahora se muestran todos los usuarios creados hasta la fecha.

Agregar usuarios clientes en OTOBO

Al hacer clic en uno de estos usuarios clientes, puede editarlo, eliminarlo o marcarlo como inválido. Para añadir un nuevo usuario cliente, haga clic en "Crear usuario cliente".

Crear un nuevo usuario cliente en OTOBO

Para iniciar sesión en el portal del cliente (customer portal), el usuario necesita su nombre de usuario y contraseña. Si el cliente olvida su contraseña, puede solicitar una nueva que se enviará a su correo electrónico.

También puede permitir que los clientes se registren ellos mismos en el portal del cliente. Esto se puede configurar mediante la opción "Customer Panel Create Account".

Si esta opción está activada, los clientes podrán registrarse directamente desde el portal del cliente. Mediante la configuración
CustomerPanel CreateAccount::MailRestrictions::Blacklist y Whitelist, puede bloquear o permitir ciertos correos electrónicos. Por ejemplo, dominios con un nombre específico.

En la página de inicio de sesión TUDOMINIO.de/otobo/customer.pl aparece el enlace "Solicitar cuenta", a través del cual se puede crear una nueva cuenta. Allí se introducen nombre, apellido y correo electrónico. Tras ello, se recibe la contraseña por correo. Para que esto funcione, es necesario haber configurado previamente el envío de correos electrónicos. Sobre este tema existe un artículo específico:

Iniciar sesión en el Portal del Cliente OTOBO

Para acceder al portal del cliente, el cliente debe abrir la siguiente URL:
TUDOMINIO.de/otobo/customer.pl.

Si olvida su contraseña del portal del cliente, haga clic en "¿Olvidó su contraseña?". A continuación, se enviará un correo con un enlace. Tras hacer clic en él, recibirá un segundo correo con su nueva contraseña. Puede activar o desactivar esta función mediante la configuración del sistema "CustomerPanel LostPassword".
Mediante las opciones CustomerPanel BodyLostPassword y CustomerPanel BodyLostPasswordToken, puede personalizar el correo con el enlace de restablecimiento y el correo con la nueva contraseña.

Cambiar el logotipo del Portal del Cliente

Para cambiar la imagen mostrada en el inicio de sesión del portal del cliente, debe modificar la URL en la configuración del sistema Customer Login::Settings.

Mediante la opción "Background", puede definir qué imagen se muestra. Puede ser una URL a un archivo de imagen o una ruta al archivo en el servidor. Con "LoginText", puede cambiar el texto mostrado en el portal del cliente.

INFO

Actualmente no es sencillo adaptar el área de agentes a su identidad corporativa. Sería necesario modificar los archivos .css de OTOBO.
Una excepción son los logotipos en la página de inicio de sesión de agentes y en el encabezado del agente. Los logotipos pueden cambiarse fácilmente copiándolos al servidor y ajustando las opciones AgentLoginLogo y AgentLogo en Admin -> Configuración del sistema.

Panel del Portal del Cliente OTOBO

Tras iniciar sesión en el portal del cliente de OTOBO, llegará al panel (dashboard) del portal.

Panel del portal del cliente

Aquí puede ver sus últimos tickets, así como enlaces a herramientas externas. Desde el campo "Crear ticket", puede abrir un nuevo ticket.

Cambiar colores

Para cambiar los colores de la interfaz de cliente de OTOBO, vaya a:
Admin -> Configuración del sistema y modifique las siguientes opciones:

• CustomerColorDefinitions

• Para cambiar los colores del panel del cliente, vaya a Admin -> Configuración del sistema y busque CustomerDashboard. En los resultados encontrará todas las opciones necesarias con definiciones de color.

Cambiar imágenes y texto

Con los temas y skins de OTOBO, puede personalizar el diseño completo del sistema de ayuda.

• 1 y 2 - Opción de configuración del sistema CustomerLogin::Settings

Eliminar opacidad y marca de agua

Actualmente no es posible eliminar mediante configuración del sistema la superposición (overlay) ni la marca de agua mostrada en la imagen derecha. Para eliminar la opacidad, modifique la opción #oooLoginBG > .oooBG en el archivo:

var/httpd/htdocs/skins/Customer/default/css/Core.Login.css

#oooLoginBG > .oooBG {
  position: relative;

  width: 100%;

  height: 100%;

  /* opacity: 0.45; desactivar opacidad */

  background-size: cover;

  overflow: hidden;
}

Para eliminar la marca de agua, elimine la siguiente línea del archivo:

Kernel/Output/HTML/Templates/shared/CustomerLogin.tt

<!-- inicio de sesión -->

<div id="oooLoginBG">

  <div class="oooBG" style="background-image: url([% Data.Background | html %]);">

    <!-- eliminar esta línea -> 
    <div id="oooBGSignet" style="background-image: url([% Config(" Frontend::WebPath ") %]common/img/otobo-signet_border.svg);">
    </div> -->

  </div>

  <h1>[% Translate(Data.LoginText) | html %]</h1>

</div>

INFO

En el siguiente paso, agregue estos archivos a un paquete opm para que los cambios sean persistentes.

Cambiar mosaicos y opciones del panel del cliente

Para cambiar los colores del panel del cliente, vaya a Admin -> Configuración del sistema y busque CustomerDashboard. En los resultados encontrará todas las opciones necesarias con definiciones de color.

• 1 - Para cambiar la imagen, el enlace y el texto, use la opción de configuración del sistema CustomerDashboard::Tiles###FeaturedLink-01

• 2 - Para cambiar el texto principal, use la opción de configuración del sistema CustomerDashboard::Configuration::Text

INFO

Desactive las opciones de configuración para los mosaicos que no necesite.

Personalizar el panel del portal del cliente

Puede cambiar la apariencia del panel de OTOBO desde las configuraciones del sistema del portal de agentes. Estas configuraciones se encuentran en:

Frontend -> Customer -> ModelRegistration

Aquí se definen todos los elementos de navegación.

La configuración CustomerFrontend::Navigation###CustomerDashboard###002-CustomerDashboard define el elemento superior de navegación. Con el valor "Prio" puede cambiar el orden de los elementos (los valores más bajos aparecen primero). Con "svgIcon" puede cambiar el icono mostrado. Con "Description" define el texto que aparece al pasar el ratón. Con "Group" y "GroupRo" puede desactivar elementos del menú para ciertos usuarios clientes.

Con la opción CustomerDashboard::Configuration::Text puede cambiar el título de la página y el mensaje de bienvenida.

Mediante los mosaicos (tiles) en la ruta de configuración Frontend -> Customer -> View -> Dashboard -> Tiles, puede modificar los elementos del panel. Los mosaicos predeterminados son:

• CustomerDashboard::Tiles###PlainPicture-01: define la imagen del panel (la inferior, "Overview"); puede cambiar la imagen mostrada.
• CustomerDashboard::Tiles###PlainText-01: crea un mosaico que muestra un texto. Por defecto contiene "Hello World".
• CustomerDashboard::Tiles###NewTicket: botón para crear un ticket. Puede configurar el color del texto.
• CustomerDashboard::Tiles###FeaturedLink-01: muestra una imagen con el texto "Thats new in OTOBO". Puede cambiar la imagen de fondo, el enlace y el texto.
• CustomerDashboard::Tiles###TicketList-01: muestra la lista de los últimos tickets. Puede cambiar el orden, la cantidad de tickets y otros parámetros.
• CustomerDashboard::Tiles###ToolBox-01: muestra iconos con enlaces.

Crear un ticket en el Portal del Cliente OTOBO

En el formulario de creación de tickets, puede definir varios atributos. Los campos del formulario se pueden modificar desde el área de administración.

Campos para crear un ticket:

• Tipo: el tipo de ticket, por ejemplo, Problema o Pregunta.
• A: la cola en la que se creará el ticket.
• Asunto: el encabezado del ticket.
• Texto: descripción del ticket.
• Archivos: aquí puede subir y adjuntar archivos al ticket.
• Prioridad: indica la importancia de resolver el ticket.

Información del ticket en el Portal del Cliente

Tras hacer clic en un ticket, puede ver todos sus artículos (asunto, mensajes). En las configuraciones del sistema puede definir qué atributos se muestran en esta tabla.

Si un campo tiene valor 1, se mostrará. Para añadir campos dinámicos a esta vista, debe agregarlos a la interfaz dinámica: Ticket::Frontend::CustomerTicketZoom.

Editar tickets en el Portal del Cliente

Por supuesto, también puede editar tickets existentes. Seleccione un ticket específico y luego haga clic en "Responder". A continuación, podrá escribir una respuesta al ticket.

Luego puede añadir un mensaje al ticket y establecer un nuevo estado del ticket.

Cambiar configuraciones en el Portal del Cliente

En el portal del cliente OTOBO, el usuario cliente puede cambiar sus preferencias personales. Para ello, debe pasar el ratón sobre el avatar situado en la esquina inferior izquierda y hacer clic en el icono de engranaje. En la configuración puede cambiar el idioma, la contraseña, la cantidad de tickets mostrados y la frecuencia de actualización de los tickets.

Personalizar el Portal del Cliente OTOBO

Existen varias opciones de personalización para el portal del cliente de OTOBO, accesibles desde el área de administración del portal de agentes. Las opciones de personalización se encuentran en las configuraciones del sistema, específicamente en Frontend -> Customer.

Opciones de configuración

• CustomerFrontend::Active: activa o desactiva el portal del cliente.
• CustomerPanel CreateAccount: permite a los clientes crear su propia cuenta.
• CustomerPanel LostPassword: activa la función "¿Olvidó su contraseña?".
• Customer Logo: define el logotipo mostrado en el portal del cliente.
• CustomerPanel BodyLostPassword: define el mensaje del correo con la nueva contraseña.
• CustomerPanel BodyLostPasswordToken: define el mensaje enviado cuando se hace clic en "¿Olvidó su contraseña?".
• CustomerPanel Body NewAccount: define el mensaje que reciben los nuevos usuarios del sistema de tickets Otobo.
• CustomerPanel CreateAccount::MailRestrictions::Blacklist: impide que usuarios con ciertos correos electrónicos creen una cuenta. Todos los correos que cumplan con esta expresión regular están prohibidos.
• CustomerPanel CreateAccount::MailRestrictions::Whitelist: si está activada, solo pueden registrarse usuarios cuyo correo electrónico cumpla con la expresión regular.
• CustomerPanel Login URL: define la URL de inicio de sesión del portal del cliente.

Añadir más campos al crear un ticket en el portal del cliente

Puede añadir más campos al formulario de creación de tickets mediante campos dinámicos. Los tipos disponibles son:

• Casilla de verificación
• Datos de contacto
• Base de datos
• Fecha
• Fecha / Hora
• Selección simple
• Selección múltiple
• Texto
• Campo de texto
• Título
• Servicio web

Puede seleccionar uno de estos tipos y luego configurar las propiedades del campo. Por ejemplo, si añade un campo de texto, puede definir nombre, etiqueta, orden, texto de ayuda (tooltip), número de filas, número de columnas, valor predeterminado y si desea validar la entrada con una expresión regular.

Una vez creado el campo, debe indicar en qué interfaces debe mostrarse. Para ello, vaya a la baldosa "Interfaces de campos dinámicos".