OTOBO — Dostosowanie portalu klienta

OTOBO oferuje nie tylko panel agenta, ale także portal dla klientów, dostępny pod adresem URL: "TWÓJ-DOMENA/otobo/customer.pl". W tym miejscu mogą się logować użytkownicy klienci (Customer User). Portal klienta umożliwia użytkownikowi tworzenie nowych ticketów, a także ich edycję i przeglądanie.

Zachęcamy do przetestowania naszego portalu klienta za pomocą naszej wersji demonstracyjnej!

Tworzenie użytkownika klienta do portalu klienta

Nowych użytkowników klientów mogą tworzyć agenci posiadający uprawnienia administratora.

Aby utworzyć nowego agenta, należy przejść do obszaru administracyjnego i wybrać kafelek Użytkownicy klienci. Po utworzeniu użytkownika klienta, może on zalogować się do OTOBO w portalu klienta. W kafelku „Użytkownicy klienci” widoczni są wszyscy dotychczas utworzeni użytkownicy.

Dodawanie użytkowników klientów do OTOBO

Kliknięcie na jednego z użytkowników klientów pozwala na jego edycję, usunięcie lub ustawienie jako nieaktywnego. Aby dodać nowego użytkownika klienta, kliknij opcję „Utwórz użytkownika klienta”.

Tworzenie nowego użytkownika klienta OTOBO

Do logowania w portalu klienta (customer portal) użytkownik klienta potrzebuje nazwy użytkownika i hasła. Jeśli klient zapomni swojego hasła, może otrzymać nowe hasło na swój adres e-mail.

Można również dać klientom możliwość samodzielnego zarejestrowania się w portalu klienta — opcja ta jest dostępna w ustawieniu "Customer Panel Create Account".

Gdy ta opcja jest włączona, klienci mogą zarejestrować się bezpośrednio przez portal klienta. Można również blokować lub zezwalać na rejestrację dla określonych adresów e-mail za pomocą ustawień:
CustomerPanel CreateAccount:: MailRestrictions:: Blacklist i Whitelist, np. dla domen o określonej nazwie.

Na stronie logowania TWÓJ-DOMENA.de/otobo/customer.pl znajduje się link "Zażądaj konta", dzięki któremu można utworzyć nowe konto. Należy podać imię, nazwisko oraz adres e-mail. Następnie hasło zostanie wysłane pocztą e-mail. Aby to działało, musi być skonfigurowana funkcja wysyłania e-maili. Więcej informacji na ten temat znajduje się w osobnym artykule:

Logowanie do portalu klienta OTOBO

Aby się zalogować do portalu klienta, klient musi wejść na stronę:
TWÓJ-DOMENA.de/otobo/customer.pl.

Jeśli zapomnisz hasła do portalu klienta, kliknij „Zapomniałeś hasła?”. Wtedy zostanie wysłana wiadomość e-mail z linkiem. Po kliknięciu w link, otrzymasz drugą wiadomość e-mail z nowym hasłem. Funkcję „Zapomniałem hasła” można włączyć lub wyłączyć w konfiguracji systemu pod opcją "CustomerPanel LostPassword". Ustawienia CustomerPanel BodyLost Password oraz CustomerPanel BodyLost PasswordToken pozwalają zmienić treść wiadomości e-mail z linkiem do resetu hasła oraz wiadomości z nowym hasłem.

Zmiana logotypu w portalu klienta

Aby zmienić obraz wyświetlany podczas logowania klienta, należy zmienić URL w konfiguracji systemowej Customer Login::Settings.

W tym miejscu, za pomocą ustawienia „Background”, można zmienić obraz tła. Możliwe jest podanie URL-a do pliku graficznego lub ścieżki do obrazu na serwerze. Ustawienie „LoginText” pozwala zmienić tekst wyświetlany w portalu klienta.

INFO

Obecnie nie jest łatwo dostosować obszar agenta do własnej tożsamości wizualnej. Wymagałoby to zmian w plikach CSS OTOBO. Wyjątkiem jest logo na stronie logowania agenta i w nagłówku agenta. Loga można łatwo zmienić, kopiując je na serwer, a następnie modyfikując opcje AgentLoginLogo i AgentLogo w sekcji Admin → Konfiguracja systemu.

Panel główny portalu klienta OTOBO

Po zalogowaniu się do OTOBO w portalu klienta, trafia się na główny panel (dashboard) portalu klienta.

Panel główny portalu klienta

Tutaj można zobaczyć ostatnie ticketi oraz linki do narzędzi zewnętrznych. W polu „Utwórz ticket” można założyć nowy ticket.

Zmiana kolorów

Aby zmienić kolory interfejsu klienta OTOBO, przejdź do:
Admin → Konfiguracja systemu i zmień następujące ustawienia:

• CustomerColorDefinitions

Aby zmienić kolory na panelu klienta, przejdź do Admin → Konfiguracja systemu i wyszukaj CustomerDashboard. W wynikach znajdziesz wszystkie potrzebne opcje z definicjami kolorów.

Zmiana obrazów i tekstu

Za pomocą skórek i motywów OTOBO można dostosować wygląd całego helpdesku.

• 1 i 2 — opcja konfiguracji systemowej CustomerLogin::Settings

Usuwanie nakładki i znaku wodnego

Obecnie nie można usunąć nakładki (overlay) i znaku wodnego widocznego na obrazie po prawej stronie za pomocą konfiguracji systemowej. Aby usunąć przezroczystość (opacity), zmodyfikuj opcję #oooLoginBG > .oooBG w pliku:

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

#oooLoginBG > .oooBG {
  position: relative;

  width: 100%;

  height: 100%;

  /* opacity: 0.45; — wyłącz przezroczystość */

  background-size: cover;

  overflow: hidden;
}

Aby usunąć znak wodny, usuń następującą linię w pliku:

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

<!-- początek logowania -->

<div id="oooLoginBG">

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

    <!-- usuń tę linię ->
    <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

W następnym kroku dodaj zmodyfikowane pliki do pakietu OPM, aby zmiany były trwałe.

Zmiana kafelków i opcji na panelu klienta

Aby zmienić kolory na panelu klienta, przejdź do Admin → Konfiguracja systemu i wyszukaj CustomerDashboard. W wynikach znajdziesz wszystkie potrzebne opcje z definicjami kolorów.

• 1 — aby zmienić obraz, link i tekst, użyj opcji konfiguracji systemowej CustomerDashboard::Tiles###FeaturedLink-01
• 2 — aby zmienić tekst najwyższego poziomu, użyj opcji CustomerDashboard::Configuration::Text

INFO

Wyłącz opcje konfiguracji dla kafelków, których nie potrzebujesz.

Modyfikacja panelu głównego portalu klienta

Można zmienić wygląd panelu głównego OTOBO w konfiguracjach systemowych portalu agenta. Te konfiguracje znajdują się w:

Frontend → Customer → ModelRegistration

Tutaj definiowane są wszystkie elementy nawigacji.

W ustawieniu CustomerFrontend::Navigation###CustomerDashboard###002-CustomerDashboard zdefiniowany jest najwyższy element nawigacji. Za pomocą priorytetu (Prio) można zmienić kolejność elementów — niższe wartości mają wyższy priorytet. Parametr svgIcon pozwala zmienić ikonę. Description określa tekst pojawiający się po najechaniu kursorem. Za pomocą Group i GroupRo można wyłączyć elementy menu dla określonych użytkowników klientów.

Za pomocą ustawienia CustomerDashboard::Configuration::Text można zmienić nagłówek strony oraz tekst powitalny.

Elementy panelu głównego można modyfikować w ścieżce konfiguracyjnej:
Frontend → Customer → View → Dashboard → Tiles.

Domyślne kafelki to:

• CustomerDashboard::Tiles###PlainPicture-01 — definiuje obraz na panelu (na dole, „Overview”); można go zmienić
• CustomerDashboard::Tiles###PlainText-01 — tworzy kafelek z tekstem; domyślnie zawiera „Hello World”
• CustomerDashboard::Tiles###NewTicket — przycisk do tworzenia ticketu; można zmienić kolor tekstu
• CustomerDashboard::Tiles###FeaturedLink-01 — wyświetla obraz z napisem „That's new in OTOBO”; można zmienić obraz tła, link i tekst
• CustomerDashboard::Tiles###TicketList-01 — wyświetla listę ostatnich ticketów; można zmienić kolejność, liczbę ticketów i inne
• CustomerDashboard::Tiles###ToolBox-01 — wyświetla ikony z linkami

Tworzenie ticketu w portalu klienta OTOBO

W formularzu tworzenia ticketu można ustawić różne atrybuty. Pola formularza można dostosować w panelu administracyjnym.

Pola formularza tworzenia ticketu:

• Typ: Typ ticketu, np. Problem lub Pytanie
• Do: Kolejka, w której ma zostać utworzony ticket
• Temat: Nagłówek ticketu
• Tekst: Opis problemu
• Pliki: Możliwość załączenia plików do ticketu
• Priorytet: Określa, jak ważne jest rozwiązanie ticketu

Informacje o ticketach w portalu klienta

Po kliknięciu ticketu można zobaczyć wszystkie artykuły (tematy, wiadomości). W konfiguracjach systemowych można ustalić, które atrybuty będą wyświetlane w tej tabeli.

Jeśli pole ma wartość 1, zostanie wyświetlone. Aby dodać pola dynamiczne do widoku, należy dodać je do powierzchni dynamicznych pól: Ticket::Frontend::CustomerTicketZoom

Edycja ticketów w portalu klienta

Oczywiście można również edytować istniejące ticketi. W tym celu należy wybrać konkretny ticket i kliknąć „Odpowiedz”, aby dodać odpowiedź.

Można dodać wiadomość do ticketu oraz ustawić nowy status ticketu.

Zmiana ustawień w portalu klienta

W portalu klienta OTOBO użytkownik klienta może zmienić swoje ustawienia osobiste. W tym celu należy najechać kursorem na awatar w lewym dolnym rogu i kliknąć ikonę zębatki. W ustawieniach można zmienić język, hasło, liczbę wyświetlanych ticketów oraz częstotliwość odświeżania ticketów.

Dostosowanie portalu klienta OTOBO

Istnieje kilka możliwości dostosowania portal klienta OTOBO, dostępnych przez panel administracyjny portalu agenta. Opcje te znajdują się w konfiguracjach systemowych, w sekcji:
Frontend → Customer.

Dostępne opcje konfiguracyjne:

• CustomerFrontend::Active — włącza lub wyłącza portal klienta
• CustomerPanel CreateAccount — pozwala klientom samodzielnie tworzyć konto
• CustomerPanel LostPassword — włącza funkcję „Zapomniałem hasła”
• Customer Logo — ustawia logo używane w portalu klienta
• CustomerPanel BodyLostPassword — ustawia treść wiadomości z nowym hasłem
• CustomerPanel BodyLost PasswordToken — ustawia wiadomość wysyłaną po kliknięciu „Zapomniałem hasła”
• CustomerPanel Body NewAccount — ustawia wiadomość wysyłaną nowym użytkownikom systemu ticketowego OTOBO
• Customer PanelCreate Account::MailRestrictions::Blacklist — blokuje tworzenie kont dla użytkowników z określonymi adresami e-mail — wszystkie e-maile spełniające ten wyrażenie regularne są zabronione
• CustomerPanel CreateAccount::MailRestrictions::Whitelist — jeśli włączone, tylko użytkownicy, których adres e-mail spełnia wyrażenie regularne, mogą założyć konto
• Customer PanelLogin URL — ustawia URL logowania do portalu klienta

Dodatkowe pola przy tworzeniu ticketu w portalu klienta

Można dodać dodatkowe pola do formularza tworzenia ticketu. Robi się to za pomocą pól dynamicznych. Dostępne typy pól dynamicznych to:

• Pole wyboru (checkbox)
• Dane kontaktowe
• Baza danych
• Data
• Data i czas
• Wybór pojedynczy
• Wybór wielokrotny
• Tekst
• Pole tekstowe
• Tytuł
• Usługa sieci Web (Webservice)

Można wybrać jeden z tych typów, a następnie skonfigurować jego ustawienia. Dla pola tekstowego można ustawić: nazwę, etykietę, kolejność, tekst podpowiedzi, liczbę wierszy i kolumn, wartość domyślną oraz opcję walidacji wpisu za pomocą wyrażenia regularnego.

Po utworzeniu pola należy określić, w jakich interfejsach ma się ono wyświetlać. W tym celu przejdź do kafelka „Powierzchnie pól dynamicznych”.