OTOBO - Personalizzare il Portale Cliente

OTOBO non dispone soltanto di un portale agenti, ma anche di un portale clienti, raggiungibile all'indirizzo "TUODOMINIO/otobo/customer.pl". Qui i clienti utente (Customer User) possono effettuare l'accesso. Il portale clienti consente all'utente cliente di creare nuovi ticket, modificarli e visualizzarli.

Puoi provare il portale clienti gratuitamente con la nostra demo!

Creare un utente cliente per il portale

Tutti gli agenti con diritti di amministratore possono creare nuovi utenti cliente.

Per creare un nuovo agente, è necessario accedere all'area amministrativa e selezionare la voce Utenti Cliente. Dopo aver creato un utente cliente, questi potrà effettuare l'accesso al portale clienti di OTOBO. Nella sezione dedicata agli utenti cliente verranno visualizzati tutti gli utenti già creati.

Aggiungere utenti cliente in OTOBO

Facendo clic su uno degli utenti cliente elencati, è possibile modificarlo, eliminarlo o disattivarlo. Per aggiungere un nuovo utente cliente, cliccare su "Crea utente cliente".

Creare un nuovo utente cliente OTOBO

Per accedere al portale clienti, l'utente cliente necessita del proprio nome utente e della password. Se il cliente ha dimenticato la password, può richiederne una nuova tramite email.

È inoltre possibile consentire ai clienti di registrarsi autonomamente al portale clienti, abilitando l'opzione "Customer Panel Create Account".

Se questa opzione è attiva, i clienti potranno registrarsi direttamente dal portale clienti. È possibile bloccare o consentire determinate email tramite le impostazioni CustomerPanel CreateAccount::MailRestrictions::Blacklist e Whitelist, ad esempio limitando l'accesso a domini specifici.

Nella pagina di accesso TUODOMINIO.de/otobo/customer.pl è presente il link "Richiedi account", tramite il quale è possibile creare un nuovo account. Si inseriscono nome, cognome e email, dopodiché la password verrà inviata via email. Perché questa funzione funzioni, è necessario aver configurato correttamente l'invio delle email, argomento trattato in un articolo dedicato:

Accesso al Portale Clienti OTOBO

Per accedere al portale clienti, il cliente deve visitare l'URL seguente: TUODOMINIO.de/otobo/customer.pl.

Se si dimentica la password del portale clienti, cliccare su "Password dimenticata?". Verrà inviata una email con un link; dopo averlo seguito, si riceverà una seconda email contenente la nuova password. È possibile abilitare o disabilitare questa funzione tramite la configurazione di sistema "CustomerPanel LostPassword". Le impostazioni CustomerPanel BodyLostPassword e CustomerPanel BodyLostPasswordToken consentono di personalizzare il contenuto delle email con il link per il reset della password e della nuova password.

Modificare il Logo del Portale Clienti

Per modificare l'immagine visualizzata nella pagina di accesso del portale clienti, è necessario modificare l'URL nella configurazione di sistema Customer Login::Settings.

Tramite l'impostazione "Background" è possibile scegliere l'immagine da visualizzare. È possibile inserire un URL a un file immagine oppure un percorso diretto sul server. Con "LoginText" si può modificare il testo visualizzato nel portale clienti.

INFO

Al momento non è semplice personalizzare l'area agenti secondo il proprio brand aziendale. Sarebbero necessarie modifiche ai file .css di OTOBO. Un'eccezione è rappresentata dal logo nella pagina di accesso agenti e nell'intestazione. I loghi possono essere facilmente sostituiti copiandoli sul server e modificando le opzioni AgentLoginLogo e AgentLogo in Amministrazione -> Configurazione di sistema.

Dashboard del Portale Clienti OTOBO

Dopo aver effettuato l'accesso al portale clienti di OTOBO, si accede al dashboard del portale.

Dashboard del portale clienti

Qui è possibile visualizzare gli ultimi ticket e accedere a strumenti esterni. Attraverso il pulsante "Crea ticket" è possibile aprire un nuovo ticket.

Modificare i colori

Per modificare i colori dell'interfaccia cliente OTOBO, accedere a:

Amministrazione -> Configurazione di sistema e modificare le seguenti opzioni:

• CustomerColorDefinitions

• Per modificare i colori nel dashboard cliente, cercare CustomerDashboard in Amministrazione -> Configurazione di sistema. Nei risultati di ricerca si troveranno tutte le opzioni necessarie con le definizioni colore.

Modificare immagini e testi

Con i temi e skin OTOBO è possibile personalizzare l'aspetto dell'intero helpdesk.

• 1 e 2 - Opzione di configurazione CustomerLogin::Settings

Rimuovere sovraimpressione e filigrana

Attualmente non è possibile rimuovere tramite configurazione di sistema la sovraimpressione (overlay) e la filigrana visibile nell'immagine a destra. Per rimuovere l'opacità, modificare l'opzione #oooLoginBG > .oooBG nel file

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

#oooLoginBG > .oooBG {
  position: relative;

  width: 100%;

  height: 100%;

  /* opacity: 0.45; disabilita opacità */

  background-size: cover;

  overflow: hidden;
}

Per rimuovere la filigrana, eliminare la seguente riga nel file:

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

<!-- inizio accesso -->

<div id="oooLoginBG">

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

    <!-- rimuovere questa riga ->
    <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

Nel passaggio successivo, aggiungere questi file a un pacchetto opm per rendere permanenti le modifiche.

Modificare le tessere e le opzioni del dashboard cliente

Per modificare i colori nel dashboard cliente, accedere a Amministrazione -> Configurazione di sistema e cercare CustomerDashboard. Nei risultati si troveranno tutte le opzioni necessarie con le definizioni colore.

• 1 - Per modificare immagine, link e testo, utilizzare l'opzione di configurazione CustomerDashboard::Tiles###FeaturedLink-01

• 2 - Per modificare il testo principale, utilizzare l'opzione CustomerDashboard::Configuration::Text

INFO

Disattivare le opzioni di configurazione per le tessere non utilizzate.

Personalizzare il dashboard del portale clienti

È possibile modificare l'aspetto del dashboard OTOBO tramite le configurazioni di sistema del portale agenti. Queste configurazioni si trovano in:

Frontend -> Customer -> ModelRegistration

Qui vengono definite tutte le voci di navigazione.

L'opzione CustomerFrontend::Navigation###CustomerDashboard###002-CustomerDashboard definisce l'elemento superiore della navigazione. Con il valore "Prio" si può modificare l'ordine (valori più bassi appaiono prima). Con "svgIcon" si può cambiare l'icona visualizzata. Con "Description" si imposta il testo visualizzato al passaggio del mouse. Con "Group" e "GroupRo" è possibile disabilitare voci di menu per determinati utenti cliente.

Con l'opzione CustomerDashboard::Configuration::Text si possono modificare il titolo della pagina e il testo di benvenuto.

Le tessere del dashboard possono essere modificate tramite il percorso di configurazione: Frontend -> Customer -> View -> Dashboard -> Tiles. Le tessere disponibili di default sono:

• CustomerDashboard::Tiles###PlainPicture-01 - definisce l'immagine nel dashboard (quella in basso "Overview"); è possibile sostituire l'immagine visualizzata
• CustomerDashboard::Tiles###PlainText-01 - crea una tessera con testo. Di default contiene "Hello World"
• CustomerDashboard::Tiles###NewTicket - pulsante per creare un ticket. È possibile impostare il colore del testo
• CustomerDashboard::Tiles###FeaturedLink-01 - mostra l'immagine con la scritta "That's new in OTOBO"; è possibile modificare l'immagine di sfondo, il link e il testo
• CustomerDashboard::Tiles###TicketList-01 - mostra l'elenco degli ultimi ticket; è possibile modificare ordine, numero di ticket e altro
• CustomerDashboard::Tiles###ToolBox-01 - visualizza icone con link

Creare un ticket nel portale clienti OTOBO

Nella maschera di creazione ticket è possibile impostare diversi attributi. I campi della creazione ticket possono essere modificati nell'area amministrativa.

Campi nella creazione ticket:

• Tipo: il tipo di ticket, ad es. Problema o Domanda
• A: la coda in cui creare il ticket
• Oggetto: l'intestazione del ticket
• Testo: descrizione del ticket
• File: qui è possibile caricare e allegare file al ticket
• Priorità: indica quanto è importante risolvere il ticket

Informazioni ticket nel portale clienti

Facendo clic su un ticket, è possibile visualizzare tutti gli articoli (oggetto, messaggi). Nelle configurazioni di sistema è possibile stabilire quali attributi visualizzare in questa tabella.

Se un campo è impostato a 1, verrà visualizzato. Per aggiungere campi dinamici alla vista, aggiungere il campo all'interfaccia dinamica - Ticket::Frontend::CustomerTicketZoom

Modificare i ticket nel portale clienti

È ovviamente possibile modificare ticket esistenti. Si seleziona un ticket specifico e si sceglie "Rispondi", quindi si scrive una risposta.

È quindi possibile aggiungere un messaggio al ticket e impostare un nuovo stato del ticket.

Modificare le impostazioni nel portale clienti

Nel portale clienti OTOBO, l'utente cliente può modificare le proprie impostazioni personali. Per farlo, posizionare il cursore sull'avatar in basso a sinistra e cliccare sull'icona a forma di ingranaggio. Nelle impostazioni è possibile modificare lingua, password, numero di ticket visualizzati e frequenza di aggiornamento dei ticket.

Personalizzare il portale clienti OTOBO

Esistono diverse opzioni di personalizzazione per il portale clienti OTOBO, accessibili tramite l'area amministrativa del portale agenti. Le opzioni si trovano nelle configurazioni di sistema, sotto Frontend -> Customer.

Opzioni disponibili

• CustomerFrontend::Active - attiva o disattiva il portale clienti
• CustomerPanel CreateAccount - consente ai clienti di creare autonomamente un account
• CustomerPanel LostPassword - abilita la funzione "Password dimenticata"
• Customer Logo - imposta il logo utilizzato nel portale clienti
• CustomerPanel BodyLostPassword - personalizza il messaggio contenente la nuova password
• CustomerPanel BodyLostPasswordToken - personalizza il messaggio inviato dopo aver cliccato su "Password dimenticata"
• CustomerPanel BodyNewAccount - imposta il messaggio ricevuto dai nuovi utenti del sistema ticket Otobo
• CustomerPanel CreateAccount::MailRestrictions::Blacklist - impedisce la creazione di account a utenti con determinate email - tutte le email che soddisfano l'espressione regolare sono bloccate
• CustomerPanel CreateAccount::MailRestrictions::Whitelist - se attiva, solo gli utenti le cui email soddisfano l'espressione regolare possono creare un account
• CustomerPanel Login URL - imposta l'URL di accesso al portale clienti

Aggiungere ulteriori campi nella creazione ticket nel portale clienti

È possibile aggiungere ulteriori campi alla maschera di creazione ticket tramite i campi dinamici. I tipi disponibili sono:

• Casella di controllo
• Dati di contatto
• Database
• Data
• Data/Ora
• Selezione singola
• Selezione multipla
• Testo
• Campo di testo
• Titolo
• Web service

Dopo aver scelto un tipo, è possibile configurarne le impostazioni. Ad esempio, aggiungendo un campo di testo, si possono impostare nome, etichetta, ordine, testo tooltip, numero di righe, colonne, valore predefinito e verifica tramite espressione regolare.

Dopo aver creato il campo, bisogna specificare in quali interfacce deve essere visualizzato, accedendo alla voce "Interfacce campi dinamici".