Skip to content

OTOBO - Klantportaal aanpassen

OTOBO heeft niet alleen een agentenportaal, maar ook een klantportaal (customer portal), dat bereikbaar is via de URL "UWDOMEIN/otobo/customer.pl". Hier kunnen klantgebruikers (Customer User) zich aanmelden.
Het klantportaal stelt de klantgebruiker in staat om nieuwe tickets aan te maken, bestaande tickets te bewerken en tickets te bekijken.

U kunt het klantportaal gerust uitproberen met onze demo!

Klantgebruiker aanmaken voor het klantportaal

Alle agenten met beheerdersrechten mogen nieuwe klantgebruikers aanmaken.

Om een nieuwe agent aan te maken, gaat u naar het beheergedeelte en kiest u daar de tegel klantgebruikers. Nadat u een klantgebruiker hebt aangemaakt, kan deze zich aanmelden in het OTOBO klantportaal. In de tegel klantgebruikers ziet u nu alle reeds aangemaakte klantgebruikers.

Otobo Ticketsysteem klantportaal - nieuwe klantgebruikers aanmaken - customer portal

OTOBO klantgebruiker toevoegen

Als u op een van deze klantgebruikers klikt, kunt u deze bewerken, verwijderen of ongeldig maken. Om een nieuwe klantgebruiker toe te voegen, klikt u op klantgebruiker aanmaken.

OTOBO Ticketsysteem klantportaal - klantgebruikers beheren - customer portal

Nieuwe OTOBO klantgebruiker aanmaken

Voor de aanmelding in het klantportaal / customer portal heeft de klantgebruiker zijn gebruikersnaam en wachtwoord nodig. Als de klant zijn wachtwoord is vergeten, kan hij een nieuw wachtwoord naar zijn e-mailadres laten sturen.

U kunt klanten ook de mogelijkheid geven zichzelf te registreren voor het klantportaal. Dit kan worden aangepast via de instelling "Customer Panel Create Account".

OTOBO klantportaal, registratie klantgebruiker

Als deze instelling is ingeschakeld, kunnen klanten zich via het klantportaal registreren. U kunt via de instelling
CustomerPanel CreateAccount:: MailRestrictions:: Blacklist en Whitelist bepaalde e-mails blokkeren of toestaan. Bijvoorbeeld domeinen met een bepaalde domeinnaam.

Op de aanmeldpagina UWDOMEIN.de/otobo/customer.pl staat de link "Account aanvragen", waarmee u een nieuw account kunt aanmaken. U vult daar uw voornaam, achternaam en e-mail in. Daarna ontvangt u uw wachtwoord per e-mail. Hiervoor moet natuurlijk het versturen van e-mails correct zijn ingesteld. Daarover bestaat een apart artikel:

Aanmelden in het OTOBO klantportaal

Voor de aanmelding in het klantportaal moet de klant de volgende URL bezoeken:
UWDOMEIN.de/otobo/customer.pl.

otobo ticketsysteem klantportaal aanmelden - customer portal

Als u uw wachtwoord voor het klantportaal bent vergeten, klikt u op "Wachtwoord vergeten?". Vervolgens wordt er een e-mail met een link verstuurd. Nadat u op deze link hebt geklikt, ontvangt u een tweede e-mail met uw nieuwe wachtwoord. U kunt de functie "Wachtwoord vergeten" in- of uitschakelen via de systeemconfiguratie "CustomerPanel LostPassword".
Via de instelling CustomerPanel BodyLost Password en de configuratie "CustomerPanel BodyLost PasswordToken" kunt u de e-mail met de wachtwoordlink en de e-mail met het wachtwoord aanpassen.

Logo van het klantportaal wijzigen

otobo ticketsysteem afbeelding klantportaal aanmelding customer portal

Om de afbeelding die wordt weergegeven bij de aanmelding van het klantportaal te wijzigen, moet u in de systeemconfiguratie Customer Login::Settings de URL aanpassen.

OTOBO Ticketsysteem klantlogo instellingen - klantportaal

Via de instelling "Background" kunt u kiezen welke afbeelding wordt gebruikt. Zowel een URL naar een afbeeldingsbestand als een bestandspad op de server zijn mogelijk. Met "LoginText" kunt u de tekst aanpassen die in het klantportaal wordt weergegeven.

INFO

Momenteel is het niet eenvoudig om het agentengedeelte aan uw eigen huisstijl aan te passen. Hiervoor zijn aanpassingen in de OTOBO .css-bestanden nodig. Een uitzondering is het logo op de aanmeldpagina voor agenten en in de kopregel van het agentengedeelte. De logo's kunnen eenvoudig worden vervangen door ze naar de server te kopiëren en vervolgens de opties AgentLoginLogo en AgentLogo onder Beheer -> Systeemconfiguratie aan te passen.

Dashboard van het OTOBO klantportaal

Nadat u zich hebt aangemeld in het OTOBO klantportaal, komt u terecht op het dashboard van het OTOBO klantportaal.

OTOBO Ticketsysteem klantportaal - customer portal - overzicht klantportaal

Dashboard van het klantportaal

Hier kunt u uw recente tickets bekijken en toegang krijgen tot externe tools. Via het veld "Ticket aanmaken" kunt u een nieuw ticket aanmaken.

Kleuren wijzigen

Om de kleuren van de OTOBO-klantinterface aan te passen, gaat u naar:
Beheer -> Systeemconfiguratie en wijzigt u de volgende instellingen:

  • CustomerColorDefinitions

  • Om de kleuren op het klantdashboard te wijzigen, gaat u naar Beheer -> Systeemconfiguratie en zoekt u naar CustomerDashboard. In de zoekresultaten vindt u alle benodigde opties met kleurdefinities.

Afbeeldingen en tekst wijzigen

OTOBO klantaanmelding

Met de OTOBO skins en thema's kunt u het ontwerp van het volledige helpdesk-systeem aanpassen.

  • 1 en 2 - Systeemconfiguratieoptie CustomerLogin::Settings

Transparantie en watermerk verwijderen

Momenteel is het niet mogelijk om de overlay en het watermerk, zoals gebruikt in de rechterafbeelding, via de systeemconfiguratie te verwijderen. Om de transparantie te verwijderen, wijzigt u de optie #oooLoginBG > .oooBG in het bestand:

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

css
#oooLoginBG > .oooBG {
  position: relative;

  width: 100%;

  height: 100%;

  /* opacity: 0.45; transparantie uitschakelen */

  background-size: cover;

  overflow: hidden;
}

Om het watermerk te verwijderen, verwijdert u de volgende regel in het bestand:

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

html
<!-- start login -->

<div id="oooLoginBG">

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

    <!-- deze regel verwijderen ->
    <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

Voeg de bestanden in de volgende stap toe aan een opm-pakket, zodat de wijzigingen blijvend zijn.

Wijzigen van de tegels en opties op het klantdashboard
Om de kleuren op het klantdashboard te wijzigen, gaat u naar Beheer -> Systeemconfiguratie en zoekt u naar CustomerDashboard. In de zoekresultaten vindt u alle benodigde opties met kleurdefinities.
OTOBO klantdashboard

  • 1 - Om de afbeelding, link en tekst te wijzigen, gebruikt u de systeemconfiguratieoptie CustomerDashboard::Tiles###FeaturedLink-01

  • 2 - Om de bovenliggende tekst te wijzigen, gebruikt u de systeemconfiguratieoptie CustomerDashboard::Configuration::Text

INFO

Schakel de configuratieopties uit voor tegels die u niet gebruikt.

Klantportaaldashboard aanpassen

In de systeemconfiguraties van het agentenportaal kunt u het uiterlijk van het OTOBO-dashboard aanpassen. Deze instellingen bevinden zich op de volgende locatie:
Frontend -> Customer -> ModelRegistration

Hier worden alle navigatie-elementen gedefinieerd.

OTOBO klantportaal navigatie

In de instelling CustomerFrontend::Navigation###CustomerDashboard###002-CustomerDashboard is het bovenste navigatie-element gedefinieerd. Met de Prio kunt u de volgorde van de navigatie-elementen wijzigen (lagere waarden eerst). Met svgIcon kunt u het weergegeven pictogram aanpassen. Met Description stelt u de tekst in die verschijnt bij het zweven met de muis. Met Group en GroupRo kunt u menu-items uitschakelen voor bepaalde klantgebruikers.

Met de instelling CustomerDashboard::Configuration::Text kunt u de paginatitel en begroetingstekst wijzigen.

Via de tegels in het configuratiepad Frontend -> Customer -> View -> Dashboard -> Tiles kunt u de elementen van het dashboard aanpassen. De volgende tegels zijn standaard aanwezig:

  • CustomerDashboard::Tiles###PlainPicture-01 - definieert de afbeelding op het dashboard (ganz onderaan "Overview"); u kunt de weergegeven afbeelding vervangen
  • CustomerDashboard::Tiles###PlainText-01 - maakt een tegel aan die een tekst toont. Standaard staat hier "Hello World"
  • CustomerDashboard::Tiles###NewTicket - is een knop om een ticket aan te maken. U kunt de tekstkleur instellen
  • CustomerDashboard::Tiles###FeaturedLink-01 - toont de afbeelding met de tekst "Thats new in OTOBO", de achtergrondafbeelding, link en tekst kunnen worden gewijzigd
  • CustomerDashboard::Tiles###TicketList-01 - toont een lijst met recente tickets; u kunt de volgorde, het aantal tickets en meer aanpassen
  • CustomerDashboard::Tiles###ToolBox-01 - toont pictogrammen met links

Ticket aanmaken in het OTOBO klantportaal

In het scherm voor het aanmaken van een ticket kunt u verschillende attributen instellen. De velden voor het aanmaken van een ticket kunt u aanpassen in het beheergedeelte.

OTOBO Ticketsysteem klantportaal ticket aanmaken in klantportaal

Velden bij het aanmaken van een ticket:

  • Type: Het type ticket - bijvoorbeeld probleem of vraag
  • Aan: De queue waarin het ticket moet worden aangemaakt
  • Onderwerp: De titel van het ticket
  • Tekst: Beschrijving van het ticket
  • Bestanden: Hier kunnen bestanden worden geüpload en aan het ticket worden toegevoegd
  • Prioriteit: Hoe belangrijk het oplossen van het ticket is

Ticketinformatie in het klantportaal

OTOBO klantgebruiker ticketinformatie

Nadat u op een ticket hebt geklikt, kunt u alle artikelen (onderwerpen, berichten) bekijken. In de systeemconfiguratie kunt u instellen welke attributen in deze tabel worden weergegeven.

OTOBO klantgebruiker ticketinformatie systeemconfiguratie

Als een veld op 1 staat, wordt het weergegeven. Om dynamische velden toe te voegen aan de weergave, moet u dit veld toevoegen aan het dynamische veldenoppervlak - Ticket::Frontend::CustomerTicketZoom

Tickets bewerken in het klantportaal

Natuurlijk kunt u ook bestaande tickets bewerken. Kies een specifiek ticket en klik op "Antwoorden". Vervolgens kunt u een reactie op het ticket schrijven.

otobo ticketsysteem klantportaal ticket bewerken op customer portal ticket beantwoorden

Vervolgens kunt u een bericht aan het ticket toevoegen en de nieuwe status van het ticket instellen.

Instellingen in het klantportaal wijzigen

otobo ticketsysteem customer portal - instellingen klantportaal wijzigen

In het Otobo klantportaal kan de klantgebruiker zijn persoonlijke instellingen wijzigen. Houd hiervoor de muis boven de avatar linksonder en klik op het tandwiel. In de instellingen kunt u de taal, het wachtwoord, het aantal weergegeven tickets en de ticketverversing aanpassen.

OTOBO klantportaal aanpassen

Er zijn diverse aanpassingsmogelijkheden voor het OTOBO klantportaal, toegankelijk via het beheergedeelte van het agentenportaal. De aanpassingsmogelijkheden vindt u in de systeemconfiguraties onder Frontend -> Customer.

frontend customer portal instellingen wijzigen Customer

Beschikbare instellingen

  • CustomerFrontend::Active - schakelt het klantportaal in of uit.
  • CustomerPanel CreateAccount - geeft klanten de mogelijkheid om zelf een account aan te maken
  • CustomerPanel LostPassword - schakelt de functie "Wachtwoord vergeten" in
  • Customer Logo - stelt het gebruikte logo in het klantportaal in
  • CustomerPanel BodyLostPassword - stelt de berichttekst in die het nieuw ingestelde wachtwoord bevat
  • CustomerPanel BodyLost PasswordToken - stelt de verzonden berichttekst in die wordt verstuurd wanneer iemand op de knop "Wachtwoord vergeten" klikt
  • CustomerPanel Body NewAccount - stelt de berichttekst in die nieuwe gebruikers van het Otobo ticketsysteem ontvangen
  • Customer PanelCreate Account::MailRestrictions::Blacklist - verbiedt gebruikers met bepaalde e-mails een account aan te maken - alle e-mails die aan deze reguliere expressie voldoen, zijn verboden
  • CustomerPanel CreateAccount::MailRestrictions::Whitelist - indien ingeschakeld, kunnen alleen gebruikers een account aanmaken als hun e-mail aan deze reguliere expressie voldoet
  • Customer PanelLogin URL - stelt de URL van de aanmeldpagina van het klantportaal in

Extra velden bij het aanmaken van een ticket in het klantportaal

otobo ticketsysteem klantportaal dynamische velden ticket aanmaken

U kunt extra velden toevoegen aan het scherm voor het aanmaken van een ticket. Dit gaat via dynamische velden. De volgende soorten dynamische velden zijn beschikbaar:

  • Aanvinkvakje
  • Contactgegevens
  • Database
  • Datum
  • Datum / Tijd
  • Eenvoudige keuze
  • Meervoudige keuze
  • Tekst
  • Tekstvak
  • Titel
  • Webservice

U kunt een van deze typen kiezen en vervolgens de instellingen van het veld bepalen. Als u een tekstvak toevoegt, kunt u de naam, label, veldvolgorde, tooltip-tekst, aantal regels, aantal kolommen, standaardwaarde instellen en bepalen of u de invoer met een reguliere expressie wilt valideren.

Nadat het veld is aangemaakt, moet u bepalen in welke interfaces het veld wordt weergegeven. Ga hiervoor naar de tegel "Dynamische velden interfaces".