Personalização avançada da Central de Ajuda usando HTML e CSS

Personalização avançada da Central de Ajuda usando HTML e CSS

Você pode personalizar a aparência da Central de Ajuda usando os temas básicos de cores. No entanto, ele tem suas limitações, pois não permite reconstruir o cabeçalho e o rodapé completamente como você gostaria que fosse. Aí vem a personalização avançada usando HTML e CSS (folhas de estilo em cascata) para o seu resgate. Administradores do Zoho Desk com experiência na Web podem trabalhar diretamente no HTML da Central de Ajuda e personalizar o CSS do site de acordo com seus requisitos. Sua Central de Ajuda pode até parecer uma extensão do site da sua empresa.

Com suporte para HTML personalizado, você pode adicionar ou excluir as guias da seção de cabeçalho. Você também pode aplicar definições de estilo aos elementos do seu HTML, usando o código CSS. Por exemplo, você pode escrever folhas de estilo para definir cores de fundo e texto; mova as guias para um local diferente; personalize bordas; defina os tamanhos das fontes e personalize o posicionamento dos elementos, etc.

Nota:
  • As personalizações de HTML e CSS estão disponíveis para clientes nos planos Professional e Enterprise do Zoho Desk.

Customizando o Script HTML
Personalize os elementos de cabeçalho e rodapé da Central de Ajuda usando o script HTML. Você pode personalizar o logotipo, fornecer Sign In; Inscrever-se; e links de saída, adicione o nome da empresa e assim por diante.

Para personalizar o HTML:
  1. Clique no   ícone Configuração (  ) na barra superior.
  2. Na página  Setup Landing  , clique em  Help Center  em  Channels .
  3. Na  página  Configurações de acesso , clique em  Personalização  da Central de Ajuda no painel esquerdo.
  4. Na   página Personalização da Central de Ajuda , clique em  Personalizar.
  5. Na   página Widgets , clique em  HTML  no painel esquerdo.
  6. Na página HTML, você pode personalizar os elementos para o cabeçalho , adicionando o código apropriado. 
    Além disso, você pode clicar em Rodapé para personalizar seus elementos.
  7. Clique em Visualizar para rever as alterações que você fez.
  8. Clique em Publicar.

Nota:
  • A seção HTML conterá o código dos elementos padrão no cabeçalho e rodapé.
  • Você pode clicar em Redefinir para restaurar o conteúdo HTML para o estado publicado anteriormente.

Usando espaços reservados de HTML padrão
O Zoho Desk oferece alguns espaços reservados HTML padrão que podem ser usados ​​para personalizar a Central de Ajuda. Aqui está a lista dos marcadores:
  • Casa
  • Minha área
  • Envie um ticket
  • Base de Conhecimento
  • Comunidade
  • Logotipo da empresa
  • Nome da empresa
  • Entrar /  Cadastre Fora
Para adicionar um marcador de posição:
  1. Na  Central de Ajuda Personalização página , c lamber HTML no painel esquerdo.

  2. Na página HTML , digite '$'  nas tags div para exibir uma lista dos espaços reservados.

  3. Clique em  Enter (ou Return) para adicionar um marcador de posição. Por exemplo, o logotipo da empresa.

  4. Clique em Visualizar para rever as alterações que você fez. 

  5. Clique em  Publicar.

Nota:
  • Os espaços reservados, ou seja, Início, Minha Área, Enviar um Ticket, Base de Conhecimento e Comunidade, são fornecidos com hiperlinks. Portanto, você não é obrigado a fornecer os atributos ' href '.
  • O alocador de espaço da comunidade será exibido  somente quando você tiver ativado a Comunidade para o seu Zoho Desk.

Personalizando o código CSS
Você pode usar o editor de CSS para personalizar a aparência da sua Central de Ajuda. Ele funciona permitindo que você adicione seus estilos CSS, o que substitui os estilos padrão.

              

Para personalizar o CSS:
  1. Na  Central de Ajuda Personalização  página ,  c lamber  CSS  no painel esquerdo.
  2. Na página CSS , personalize os elementos da folha de estilo.
  3. Clique em  Visualizar  para rever as alterações que você fez.

  4. Clique em  Publicar.
O CSS personalizado será aplicado a todas as páginas da sua Central de Ajuda. 

Outra maneira de personalizar o CSS é importá-lo de um recurso externo. Você pode clicar em Import CSS para carregar um arquivo CSS no Zoho Desk. Por favor, certifique-se de que você fez o upload de um arquivo CSS no formato .txt ou .css e não excede 1 MB de tamanho. 

    • Related Articles

    • Formulários da Web no Zoho Desk

      Web Forms simplificam o processo de captura de tickets de suporte do seu site para o seu Zoho Desk.Os ingressos podem ser de clientes solicitando sua ajuda ou simplesmente deixando comentários sobre seu produto. De qualquer maneira, os Web Forms são ...

    • Como personalizar a Central de Ajuda?

      Em apenas algumas etapas, você pode personalizar a plataforma da Central de Ajuda, que permite que os clientes encontrem respostas para suas consultas, seja analisando seus artigos, fóruns ou também levantando um ticket diretamente da página. Você ...

    • Personalizando a home page da Central de Ajuda

      Personalize a maneira como o conteúdo da sua Central de Ajuda é organizado usando o método simples de arrastar e soltar no Zoho Desk. Você pode adicionar seções e widgets personalizados para manter seus clientes envolvidos com o conteúdo certo no ...

    • Por que Zoho Desk?

      Sob demanda e baseado na Web  O Zoho Desk, um software de help desk on-demand, baseado na Web, permite que seus agentes se envolvam com os clientes e forneçam satisfação da maneira mais rápida e fácil. E como é tudo na nuvem, menor o custo de ...

    • Gerenciando Permissões da Central de Ajuda

      Quando você configura a Central de Ajuda, precisa determinar quem deve ter acesso a ela. Você pode permitir que qualquer pessoa acesse a Central de Ajuda ou apenas aqueles que se registraram nela. Fornecer uma Central de Ajuda aberta é um esforço ...