Interfaces do OTOBO

::: note Desambiguação Este artigo trata de interfaces gráficas e não de interfaces de programação (APIs). Se você estiver procurando informações sobre APIs, consulte:

• API REST do OTOBO.
• Serviços Web do OTOBO.

Além disso, sobre integração de agentes e clientes:

• Integração de Agentes OTOBO (LDAP e BD).
• Integração de Clientes (Empresas) OTOBO (LDAP e BD).
• Integração de Usuários Clientes OTOBO (LDAP e BD). :::

O uso de interfaces externas no sistema de tickets OTOBO é essencial para uma comunicação eficiente e eficaz entre seu service desk e seus usuários. OTOBO não é apenas um sistema avançado de helpdesk e tickets de código aberto, mas também oferece diversas possibilidades de integração e personalização. Desde a facilitação do suporte ao cliente através do Portal do Cliente OTOBO até o aumento da eficiência com os Serviços Gerenciados OTOBO, o leque de possibilidades é amplo.

Em desenvolvimento

Algumas das funções apresentadas serão liberadas apenas em versões futuras do OTOBO!

Integração do OTOBO com outros sistemas

Em tempos de digitalização, uma solução dinâmica e amigável para service desk é indispensável. OTOBO oferece uma plataforma que se destaca não apenas pela facilidade de configuração (veja "Configurar OTOBO"), mas também por amplas opções de personalização para sua identidade corporativa (veja "Personalização do OTOBO"). A interface do OTOBO permite uma integração perfeita com sistemas existentes (veja "Integração do OTOBO") e facilita a gestão de solicitações de serviço.

Gerenciamento de páginas personalizadas

Aproveite a possibilidade de criar páginas personalizadas no sistema de tickets OTOBO para adaptar sua interface externa de forma individual. OTOBO permite adicionar e gerenciar páginas personalizadas de maneira simples, o que representa um recurso valioso para disponibilizar informações como catálogo de serviços e base de conhecimento.

Adicionar páginas personalizadas

Para adicionar uma nova página personalizada ao seu sistema OTOBO:

1. Selecione a opção "Adicionar página personalizada".
2. Preencha os campos necessários com seu conteúdo.
3. Salve suas entradas para adicionar a nova página ao sistema.

Editar e excluir páginas personalizadas

Para editar ou excluir páginas existentes, navegue pela lista de suas páginas personalizadas. Pelas opções "Editar" e "Excluir", você pode fazer ajustes ou remover páginas.

Gerenciamento de páginas personalizadas [1]

Vantagens das interfaces do OTOBO

Ao utilizar as interfaces do OTOBO, suas solicitações de service desk podem ser tratadas com mais eficiência, ao mesmo tempo que você constrói uma identidade corporativa sólida. As opções flexíveis de configuração do OTOBO oferecem ainda amplas possibilidades de personalização e expansão do seu sistema (veja "Extensão do OTOBO", "Add-ons do OTOBO").

Invista nas interfaces do OTOBO para otimizar os canais de comunicação da sua empresa. Descubra as inúmeras funções do OTOBO e seu potencial para melhorar seu service desk.

Configuração de páginas personalizadas

Ao adicionar ou editar páginas personalizadas no sistema de tickets OTOBO, existem campos específicos que exigem atenção. Esses campos permitem uma personalização profunda e garantem que cada página atenda exatamente às suas necessidades e aos requisitos de seus usuários.

Título interno*
O título interno é essencial para a gestão no backend. É usado para identificar facilmente sua página personalizada na interface. Embora este campo aceite caracteres flexíveis, incluindo espaços e letras maiúsculas, recomenda-se escolher um título claro e descritivo.

Slug*
O slug define o caminho da URL da sua página personalizada. Para melhor desempenho em SEO e usabilidade, utilize letras minúsculas, números e hífens em vez de espaços.

Validade*
Um campo essencial para controlar a ativação da sua página. Apenas páginas marcadas como válidas podem ser vistas e acessadas pelos usuários. Ao definir como inválida ou temporariamente inválida, a página é desativada, mas permanece no sistema.

Conteúdo da página personalizada
A área principal para preencher sua página com conteúdo. Você pode inserir tanto o título quanto o conteúdo da página no idioma desejado. Para suportar múltiplas versões linguísticas, o OTOBO permite adicionar facilmente novos conteúdos personalizados para diferentes idiomas.

Em desenvolvimento

Algumas das funções apresentadas serão liberadas apenas em versões futuras do OTOBO!

Gerenciamento da página inicial

A página inicial da sua plataforma baseada no OTOBO serve como vitrine para seus usuários. Use a configuração da página inicial para causar uma forte primeira impressão e tornar informações importantes imediatamente acessíveis.

Design da Hero Unit

A Hero Unit é um componente central no design da sua página inicial. Com um título impactante, uma imagem ou cor de fundo atraente e a possibilidade de sobrepor imagem e cor, você pode criar uma saudação visualmente agradável para seus usuários.

Lista de tickets
Uma área opcional para exibir diretamente na página inicial os tickets mais recentes ou relevantes para usuários autenticados. A exibição desta lista é configurável e pode ser ativada ou desativada conforme suas preferências.

Teasers de imagem

Teasers de imagem são outro método para chamar a atenção dos usuários para temas ou ações importantes. Posicionados em uma linha separada, oferecem a possibilidade de destacar visualmente elementos na sua página inicial.

Ao utilizar as opções de personalização de páginas personalizadas e da página inicial no OTOBO, você pode criar uma plataforma que não apenas funcional, mas também visual e conteudisticamente adaptada à sua empresa.

Personalização da página inicial com teasers de imagem e listas de links

O design da sua página inicial é a vitrine da sua plataforma baseada no OTOBO. Oferece a primeira impressão e direciona os usuários para recursos importantes. Teasers de imagem e listas de links são ferramentas poderosas para otimizar e tornar acessível sua interface externa.

Criação de teasers de imagem

Teasers de imagem atraem a atenção para temas ou ações específicas e oferecem um método visualmente agradável de destacar aspectos importantes da sua plataforma.

Como adicionar teasers de imagem:

1. Vá ao canto superior direito do widget de teaser de imagem e clique em "Adicionar".
2. Escolha uma imagem adequada que apoie a mensagem do seu teaser.
3. Insira um título significativo e um texto complementar.
4. Defina o destino do link para usuários que desejam saber mais.

Teasers de imagem na página inicial [1]

Observe que cores e títulos também podem ser personalizados para garantir uma estética harmoniosa geral do seu site.

Em desenvolvimento

Algumas das funções apresentadas serão liberadas apenas em versões futuras do OTOBO!

Configuração de listas de links

Listas de links oferecem a possibilidade de apresentar recursos relevantes de forma estruturada e amigável ao usuário. São essenciais para uma navegação informativa e eficiente.

Como configurar listas de links:

1. Selecione "Adicionar" no canto superior direito do widget de lista de links.
2. Insira um título conciso para a lista de links.
3. Defina o texto do link e o destino para vincular a páginas detalhadas ou recursos externos.
4. Escolha entre adicionar elementos manualmente ou exibir resultados de busca.

Lista de links como recurso informativo [1]

Em ambas as opções — teasers de imagem e listas de links — recomenda-se um planejamento estratégico para garantir que os conteúdos sejam não apenas esteticamente agradáveis, mas também funcionais e valiosos para o usuário.

Cartões de conteúdo: outro elemento de design

Cartões de conteúdo são, assim como teasers de imagem e listas de links, um elemento útil para destacar seus serviços e informações. Você pode adicionar até três cartões de conteúdo, cada um com título próprio, texto e link para "saber mais".

Cartão de conteúdo para apresentação detalhada [1]

O uso correto desses elementos contribui não apenas para uma página inicial viva e atraente, mas também facilita a navegação e a localização de informações para os visitantes do seu site.

Observação sobre futuras atualizações

Embora as funções descritas acima já permitam uma personalização versátil, é importante lembrar que o OTOBO está em constante evolução. Versões futuras provavelmente trarão mais opções de personalização e funcionalidades. Portanto, mantenha-se atualizado e verifique regularmente novas atualizações e recursos para continuar aprimorando sua plataforma.

Personalização da interface externa no OTOBO: um guia completo

A aparência e a sensação da sua plataforma baseada no OTOBO desempenham um papel crucial na forma como os usuários interagem com seu service desk. Ao personalizar o layout, você não apenas fortalece a identidade da marca, mas também melhora a usabilidade. Veja como personalizar a interface externa usando o módulo de layout.

Alteração do layout padrão

Uma nova instalação do OTOBO já possui um layout padrão atraente. No entanto, você pode modificar todos os aspectos do design de acordo com suas diretrizes de marca para criar uma interface única.

Tela de edição de layout [1]

Elementos essenciais do layout

Logo: Um logo marcante no canto superior esquerdo reforça a presença da sua marca. Recomenda-se o uso de uma imagem PNG clara e reconhecível.

Favicon: O favicon é a pequena imagem exibida na barra de URL do navegador. Um favicon bem escolhido aumenta o reconhecimento da sua plataforma.

Cor primária e cor de destaque: Essas cores são centrais para a experiência visual nas suas páginas. A escolha deve refletir as cores da sua empresa e contribuir para a estética geral do site.

Avatar padrão: Um avatar uniforme cria continuidade visual em todas as comunicações de saída e reforça o senso de comunidade.

CSS personalizado: Para personalizações mais profundas, você pode adicionar seu próprio CSS. Isso permite adaptar quase todos os aspectos da interface conforme desejar.

Widget de CSS personalizado [1]

Personalizações avançadas com scripts próprios

Para expandir as funcionalidades da sua plataforma, você pode incorporar seus próprios scripts. Isso é útil para soluções integradas como serviços de chat ou análise web.

Exemplo: incorporação de ferramentas de análise web

Incorporar scripts externos, como trechos de código fornecidos por fornecedores de análise, permite rastrear e analisar o comportamento do usuário. Esses scripts podem ser inseridos com segurança no OTOBO e fornecem insights valiosos para otimizar a experiência do usuário.

Padrões de segurança

A interface externa do OTOBO adota altos padrões de segurança e utiliza cabeçalhos de Política de Segurança de Conteúdo (CSP) para garantir que apenas código confiável seja executado. Esse mecanismo de proteção assegura que, mesmo que código inesperado chegue ao cliente, o navegador não o execute.

Configuração de scripts próprios

A incorporação de scripts adicionais na sua interface externa pode ser feita da seguinte forma:

• ExternalFrontend::ExternalScripts para scripts externos.
• ExternalFrontend::InlineScripts para scripts embutidos (inline).
• WebApp::Server::AdditionalOrigins para especificar origens adicionais.

Essas configurações estão disponíveis na configuração do sistema.

Resumo da incorporação de scripts

Personalizar o layout da sua plataforma OTOBO é uma maneira eficaz de criar uma ponte entre a identidade da sua marca e os usuários do seu service desk. Com ajustes cuidadosos nos elementos de design e a incorporação de scripts próprios, você pode oferecer uma experiência personalizada e segura.

1. Incluir a fonte do script externo na lista de permissões (whitelist):

   • Navegue até a tela Configuração do sistema.
   • Procure pela configuração WebApp::Server::AdditionalOrigins.
   • Edite essa configuração para adicionar o local da fonte do script externo (por exemplo, https://www.exemplo.com).

2. Permitir scripts embutidos (inline) e operações de avaliação (eval):

   • Isso pode ser mais complexo, pois pode exigir alterar diretamente a configuração da Política de Segurança de Conteúdo (CSP) do servidor web ou de um servidor proxy para permitir scripts inline e operações 'eval'.
   • Se sua instalação do OTOBO permitir acesso a essas configurações mais profundas, procure opções para modificar a diretiva script-src da CSP e adicione unsafe-inline e unsafe-eval.

3. Aplicar as alterações após adicionar:

   • Salve todas as configurações alteradas e certifique-se de que a nova configuração do sistema entre em vigor.
   • Execute novamente o comando bin/otobo.WebServer.pl --deploy-assets para garantir que todos os recursos sejam corretamente reimplantados e as alterações aplicadas.

Verificação das alterações

Após realizar essas alterações e reconstruir a aplicação da interface externa, recarregue seu site e verifique se os scripts externos e embutidos estão sendo carregados e executados corretamente.

Avisos de segurança:

• É importante notar que adicionar unsafe-inline e unsafe-eval à sua CSP pode potencialmente reduzir a segurança da sua aplicação web, pois amplia a possibilidade de ataques de Cross-Site Scripting (XSS). Certifique-se de fazer essas alterações apenas para fontes de scripts confiáveis.
• A inclusão de origens externas na CSP é uma funcionalidade poderosa que ajuda a manter a segurança, garantindo que apenas conteúdos de fontes confiáveis sejam carregados. Cada adição deve ser cuidadosamente verificada.

Incorporar recursos de scripts externos e adicionar código embutido ao OTOBO exige planejamento e configuração cuidadosos, especialmente considerando os aspectos de segurança. Ao seguir os passos acima, você pode expandir a funcionalidade do seu service desk OTOBO sem comprometer a segurança dos seus usuários.

Diretrizes de segurança ao incluir recursos externos na lista de permissões

A integração de scripts e recursos externos pode expandir a funcionalidade do OTOBO e abrir novas possibilidades para a comunicação do seu service desk. Como explicado nos passos anteriores, é importante estar ciente dos riscos potenciais de segurança. Cada recurso externo adicionado traz a possibilidade de influências indesejadas na sua aplicação. Portanto, apenas fontes confiáveis devem ser permitidas.

O processo de inclusão na lista de permissões (whitelist)

Ao incluir recursos na lista de permissões no OTOBO por meio da configuração WebApp::Server::AdditionalOrigins para diferentes diretivas CSP como script-src, img-src, etc., o console do navegador ajuda a identificar tentativas de carregamento com erro bloqueadas pela CSP. Seguindo essas instruções, você pode oferecer aos seus usuários uma experiência segura e eficiente.

Importante observar

• Minimizar riscos de segurança: Evite incluir fontes desconhecidas ou inseguras na lista de permissões.
• Revisões regulares: Verifique periodicamente as fontes para garantir que continuem seguras.
• Limitar o acesso: Inclua na lista de permissões apenas os recursos necessários para minimizar o risco de ataques.

Futuras funcionalidades: Catálogo de Serviço ao Cliente

Um vislumbre das próximas funcionalidades no OTOBO é o Catálogo de Serviço ao Cliente. Esta área permitirá criar categorias e itens especificamente para uso na interface externa. Embora esta funcionalidade ainda esteja em desenvolvimento, promete melhorar ainda mais a comunicação e as ofertas de serviço do seu helpdesk.

WARNING

Para utilizar esses recursos avançados ou se você estiver procurando personalizações especiais ainda não disponíveis, não hesite em contatar o serviço ao cliente do OTOBO. Os especialistas do OTOBO estão sempre prontos para encontrar soluções personalizadas e elevar sua plataforma ao próximo nível.

Resumo

Personalizar sua plataforma OTOBO com a adição de scripts e recursos externos abre um amplo leque de possibilidades. No entanto, é essencial garantir a segurança da sua aplicação e a confiabilidade das fontes. Com cautela adequada e atualizações regulares, você assegura um uso seguro e fluido da sua plataforma de service desk.

Gestão eficaz do Catálogo de Serviço ao Cliente no OTOBO

Como parte de um atendimento ao cliente aprimorado, o OTOBO oferece a possibilidade de criar e gerenciar um catálogo abrangente de serviço ao cliente. Este módulo, dividido em dois componentes principais — gerenciamento de categorias e gerenciamento de itens — permite uma apresentação estruturada e eficiente dos seus serviços e recursos.

Gerenciamento de categorias

O gerenciamento de categorias permite agrupar itens semelhantes em grupos lógicos. Isso facilita aos usuários encontrar ofertas ou informações específicas dentro da sua plataforma.

Adicionar novas categorias

Para adicionar uma nova categoria ao seu catálogo:

1. Acessar o gerenciamento de categorias: Selecione a opção “Ir para gerenciamento de categorias” ou navegue pelo módulo "Gerenciamento de categorias".
2. Nova categoria: Clique em "Adicionar categoria".
3. Preencher detalhes: Preencha os campos necessários com informações sobre a categoria.
4. Salvar: Confirme suas entradas clicando em "Salvar".

Adicionando uma nova categoria [1]

Editar e excluir categorias

Para editar ou remover categorias existentes, siga um procedimento semelhante, mas selecione a categoria desejada na lista e escolha "Editar" ou use o ícone da lixeira para excluir.

Gerenciamento de itens

Itens representam ofertas, serviços ou fontes de informação concretas, agrupadas nas respectivas categorias.

Como adicionar itens

1. Acessar o gerenciamento de itens: Selecione "Ir para gerenciamento de itens" ou use o módulo "Gerenciamento de itens".
2. Adicionar item: Clique no botão "Adicionar item".
3. Inserir informações: Preencha os campos necessários com detalhes sobre o item.
4. Salvar: Ao clicar em "Salvar", o item será adicionado ao seu catálogo.

Adicionando um novo item [1]

Personalização e organização

O catálogo de serviço ao cliente oferece diversas opções de personalização, incluindo a atribuição de itens a subcategorias e a seleção de idiomas específicos para diferentes categorias e itens. Essa flexibilidade permite criar um catálogo sob medida e acessível para seus usuários, independentemente do idioma preferido ou interesses específicos.

Observação sobre validade

Para um uso eficaz do catálogo de serviço ao cliente, é essencial monitorar a validade de suas categorias e itens. Um item ou categoria só será visível e acessível aos usuários se a validade estiver definida como "válida".

Conclusão

O catálogo de serviço ao cliente no OTOBO é uma ferramenta poderosa para estruturar e apresentar suas ofertas. Com a gestão direcionada de categorias e itens, você pode criar um portfólio de serviços claro e amigável, atendendo às necessidades e requisitos de seus clientes.

Editar itens no catálogo de serviço ao cliente do OTOBO

A gestão dos itens no seu catálogo de serviço ao cliente OTOBO é simples e intuitiva. Você pode editar itens a qualquer momento para atualizar suas informações ou excluí-los quando não forem mais necessários. Aqui está um guia detalhado sobre como realizar essas ações.

Editar itens

Quando as informações da sua oferta mudam ou você deseja corrigir um erro, siga estes passos para editar itens no seu catálogo de serviço ao cliente:

1. Selecionar o item: Navegue até a tela de gerenciamento de itens. Procure na lista e clique no item que deseja editar.

2. Fazer alterações: Na tela de edição, você pode atualizar os diferentes campos do item.

3. Salvar alterações: Após fazer os ajustes necessários, clique em "Salvar" ou "Salvar e sair" para confirmar as alterações.

Editando um item no catálogo de serviço ao cliente [1]

Excluir itens

Siga estes passos simples para remover um item do seu catálogo de serviço ao cliente:

1. Localizar o item a ser excluído: Na página de gerenciamento de itens, procure o item que deseja remover.

2. Iniciar exclusão: Clique no ícone da lixeira ao lado do item desejado.

3. Confirmar exclusão: Um diálogo de confirmação será exibido. Clique em "Confirmar" para concluir a exclusão.

Removendo um item do catálogo de serviço ao cliente [1]

Dicas para gerenciamento eficiente

• Usar filtros: Se seu catálogo contém muitos itens, use o campo de filtro para acesso rápido a itens específicos digitando seu nome.
• Suporte multilíngue: Ao adicionar ou editar um item, você pode incluir conteúdos em vários idiomas para atingir um público mais amplo.
• Atribuição de categorias: Para melhor organização e localização de suas ofertas, atribua cuidadosamente um ou mais categorias a cada item.

Configurações importantes dos itens

• Título interno: Este título ajuda no gerenciamento do seu catálogo, mas não é visível para usuários finais.
• Validade: Apenas itens marcados como válidos são exibidos na interface externa. Use esta configuração para desativar temporariamente ofertas sem excluí-las.
• Conteúdo localizado: Defina títulos, textos e links para cada idioma para tornar seus itens informativos e atraentes.

Com essas funcionalidades, o OTOBO oferece amplas possibilidades para organizar e atualizar continuamente seu catálogo de serviço ao cliente de forma significativa.