Skip to content

Interfejsy OTOBO

::: note Uwaga: Odróżnienie W tym artykule omawiamy interfejsy graficzne, a nie interfejsy programistyczne. Jeśli szukasz informacji na temat interfejsów programistycznych, przeczytaj:

Oraz integracje agentów i klientów:

Wykorzystanie zewnętrznych interfejsów w systemie biletowym OTOBO jest niezbędne do efektywnej i skutecznej komunikacji między Twoim helpdeskiem a użytkownikami. OTOBO to nie tylko zaawansowany system helpdesku open source, ale również oferuje szerokie możliwości integracji i dostosowania. Od ułatwienia obsługi klientów poprzez Portal Klienta OTOBO po zwiększenie efektywności dzięki zarządzanym usługom OTOBO — zakres możliwych zastosowań jest bardzo szeroki.

W trakcie rozwoju

Niektóre z prezentowanych funkcji będą dostępne dopiero w przyszłych wersjach OTOBO!

Integracja OTOBO z innymi systemami

W dobie cyfryzacji dynamiczne i przyjazne dla użytkownika rozwiązanie helpdesku jest nieodzowne. OTOBO oferuje platformę, która nie tylko wyróżnia się prostą konfiguracją (zobacz „Konfiguracja OTOBO”), ale również umożliwia obszerne dostosowanie do tożsamości Twojej firmy (zobacz „Dostosowanie OTOBO”). Interfejs OTOBO umożliwia płynną integrację z istniejącymi systemami (zobacz „Integracja OTOBO”) i ułatwia zarządzanie żądaniami serwisowymi.

Zarządzanie niestandardowymi stronami

Wykorzystaj możliwość tworzenia niestandardowych stron w systemie biletowym OTOBO, aby indywidualnie dostosować swój interfejs zewnętrzny. OTOBO pozwala w łatwy sposób dodawać i zarządzać niestandardowymi stronami, co stanowi cenną funkcję do udostępniania informacji, takich jak katalog usług czy baza wiedzy.

Dodawanie niestandardowych stron

Aby dodać nową niestandardową stronę do systemu OTOBO:

  1. Wybierz opcję „Dodaj niestandardową stronę”.
  2. Wypełnij wymagane pola własną treścią.
  3. Zapisz wprowadzone dane, aby dodać nową stronę do systemu.

Edytowanie i usuwanie niestandardowych stron

Aby edytować lub usunąć istniejące strony, przejdź przez przegląd swoich niestandardowych stron. Za pomocą opcji „Edytuj” i „Usuń” możesz wprowadzać zmiany lub usuwać strony.

Zarządzanie niestandardowymi stronami w OTOBO
Zarządzanie niestandardowymi stronami [1]

Zalety interfejsów OTOBO

Wykorzystując interfejsy OTOBO, możesz skuteczniej obsługiwać żądania helpdesku, jednocześnie budując spójną tożsamość firmy. Elastyczne opcje konfiguracji OTOBO oferują szerokie możliwości dostosowania i rozbudowy Twojego systemu (zobacz „Rozszerzenia OTOBO”, „Dodatki OTOBO”).

Zainwestuj w interfejsy OTOBO, aby zoptymalizować komunikację w firmie. Odkryj liczne funkcje OTOBO i ich potencjał w doskonaleniu Twojego helpdesku.

Konfiguracja niestandardowych stron

Podczas dodawania lub edytowania niestandardowych stron w systemie biletowym OTOBO istnieją konkretne pola, które wymagają uwagi. Te pola umożliwiają głęboką personalizację i zapewniają, że każda strona będzie odpowiadać Twoim potrzebom oraz wymaganiom Twoich użytkowników.

Tytuł wewnętrzny*
Tytuł wewnętrzny ma kluczowe znaczenie dla zarządzania w tle. Służy do łatwego identyfikowania niestandardowej strony w interfejsie. Choć to pole akceptuje znaki, w tym spacje i wielkie litery, zaleca się wybór jasnego i opisowego tytułu.

Slug*
Slug określa ścieżkę URL Twojej niestandardowej strony. Aby poprawić wydajność SEO i przyjazność dla użytkownika, używaj małych liter, cyfr i myślników zamiast spacji.

Ważność*
To kluczowe pole do kontrolowania aktywacji strony. Tylko strony oznaczone jako ważne są widoczne i dostępne dla użytkowników. Ustawienie na nieważne lub tymczasowo nieważne dezaktywuje stronę, ale pozostawia ją w systemie.

Zawartość niestandardowej strony
To główne pole do wypełnienia treścią Twojej strony. Możesz dodać tytuł i zawartość w wybranej przez Ciebie języku. Aby wspierać wiele wersji językowych, OTOBO umożliwia łatwe dodawanie nowych treści niestandardowych stron dla różnych języków.

W trakcie rozwoju

Niektóre z prezentowanych funkcji będą dostępne dopiero w przyszłych wersjach OTOBO!

Zarządzanie stroną główną

Strona główna Twojej platformy opartej na OTOBO działa jako witryna dla użytkowników. Wykorzystaj konfigurację strony głównej, aby odnieść silne pierwsze wrażenie i natychmiast udostępnić istotne informacje.

Projekt sekcji Hero

Sekcja Hero to kluczowy element projektu strony głównej. Dzięki znaczącemu tytułowi, atrakcyjnemu obrazowi tła lub kolorowi oraz możliwości nakładania obrazu i koloru możesz stworzyć wizualnie interesujące powitanie dla użytkowników.

Lista zgłoszeń
Opcjonalna sekcja, umożliwiająca zalogowanym użytkownikom wyświetlanie najnowszych lub najważniejszych zgłoszeń bezpośrednio na stronie głównej. Wyświetlanie tej listy można skonfigurować i włączyć lub wyłączyć zgodnie z preferencjami.

Teasery obrazkowe

Teasery obrazkowe to kolejny sposób na przyciągnięcie uwagi użytkowników do ważnych tematów lub działań. Umieszczone w osobnym rzędzie pozwalają na wyróżnienie wizualnych punktów na stronie głównej.

Wykorzystując możliwości dostosowania niestandardowych stron i strony głównej w OTOBO, możesz stworzyć platformę, która nie tylko jest funkcjonalna, ale również wizualnie i merytorycznie dopasowana do Twojej firmy.

Dostosowanie strony głównej za pomocą teasery obrazkowych i list linków

Wygląd strony głównej to wizytówka Twojej platformy opartej na OTOBO. Tworzy pierwsze wrażenie i kieruje użytkowników do ważnych zasobów. Teasery obrazkowe i listy linków to potężne narzędzia, które pozwalają zoptymalizować i uczynić bardziej dostępnym Twój interfejs zewnętrzny.

Projektowanie teasery obrazkowych

Teasery obrazkowe przyciągają uwagę do konkretnych tematów lub działań i oferują wizualnie atrakcyjny sposób wyróżnienia najważniejszych aspektów Twojej platformy.

Jak dodać teasery obrazkowe:

  1. Przejdź do prawego górnego rogu widgetu teasera obrazkowego i kliknij „Dodaj”.
  2. Wybierz odpowiedni obraz, który wspiera komunikat Twojego teasera.
  3. Wprowadź znaczący tytuł i uzupełniający tekst.
  4. Zdefiniuj cel linku dla użytkowników, którzy chcą dowiedzieć się więcej.
Przykład teasera obrazkowego
Teaser obrazkowy na stronie głównej [1]

Pamiętaj, że kolory i tytuły również można dostosować, aby zapewnić spójny wygląd całej strony.

W trakcie rozwoju

Niektóre z prezentowanych funkcji będą dostępne dopiero w przyszłych wersjach OTOBO!

Konfigurowanie list linków

Listy linków umożliwiają uporządkowane i przyjazne dla użytkownika prezentowanie istotnych zasobów. Są niezbędne do informacyjnej i efektywnej nawigacji.

Jak skonfigurować listy linków:

  1. Wybierz opcję „Dodaj” w prawym górnym rogu widgetu listy linków.
  2. Wprowadź zwięzły tytuł listy linków.
  3. Zdefiniuj tekst linku i jego cel, aby połączyć się z podstronami lub zewnętrznymi zasobami.
  4. Wybierz między ręcznym dodawaniem elementów a wyświetlaniem wyników wyszukiwania.
Przykład listy linków
Lista linków jako zasób informacyjny [1]

W obu przypadkach — teasery obrazkowe i listy linków — zaleca się strategiczne planowanie, aby treści były nie tylko estetyczne, ale również funkcjonalne i wartościowe dla użytkownika.

Karty treści: kolejny element projektowy

Karty treści, podobnie jak teasery obrazkowe i listy linków, są pomocnym elementem do wyróżnienia ofert serwisowych i informacji. Możesz dodać do trzech kart treści, każda z własnym tytułem, tekstem i linkiem „więcej”.

Przykład karty treści
Karta treści do szczegółowego przedstawienia [1]

Poprawne wykorzystanie tych elementów przyczynia się nie tylko do dynamicznej i atrakcyjnej strony głównej, ale również ułatwia nawigację i wyszukiwanie informacji dla odwiedzających Twoją stronę.

Uwaga dotycząca przyszłych aktualizacji

Chociaż opisane powyżej funkcje umożliwiają już szerokie dostosowanie, ważne jest, aby pamiętać, że OTOBO jest ciągle rozwijany. Przyszłe wersje prawdopodobnie oferują dodatkowe możliwości dostosowania i nowe funkcje. Dlatego bądź na bieżąco i regularnie sprawdzaj aktualizacje oraz nowe funkcje, aby dalej doskonalić swoją platformę.

Personalizacja interfejsu zewnętrznego w OTOBO: kompleksowy przewodnik

Wygląd i wrażenie Twojej platformy opartej na OTOBO odgrywają kluczową rolę w tym, jak użytkownicy wchodzą w interakcję z Twoim helpdeskiem. Dostosowanie układu pozwala nie tylko wzmocnić tożsamość marki, ale również poprawić użyteczność. Dowiedz się, jak dostosować interfejs zewnętrzny za pomocą modułu układu.

Zmiana domyślnego układu

Nowa instalacja OTOBO posiada już atrakcyjny domyślny układ. Możesz jednak modyfikować wszystkie aspekty projektu zgodnie z wytycznymi brandingowymi, aby stworzyć unikalny interfejs użytkownika.

Ekran edycji układu w OTOBO
Ekran edycji układu [1]

Kluczowe elementy układu

Logo: Wyraźne logo w lewym górnym rogu wzmocni obecność Twojej marki. Zaleca się użycie obrazu PNG, który jest wyraźny i rozpoznawalny.

Favicon: Favicon to mały obrazek wyświetlany na pasku adresu przeglądarki. Dobre favicon zwiększa rozpoznawalność Twojej platformy.

Kolor podstawowy i akcentowy: Te kolory są kluczowe dla wrażenia wizualnego na Twoich stronach. Powinny odzwierciedlać kolory Twojej firmy i pasować do ogólnego wyglądu strony.

Domyślny avatar: Jednolity avatar zapewnia spójność wizualną we wszystkich wychodzących komunikatach i wzmacnia poczucie wspólnoty.

Własny CSS: Dla bardziej zaawansowanych dostosowań możesz dodać własny CSS. To pozwala dostosować niemal każdy aspekt interfejsu użytkownika według własnych preferencji.

Widget dla własnego CSS w OTOBO
Widget dla własnego CSS [1]

Zaawansowane dostosowania za pomocą własnych skryptów

Aby rozszerzyć funkcjonalność Twojej platformy, możesz dołączyć własne skrypty. Jest to przydatne do zintegrowanych rozwiązań, takich jak usługi czatu czy analizy internetowe.

Przykład: dołączanie narzędzi analitycznych

Dołączanie zewnętrznych skryptów, takich jak fragmenty kodu dostarczane przez dostawców analiz, pozwala śledzić i analizować zachowanie użytkowników. Te skrypty można bezpiecznie wstawić do OTOBO i dostarczają cenne informacje wspierające optymalizację doświadczenia użytkownika.

Standardy bezpieczeństwa

Interfejs zewnętrzny OTOBO opiera się na wysokich standardach bezpieczeństwa i wykorzystuje nagłówki Content Security Policy (CSP), aby zapewnić, że wykonywany jest tylko zaufany kod. Ten mechanizm ochrony gwarantuje, że nawet jeśli nieoczekiwany kod dotrze do klienta, przeglądarka go nie wykona.

Konfiguracja własnych skryptów

Dołączenie dodatkowych skryptów do Twojego interfejsu zewnętrznego można wykonać w następujący sposób:

  • ExternalFrontend::ExternalScripts dla zewnętrznych skryptów.
  • ExternalFrontend::InlineScripts dla skryptów inline.
  • WebApp::Server::AdditionalOrigins do określania dodatkowych źródeł.

Te ustawienia znajdziesz w konfiguracji systemu.

Podsumowanie dołączania skryptów

Personalizacja układu Twojej platformy OTOBO to skuteczny sposób na nawiązanie mostu między tożsamością Twojej marky a użytkownikami helpdesku. Poprzez staranne dostosowanie elementów projektowych i dołączenie własnych skryptów możesz zapewnić spersonalizowane i bezpieczne doświadczenie użytkownika.

  1. Dodanie zewnętrznego źródła skryptu do białej listy:

    • Przejdź do ekranu Konfiguracja systemu.
    • Wyszukaj ustawienie WebApp::Server::AdditionalOrigins.
    • Edytuj to ustawienie, aby dodać lokalizację zewnętrznego źródła skryptu (np. https://www.example.com).
  2. Zezwolenie na skrypty inline i operacje eval:

    • Może to być bardziej skomplikowane, ponieważ może być konieczna bezpośrednia zmiana ustawienia Content-Security-Policy serwera WWW lub serwera proxy, aby zezwolić na skrypty inline i operacje 'eval'.
    • Jeśli Twoja instalacja OTOBO pozwala na dostęp do tych głębszych ustawień serwera WWW lub serwera proxy, poszukaj opcji zmiany polityki script-src CSP i dodaj unsafe-inline oraz unsafe-eval.
  3. Zastosowanie zmian po dodaniu:

    • Zapisz wszystkie zmienione ustawienia i upewnij się, że nowa konfiguracja systemu została aktywowana.
    • Uruchom ponownie polecenie bin/otobo.WebServer.pl --deploy-assets, aby upewnić się, że wszystkie zasoby zostały poprawnie ponownie wdrożone, a zmiany zostały zastosowane.

Sprawdzenie zmian

Po wprowadzeniu tych zmian i ponownym zbudowaniu aplikacji interfejsu zewnętrznego, przeładuj swoją stronę internetową i sprawdź, czy zewnętrzne i inline skrypty są teraz poprawnie ładowane i wykonywane.

Wskazówki bezpieczeństwa:

  • Ważne jest, aby pamiętać, że dodanie unsafe-inline i unsafe-eval do Twojej CSP może potencjalnie osłabić bezpieczeństwo aplikacji internetowej, ponieważ zwiększa ryzyko ataków typu Cross-Site Scripting (XSS). Upewnij się, że wprowadzasz te zmiany tylko dla zaufanych źródeł skryptów.
  • Dodawanie źródeł zewnętrznych do białej listy w CSP to potężna funkcja, która pomaga zachować bezpieczeństwo, gwarantując, że ładowane są tylko treści z zaufanych źródeł. Każde dodanie powinno być dokładnie sprawdzone.

Dołączanie zewnętrznych zasobów skryptowych i dodawanie kodu inline do OTOBO wymaga starannego planowania i konfiguracji, szczególnie z uwzględnieniem aspektów bezpieczeństwa. Poprzez dokładne wykonanie powyższych kroków możesz rozszerzyć funkcjonalność swojego helpdesku OTOBO, nie naruszając bezpieczeństwa użytkowników.

Zasady bezpieczeństwa przy dodawaniu zewnętrznych zasobów do białej listy

Integracja zewnętrznych skryptów i zasobów może rozszerzyć funkcjonalność OTOBO i otworzyć nowe możliwości komunikacji helpdesku. Jak wyjaśniono wcześniej, ważne jest, aby zdawać sobie sprawę z potencjalnych ryzyk bezpieczeństwa. Każda dodana zewnętrzna zasada niesie ryzyko niepożądanych wpływów na Twoją aplikację. Dlatego należy zezwalać tylko na zaufane źródła.

Proces dodawania do białej listy

Dodając zasoby do białej listy w OTOBO za pomocą ustawienia WebApp::Server::AdditionalOrigins dla różnych polityk CSP, takich jak script-src, img-src itp., konsola przeglądarki może pomóc zidentyfikować nieudane próby ładowania blokowane przez CSP. Postępując zgodnie z tymi wskazówkami, możesz zapewnić użytkownikom bezpieczne i efektywne doświadczenie.

Ważne do zapamiętania

  • Minimalizuj ryzyka bezpieczeństwa: Unikaj dodawania do białej listy nieznanych lub niepewnych źródeł.
  • Regularne przeglądy: Okresowo sprawdzaj źródła, aby upewnić się, że nadal są bezpieczne.
  • Ogranicz dostęp: Dodawaj do białej listy tylko niezbędne zasoby, aby zminimalizować ryzyko ataku.

Przyszłe funkcje: Katalog usług klienta

Przegląd nadchodzących funkcji w OTOBO obejmuje Katalog usług klienta. Ta funkcja pozwoli Ci tworzyć kategorie i elementy specjalnie przeznaczone do użytku w interfejsie zewnętrznym. Choć ta funkcja jest jeszcze w trakcie rozwoju, obiecuje dalsze poprawy w komunikacji i ofertach serwisowych Twojego helpdesku.

WARNING

W przypadku korzystania z tych zaawansowanych funkcji lub poszukiwania specjalnych dostosowań, które jeszcze nie są dostępne, nie wahaj się skontaktować z obsługą klienta OTOBO. Eksperci OTOBO są zawsze gotowi, by znaleźć indywidualne rozwiązania i podnieść Twoją platformę na wyższy poziom.

Podsumowanie

Dostosowanie Twojej platformy OTOBO poprzez dodawanie zewnętrznych skryptów i zasobów otwiera szeroki wachlarz możliwości. Jednak kluczowe jest zapewnienie bezpieczeństwa aplikacji i zaufania do źródeł. Dzięki odpowiedniej ostrożności i regularnym aktualizacjom zapewnisz bezpieczne i płynne korzystanie z platformy helpdesku.

Skuteczne zarządzanie katalogiem usług klienta w OTOBO

W ramach podniesienia jakości obsługi klienta, OTOBO oferuje możliwość tworzenia i zarządzania kompleksowym katalogiem usług klienta. Ten moduł, podzielony na dwie główne części — zarządzanie kategoriami i zarządzanie elementami — umożliwia uporządkowane i efektywne prezentowanie usług i zasobów.

Zarządzanie kategoriami

Zarządzanie kategoriami pozwala grupować podobne elementy w logicznych grupach. Ułatwia to użytkownikom wyszukiwanie konkretnych ofert lub informacji w ramach Twojej platformy.

Dodawanie nowych kategorii

Aby dodać nową kategorię do katalogu:

  1. Dostęp do zarządzania kategoriami: Wybierz opcję „Przejdź do zarządzania kategoriami” lub przejdź przez moduł „Zarządzanie kategoriami”.
  2. Nowa kategoria: Kliknij „Dodaj kategorię”.
  3. Wypełnij szczegóły: Uzupełnij wymagane pola informacjami o kategorii.
  4. Zapisz: Potwierdź kliknięciem „Zapisz”.
Ekran dodawania kategorii
Dodawanie nowej kategorii [1]

Edytowanie i usuwanie kategorii

Aby edytować lub usunąć istniejące kategorie, postępuj podobnie, ale tym razem wybierz odpowiednią kategorię z listy i wybierz „Edytuj” lub użyj ikony kosza, aby usunąć.

Zarządzanie elementami

Elementy reprezentują konkretne oferty, usługi lub źródła informacji, pogrupowane w odpowiednich kategoriach.

Jak dodać elementy

  1. Dostęp do zarządzania elementami: Wybierz „Przejdź do zarządzania elementami” lub użyj modułu „Zarządzanie elementami”.
  2. Dodaj element: Kliknij przycisk „Dodaj element”.
  3. Wprowadź informacje: Wypełnij wymagane pola szczegółami dotyczącymi elementu.
  4. Zapisz: Kliknij „Zapisz”, aby dodać element do katalogu.
Ekran dodawania elementu
Dodawanie nowego elementu [1]

Dostosowanie i organizacja

Katalog usług klienta oferuje szerokie możliwości dostosowania, w tym przypisywanie elementów do podkategorii oraz wybór konkretnych języków dla różnych kategorii i elementów. Ta elastyczność pozwala stworzyć spersonalizowany i dostępny katalog dla Twoich użytkowników, niezależnie od ich preferowanego języka czy indywidualnych zainteresowań.

Uwaga dotycząca ważności

Aby skutecznie wykorzystać katalog usług klienta, kluczowe jest monitorowanie ważności kategorii i elementów. Element lub kategoria jest widoczna i dostępna dla użytkowników tylko wtedy, gdy ważność jest ustawiona na „ważne”.

Podsumowanie

Katalog usług klienta w OTOBO to potężne narzędzie do strukturyzacji i prezentacji oferty. Dzięki celowemu zarządzaniu kategoriami i elementami możesz stworzyć przejrzysty i przyjazny dla użytkownika portfel usług, który spełnia potrzeby i oczekiwania Twoich klientów.

Edytowanie elementów w katalogu usług klienta OTOBO

Zarządzanie elementami w Twoim katalogu usług klienta OTOBO jest proste i intuicyjne. Możesz w każdej chwili edytować elementy, aby zaktualizować informacje, lub usuwać je, gdy nie są już potrzebne. Poniżej szczegółowy przewodnik, jak wykonać te działania.

Edytowanie elementów

Gdy zmienią się informacje o ofercie lub chcesz poprawić błąd, postępuj zgodnie z poniższymi krokami, aby edytować elementy w katalogu usług klienta:

  1. Wybierz element: Przejdź do ekranu zarządzania elementami. Przeszukaj listę i kliknij element, który chcesz edytować.

  2. Wprowadź zmiany: Na ekranie edycji możesz aktualizować różne pola elementu.

  3. Zapisz zmiany: Po wprowadzeniu wymaganych zmian kliknij „Zapisz” lub „Zapisz i zakończ”, aby potwierdzić.

Ekran edycji elementu
Edycja elementu w katalogu usług klienta [1]

Usuwanie elementów

Wykonaj poniższe kroki, aby usunąć element z katalogu usług klienta:

  1. Znajdź element do usunięcia: Na stronie zarządzania elementami wyszukaj element, który chcesz usunąć.

  2. Rozpocznij usuwanie: Kliknij ikonę kosza obok wybranego elementu.

  3. Potwierdź usunięcie: Zostanie wyświetlone okno potwierdzenia. Kliknij „Potwierdź”, aby zakończyć usuwanie.

Ekran usuwania elementu
Usuwanie elementu z katalogu usług klienta [1]

Wskazówki dotyczące efektywnego zarządzania

  • Używaj filtrów: Jeśli Twój katalog zawiera wiele elementów, użyj pola filtrującego, aby szybko znaleźć konkretne elementy wpisując ich nazwę.
  • Wsparcie wielojęzyczne: Podczas dodawania lub edytowania elementu możesz dodać treści w różnych językach, aby dotrzeć do szerszego grona odbiorców.
  • Przypisywanie kategorii: Aby lepiej zorganizować i ułatwić wyszukiwanie ofert, starannie przypisz każdy element do jednej lub więcej kategorii.

Ważne ustawienia elementów

  • Tytuł wewnętrzny: Ten tytuł pomaga w zarządzaniu katalogiem, ale nie jest widoczny dla użytkowników końcowych.
  • Ważność: Tylko elementy oznaczone jako ważne są wyświetlane w interfejsie zewnętrznym. Wykorzystaj to ustawienie, aby tymczasowo dezaktywować oferty bez ich usuwania.
  • Zlokalizowana treść: Zdefiniuj tytuły, teksty i linki dla każdego języka, aby Twoje elementy były informacyjne i atrakcyjne.

Dzięki tym funkcjom OTOBO oferuje szerokie możliwości sensownej organizacji i ciągłego aktualizowania katalogu usług klienta.