OTOBO - Personalizar el portal del cliente

OTOBO no solo tiene un portal de agentes, sino también un portal del cliente o portal de clientes, al que se accede a través de la URL "SU_DOMINIO/otobo/ customer.pl". Allí pueden iniciar sesión los usuarios del cliente (Customer User). El portal del cliente permite al usuario del cliente crear nuevos tickets, así como editar y ver tickets.

¡Puede probar el portal del cliente con nuestra demostración!

Crear usuarios del cliente para el portal del cliente

Todos los agentes con derechos de administrador pueden crear nuevos usuarios del cliente.

Para crear un nuevo agente, debe ir al área de administración y seleccionar la ficha Usuarios del cliente. Después de crear un usuario del cliente, este puede iniciar sesión en el portal del cliente de OTOBO. En la ficha de usuario del cliente, ahora verá todos los usuarios del cliente creados hasta ahora.

Añadir usuarios del cliente de OTOBO

Si hace clic en uno de estos usuarios del cliente, puede editarlo o eliminarlo, o marcarlo como inválido. Para añadir un nuevo usuario del cliente, haga clic en Crear usuario del cliente.

Crear un nuevo usuario del cliente de OTOBO

Para iniciar sesión en el portal del cliente / portal del cliente, el usuario del cliente necesita su nombre de usuario y su contraseña. Si el cliente ha olvidado su contraseña, puede enviarse una nueva contraseña a su correo electrónico.

También puede dar a los clientes la oportunidad de registrarse ellos mismos en el portal del cliente; esto se puede configurar a través del ajuste "Customer Panel Create Account".

Si el ajuste está activado, los clientes pueden registrarse a través del portal del cliente. Puede bloquear o permitir ciertos correos electrónicos a través del ajuste CustomerPanel CreateAccount:: MailRestrictions:: Blacklist y Whitelist. Por ejemplo, dominios con un determinado nombre de dominio.

En la página de inicio de sesión SU_DOMINIO.de/otobo/customer.pl, hay un enlace, "Solicitar cuenta", a través del cual se puede crear una nueva cuenta. Allí se introducen el nombre, los apellidos y el correo electrónico, y luego se recibe la contraseña por correo electrónico. Para que esto funcione, por supuesto, debe estar configurado el envío de correos electrónicos, sobre lo cual hay un artículo separado:

Inicio de sesión en el portal del cliente de OTOBO

Para iniciar sesión en el portal del cliente, el cliente debe acceder a la siguiente URL: SU_DOMINIO.de/otobo/customer.pl.

Si ha olvidado su contraseña para el portal del cliente, haga clic en "¿Ha olvidado su contraseña?". A continuación, se enviará un correo electrónico con un enlace, y después de hacer clic en este enlace, recibirá un segundo correo electrónico con su nueva contraseña. Puede activar o desactivar esta función de olvido de contraseña a través de la configuración del sistema "CustomerPanel LostPassword". A través del ajuste CustomerPanel BodyLost Password y la configuración "CustomerPanel BodyLost PasswordToken", puede modificar el correo electrónico con el enlace de la contraseña y el correo electrónico con la contraseña.

Cambiar el logotipo del portal del cliente

Para cambiar la imagen que se muestra al iniciar sesión en el portal del cliente, debe cambiar la URL en la configuración del sistema Customer Login::Settings.

Allí puede cambiar, con el ajuste "Background", qué imagen se elige. Es posible tanto una URL a un archivo de imagen como una ruta a la imagen en el servidor. Con "LoginText", puede cambiar el texto que se muestra en el portal del cliente.

INFO

Actualmente, no es tan fácil adaptar el área de agentes a su propio CI. Serían necesarios cambios en los archivos .css de OTOBO. Una excepción es el logotipo en la página de inicio de sesión del agente y en la cabecera del agente. Los logotipos se pueden intercambiar fácilmente copiando los logotipos en el servidor y luego ajustando las opciones AgentLoginLogo y AgentLogo en Admin -> Configuración del sistema.

Panel del portal del cliente de OTOBO

Después de iniciar sesión en el portal del cliente de OTOBO, aterrizará en el panel del portal del cliente de OTOBO.

Panel del portal del cliente

Allí puede ver sus últimos tickets, así como enlaces a herramientas externas. A través del campo "Crear ticket", puede crear un nuevo ticket.

Cambiar colores

Para cambiar los colores de la interfaz del cliente de OTOBO, vaya a

Admin -> Configuración del sistema y cambie los siguientes ajustes:

• CustomerColorDefinitions

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

Cambiar imágenes y texto

Con los Skins y Temas de OTOBO, puede personalizar el diseño de todo el 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 la superposición y la marca de agua utilizada en la imagen de la derecha a través de la configuración del sistema. Para eliminar la opacidad, ajuste 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 en el

archivo:

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

<!-- inicio 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

Por favor, añada los archivos a un paquete opm en el siguiente paso para que los cambios sean permanentes.

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

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

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

INFO

Por favor, desactive las opciones de configuración para las fichas que no necesite.

Modificar el panel del portal del cliente de OTOBO

En las configuraciones del sistema del portal de agentes, puede cambiar la apariencia del panel de OTOBO. Estas configuraciones se encuentran en la siguiente ubicación:

Frontend -> Customer -> ModelRegistration

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

En el ajuste CustomerFrontend::Navigation###CustomerDashboard###002-CustomerDashboard se define el elemento de navegación superior. Con la prioridad, puede cambiar el orden de los elementos de navegación. Los más pequeños van primero. Con el icono svg, puede cambiar el pictograma que se muestra. Con la Descripción, se define el texto al pasar el ratón. Con Group y GroupRo, podría desactivar elementos del menú para usuarios del cliente específicos.

Con el ajuste CustomerDashboard::Configuration::Text, se puede cambiar el encabezado de la página, así como el texto de bienvenida.

A través de las Fichas en la ruta de configuración Frontend -> Customer -> View -> Dashboard -> Tiles, se pueden cambiar los elementos del panel. Las siguientes fichas existen en el caso estándar:

• CustomerDashboard::Tiles###PlainPicture-01 define la imagen en el panel (la de abajo del todo "Overview"; se podría cambiar la imagen mostrada
• CustomerDashboard::Tiles### PlainText-01 - crea una ficha que muestra un texto. Por defecto, dice "Hola Mundo"
• CustomerDashboard::Tiles###NewTicket - es un botón para crear un ticket. Se puede configurar el color del texto
• CustomerDashboard::Tiles###FeaturedLink-01 - muestra la imagen con el texto "Novedades en OTOBO", se puede cambiar la imagen de fondo, el enlace y el texto.
• CustomerDashboard::Tiles###TicketList-01 - muestra la lista de los últimos tickets; se puede cambiar el orden, el número de tickets y más.
• CustomerDashboard::Tiles###ToolBox-01 - muestra iconos con enlaces

Crear un ticket en el portal del cliente de OTOBO

En la máscara de creación de tickets, puede definir varios atributos. Los campos de creación de tickets se pueden modificar en el área de administración.

Campos de creación de tickets:

• Tipo: El tipo de ticket - por ejemplo, Problema o Pregunta
• A: La cola en la que se debe crear el ticket
• Asunto: El encabezado del ticket
• Texto: Descripción del ticket
• Archivos: Allí se pueden cargar archivos y adjuntarlos al ticket
• Prioridad: Qué tan importante es resolver el ticket

Información del ticket en el portal del cliente

Después de hacer clic en un ticket, puede ver todos los artículos (asunto, mensajes). En la configuración del sistema, puede configurar qué atributos se muestran en esta tabla.

Si un campo está configurado en 1, se mostrará. Para añadir Campos Dinámicos a la vista, debe añadir este campo a la interfaz de campos dinámicos

• Ticket::Frontend::CustomerTicketZoom

Editar tickets en el portal del cliente

Por supuesto, también puede editar tickets existentes. Para ello, seleccione un ticket específico y luego seleccione "Responder", tras lo cual podrá escribir una respuesta al ticket.

A continuación, puede añadir un mensaje al ticket, así como establecer un nuevo estado para el ticket.

Cambiar ajustes en el portal del cliente

En el portal del cliente de Otobo, el usuario del cliente puede cambiar su configuración personal; para ello, debe mover el ratón sobre el avatar situado abajo a la izquierda y luego hacer clic en el engranaje. En los ajustes, se pueden cambiar el idioma, la contraseña, el número de tickets mostrados y la actualización de tickets.

Personalizar el portal del cliente de OTOBO

Existen algunas opciones de personalización para el portal del cliente de OTOBO, a las que se puede acceder desde el área de administración del portal de agentes. Las opciones de personalización se encuentran en las configuraciones del sistema. Allí, en Frontend -> Customer.

Opciones de configuración

• CustomerFrontend::Active - activa o desactiva el portal del cliente.
• CustomerPanel CreateAccount - permite a los clientescrear su propia cuenta.
• CustomerPanel LostPassword - activa la función de olvido de contraseña.
• Customer Logo - establece el logotipo utilizado en el portal del cliente.
• CustomerPanel BodyLostPassword - establece el mensaje que contiene la nueva contraseña establecida.
• CustomerPanel BodyLost PasswordToken - establece el mensaje enviado cuando alguien ha hecho clic en el botón "Olvidé mi contraseña".
• CustomerPanel Body NewAccount - establece el mensaje que reciben los nuevos usuarios del sistema de tickets de Otobo.
• Customer PanelCreate Account::MailRestrictions::Blacklist - Prohíbe a los usuarios con correos electrónicos específicos crear una cuenta. Todos los correos electrónicos que cumplan esta expresión regular están prohibidos.
• CustomerPanel CreateAccount::MailRestrictions::Whitelist - si está activado, solo los usuarios cuyo correo electrónico cumpla esta expresión regular podrán crear una cuenta.
• Customer PanelLogin URL - establece la URL de inicio de sesión del portal del cliente.

Otros campos al crear un ticket en el portal del cliente

Tiene la opción de añadir más campos a la máscara de creación de tickets. Esto se hace a través de los campos dinámicos; existen los siguientes tipos de campos dinámicos:

• 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 elegir uno de estos tipos y luego configurar los ajustes del campo. Si añade un campo de texto, puede especificar el nombre, la etiqueta, el orden de los campos, el texto de la información sobre herramientas, el número de filas, el número de columnas, el valor predeterminado y si desea comprobar la corrección de la entrada con una expresión regular.

Una vez creado el campo, debemos especificar en qué interfaces se mostrará el campo; para ello, vamos a la ficha "Interfaces de campos dinámicos".