OTOBO - Personalizar o Portal do Cliente

O OTOBO não possui apenas um portal para agentes, mas também um portal para clientes, ou seja, um customer portal, acessível através da URL "SEUDOMINIO/otobo/customer.pl". É nesse local que os usuários clientes (Customer User) podem fazer login. O portal do cliente permite que o usuário cliente crie novos chamados, além de visualizar e editar chamados.

Sinta-se à vontade para testar o portal do cliente com a nossa demonstração!

Criar usuários clientes para o portal do cliente

Todos os agentes com permissões de administrador podem criar novos usuários clientes.

Para criar um novo agente, é necessário acessar a área de administração e selecionar o bloco usuários clientes. Após criar um usuário cliente, este poderá fazer login no portal do cliente OTOBO. No bloco de usuários clientes, agora é possível visualizar todos os usuários clientes já criados anteriormente.

Adicionar usuários clientes ao OTOBO

Ao clicar em um desses usuários clientes, é possível editá-los, excluí-los ou marcá-los como inválidos. Para adicionar um novo usuário cliente, clique em "Criar usuário cliente".

Criar novo usuário cliente OTOBO

Para fazer login no portal do cliente (customer portal), o usuário cliente precisa de seu nome de usuário e senha. Caso o cliente tenha esquecido a senha, poderá solicitar uma nova senha enviada ao seu e-mail.

Além disso, é possível permitir que os clientes se registrem por conta própria no portal do cliente. Essa opção pode ser ativada na configuração "Customer Panel Create Account".

Se essa configuração estiver ativada, os clientes poderão se registrar diretamente pelo portal do cliente. É possível bloquear ou liberar determinados e-mails usando as configurações CustomerPanel CreateAccount::MailRestrictions::Blacklist e Whitelist, por exemplo, bloqueando domínios com nomes específicos.

Na página de login em SEUDOMINIO.de/otobo/customer.pl, existe o link "Solicitar conta", através do qual é possível criar uma nova conta. Basta informar nome, sobrenome e e-mail. Em seguida, a senha será enviada por e-mail. Para que isso funcione, é necessário que o envio de e-mails esteja configurado — há um artigo específico sobre isso:

Login no Portal do Cliente OTOBO

Para fazer login no portal do cliente, o cliente deve acessar a seguinte URL: SEUDOMINIO.de/otobo/customer.pl.

Caso tenha esquecido a senha do portal do cliente, clique em "Esqueceu a senha?". Um e-mail com um link será enviado. Após clicar no link, um segundo e-mail será enviado com a nova senha. É possível ativar ou desativar essa função de recuperação de senha na configuração do sistema "CustomerPanel LostPassword". Além disso, as configurações CustomerPanel BodyLost Password e CustomerPanel BodyLost PasswordToken permitem personalizar o e-mail com o link de recuperação e o e-mail com a nova senha.

Alterar o logotipo do Portal do Cliente

Para alterar a imagem exibida na tela de login do cliente, é necessário modificar a URL na configuração do sistema Customer Login::Settings.

Na configuração "Background", é possível definir a imagem a ser usada. Pode-se inserir uma URL para um arquivo de imagem ou um caminho para a imagem no servidor. Com a opção "LoginText", é possível alterar o texto exibido no portal do cliente.

INFO

Atualmente, não é fácil personalizar a área do agente de acordo com a identidade visual da empresa. Seria necessário modificar os arquivos .css do OTOBO. A exceção é o logotipo na tela de login e no cabeçalho do agente. Os logotipos podem ser facilmente substituídos copiando-os para o servidor e ajustando as opções AgentLoginLogo e AgentLogo em Admin -> Configuração do sistema.

Painel do Portal do Cliente OTOBO

Após fazer login no portal do cliente OTOBO, você será direcionado ao painel do portal do cliente OTOBO.

Painel do portal do cliente

Nessa tela, é possível visualizar seus últimos chamados, bem como links para ferramentas externas. No campo "Criar chamado", é possível abrir um novo chamado.

Alterar cores

Para alterar as cores da interface do cliente OTOBO, acesse:

Admin -> Configuração do sistema e modifique as seguintes configurações:

• CustomerColorDefinitions

• Para alterar as cores no painel do cliente, acesse Admin -> Configuração do sistema e pesquise por CustomerDashboard. Nos resultados da pesquisa, você encontrará todas as opções necessárias com definições de cor.

Alterar imagens e textos

Com os temas e skins do OTOBO, é possível personalizar o design de todo o helpdesk.

• 1 e 2 - Opção de configuração do sistema CustomerLogin::Settings

Remover sobreposição e marca d'água

Atualmente, não é possível remover a sobreposição e a marca d'água usada na imagem por meio da configuração do sistema. Para remover a opacidade, modifique a opção #oooLoginBG > .oooBG no arquivo

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

#oooLoginBG > .oooBG {
  position: relative;

  width: 100%;

  height: 100%;

  /* opacity: 0.45; desativar opacidade */

  background-size: cover;

  overflow: hidden;
}

Para remover a marca d'água, exclua a seguinte linha no arquivo:

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

<!-- início do login -->

<div id="oooLoginBG">

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

    <!-- remover esta linha ->
    <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

Adicione esses arquivos a um pacote opm no próximo passo para garantir que as alterações sejam permanentes.

Alterar blocos e opções do painel do cliente

Para alterar as cores no painel do cliente, acesse Admin -> Configuração do sistema e pesquise por CustomerDashboard. Nos resultados da pesquisa, você encontrará todas as opções necessárias com definições de cor.

• 1 - Para alterar a imagem, o link e o texto, use a opção de configuração do sistema CustomerDashboard::Tiles###FeaturedLink-01

• 2 - Para alterar o texto principal, use a opção de configuração do sistema CustomerDashboard::Configuration::Text

INFO

Desative as opções de configuração para blocos que não forem necessários.

Personalizar o painel do portal do cliente

É possível alterar a aparência do painel OTOBO nas configurações do sistema do portal do agente. Essas configurações estão localizadas em:

Frontend -> Customer -> ModelRegistration

É aqui que todos os elementos de navegação são definidos.

Na configuração CustomerFrontend::Navigation###CustomerDashboard###002-CustomerDashboard, o elemento superior de navegação é definido. A prioridade (Prio) permite alterar a ordem dos elementos de navegação — valores menores aparecem primeiro. Com svgIcon, é possível alterar o ícone exibido. A descrição define o texto exibido ao passar o mouse. Com Group e GroupRo, é possível desativar itens de menu para determinados usuários clientes.

A configuração CustomerDashboard::Configuration::Text permite alterar o título da página e o texto de boas-vindas.

Os blocos (tiles) localizados no caminho de configuração Frontend -> Customer -> View -> Dashboard -> Tiles permitem modificar os elementos do painel. Os blocos padrão são:

• CustomerDashboard::Tiles###PlainPicture-01 - define a imagem no painel (na parte inferior, "Overview"); é possível substituir a imagem exibida
• CustomerDashboard::Tiles###PlainText-01 - cria um bloco com texto. Por padrão, exibe "Hello World"
• CustomerDashboard::Tiles###NewTicket - é um botão para criar um chamado. É possível definir a cor do texto
• CustomerDashboard::Tiles###FeaturedLink-01 - exibe uma imagem com o texto "That's new in OTOBO"; é possível alterar a imagem de fundo, o link e o texto
• CustomerDashboard::Tiles###TicketList-01 - exibe a lista dos últimos chamados; é possível alterar a ordem, quantidade de chamados e outros detalhes
• CustomerDashboard::Tiles###ToolBox-01 - exibe ícones com links

Criar chamado no Portal do Cliente OTOBO

Na tela de criação de chamado, é possível definir vários atributos. Os campos de criação de chamado podem ser alterados na área de administração.

Campos de criação de chamado:

• Tipo: O tipo do chamado — por exemplo, Problema ou Pergunta
• Para: A fila em que o chamado será criado
• Assunto: O título do chamado
• Texto: Descrição do chamado
• Arquivos: Permite anexar arquivos ao chamado
• Prioridade: Indica a importância da resolução do chamado

Informações do chamado no portal do cliente

Após clicar em um chamado, é possível visualizar todos os artigos (assuntos, mensagens). Nas configurações do sistema, é possível definir quais atributos serão exibidos nessa tabela.

Se um campo estiver definido como 1, será exibido. Para adicionar campos dinâmicos à visualização, é necessário adicioná-los à interface de campos dinâmicos - Ticket::Frontend::CustomerTicketZoom

Editar chamados no portal do cliente

É claro que também é possível editar chamados existentes. Para isso, selecione um chamado específico e clique em "Responder". Em seguida, é possível escrever uma resposta ao chamado.

Após isso, é possível adicionar uma mensagem ao chamado e definir um novo status do chamado.

Alterar configurações no portal do cliente

No portal do cliente OTOBO, o usuário cliente pode alterar suas configurações pessoais. Para isso, passe o mouse sobre o avatar localizado no canto inferior esquerdo e clique no ícone de engrenagem. Nas configurações, é possível alterar o idioma, a senha, a quantidade de chamados exibidos e a atualização automática dos chamados.

Personalizar o Portal do Cliente OTOBO

Existem várias opções de personalização para o portal do cliente OTOBO, acessíveis pela área de administração do portal do agente. As opções de personalização estão localizadas nas configurações do sistema, em seguida em Frontend -> Customer.

Opções de configuração

• CustomerFrontend::Active - Ativa ou desativa o portal do cliente.
• CustomerPanel CreateAccount - Permite que clientes criem sua própria conta.
• CustomerPanel LostPassword - Ativa a função "Esqueceu a senha?".
• Customer Logo - Define o logotipo usado no portal do cliente.
• CustomerPanel BodyLostPassword - Define a mensagem enviada com a nova senha.
• CustomerPanel BodyLost PasswordToken - Define a mensagem enviada ao clicar em "Esqueceu a senha?".
• CustomerPanel Body NewAccount - Define a mensagem recebida por novos usuários do sistema de chamados OTOBO.
• Customer PanelCreate Account::MailRestrictions::Blacklist - Impede que usuários com determinados e-mails criem uma conta. Todos os e-mails que correspondam a essa expressão regular são bloqueados.
• CustomerPanel CreateAccount::MailRestrictions::Whitelist - Se ativado, apenas usuários cujo e-mail corresponda à expressão regular poderão criar uma conta.
• Customer PanelLogin URL - Define a URL de login do portal do cliente.

Mais campos ao criar chamado no portal do cliente

É possível adicionar mais campos ao formulário de criação de chamado. Isso é feito por meio de campos dinâmicos, que podem ser dos seguintes tipos:

• Caixa de seleção
• Dados de contato
• Banco de dados
• Data
• Data/Hora
• Seleção simples
• Seleção múltipla
• Texto
• Campo de texto
• Título
• Serviço web

Após selecionar um tipo, é possível definir as configurações do campo. Ao adicionar um campo de texto, por exemplo, é possível definir nome, rótulo, ordem do campo, texto de dica, número de linhas, número de colunas, valor padrão e se a entrada deve ser validada com uma expressão regular.

Após criar o campo, é necessário definir em quais interfaces ele será exibido. Para isso, acesse o bloco "Interfaces de campos dinâmicos".