# Personalização do Portal de Autoatendimento O Portal de Autoatendimento pode ser projetado e personalizado pelo administrador para exibi-lo da maneira que ele/ela deseja que os usuários o visualizem. Essa opção de personalização permite ao administrador reorganizar, restaurar, adicionar, excluir, ocultar e redimensionar os widgets. Os widgets podem ser posicionados em qualquer lugar da tela e redimensionados facilmente por arrastar e expandir/comprimir. Para acessar isso, vá para **Admin > Configurações Gerais > Configurações Avançadas do Portal > Personalização** e clique em **Personalizar Portal de Autoatendimento**. - Personalização do Portal de Autoatendimento (Avançado) - Para build 14000 ou posterior - Personalização do Portal de Autoatendimento (Básico) ## Personalização do Portal de Autoatendimento (Avançado) - Para build 14000 ou posterior A partir do build 14000, o ServiceDesk Plus oferece amplas opções para personalizar a página inicial do portal de autoatendimento com base nas necessidades do seu negócio. Você pode personalizar a página inicial do solicitante com opções avançadas, como painéis, botões, snippets, widgets etc., sobre modelos predefinidos ou personalizados. Com essa personalização avançada, os SDAdmins podem criar e salvar várias páginas personalizadas. No entanto, apenas uma delas pode ser publicada. > Esta é uma configuração específica da instância. > Para instalações novas com build 14000 ou mais recente, a personalização avançada substitui a personalização básica. > Para instalações migradas para a versão 14000, a personalização básica existente ficará acessível apenas se uma página inicial personalizada já estiver configurada. Se as opções de personalização avançada forem usadas para criar uma nova página inicial, a personalização básica existente será removida. ### Criar ou Editar Páginas Para personalizar o portal do solicitante com opções avançadas: 1. Vá para **Admin > Configurações Gerais > Configurações Avançadas do Portal > Personalização**. 2. Clique em **Personalizar Portal de Autoatendimento**. 3. Abra o editor de páginas usando uma das seguintes opções: - **Nova página com modelo pré-configurado:** Na guia **Todas as Páginas**, passe o cursor sobre a página de sua escolha e clique em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/8405/2022_09_29_02_40_521.png). - **Nova página sem modelo pré-configurado:** Clique em **Criar Novo cartão** para abrir o editor e criar sua própria página do zero usando várias opções de personalização. - **Página salva anteriormente:** Vá para **Minhas Páginas**, passe o cursor sobre a página de sua escolha e clique em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/7512/2022_09_29_02_40_522.png). 4. **Adicionar um modelo:** Clique em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/5174/2022_09_29_02_40_523.png) e selecione o modelo preferido na lista. 5. **Adicionar cor de fundo:** Clique em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/6127/2022_09_29_02_40_524.png) e escolha entre as cores pré-selecionadas ou clique em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/7601/2022_09_29_02_40_525.png) para selecionar qualquer cor no espectro. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/2770/1660882177171.gif) 6. Adicione e configure painéis, botões, listas ou snippets conforme necessário. Para saber mais, consulte a seção **Configuração de Elementos Personalizáveis**. 7. Clique em **Salvar**. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/6950/2022_09_29_02_40_527.png) > Para salvar a página como uma página separada, escolha **Salvar como** no menu ao lado de Salvar, forneça um nome e clique em **Salvar**. > Para aplicar personalizações à página inicial do solicitante, escolha **Salvar e Definir como Página Inicial do Solicitante**. ### Configuração de Elementos Personalizáveis O editor inclui vários elementos personalizáveis. #### Painéis Os painéis são usados para adicionar elementos como caixas de texto, funções, botões etc. Por padrão, fornecem funções predefinidas para exibir informações como número de tarefas, solicitações e status. **Adicionar um painel:** 1. Clique em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/7658/2022_09_29_02_40_528.png). 2. Aplique personalizações como alinhamento e cor. 3. Escolha o tipo: - Sem cabeçalho ou rodapé ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/626/2022_09_29_02_40_529.png) - Incluir cabeçalho ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/5301/2022_09_29_02_40_5210.png) - Incluir rodapé ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/1471/2022_09_29_02_40_5211.png) 4. Arraste o painel para o editor. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/2267/1660883346717.gif) 5. Clique em **Configurar** para personalizar: - **Exibição:** selecione o valor necessário (ex.: contagem de tarefas, solicitações). - **Ação:** selecione ações como Abrir URL ou Reportar um Problema. - **Estilo:** escolha fonte, cor, forma, tamanho e margem. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/8026/2022_09_29_02_40_5213.png) ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/8914/2022_09_29_02_40_5214.png) ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/9179/2022_09_29_02_40_5215.png) ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/8159/2022_09_29_02_40_5216.png) > Para adicionar um título ao painel, clique em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/4286/2022_09_29_02_40_5217.png), forneça um título e clique em **Concluído**. > Para copiar um painel, clique em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/4129/2022_09_29_02_40_5218.png). > Para excluir, clique em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/8498/2022_09_29_02_40_5219.png). #### Botões Os botões executam ações ao serem clicados. **Adicionar um botão em painel existente:** 1. Selecione o painel e clique em **Configurar**. 2. Clique em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/6560/2022_09_29_02_40_5220.png) e arraste o botão. **Adicionar botão com novo painel:** 1. Clique em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/957/2022_09_29_02_40_5221.png). 2. Arraste o botão para o editor. 3. Clique em **Configurar** e defina: - **Exibição** - **Ação** - **Estilo** ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/4840/1660884852262.gif) > Para adicionar título, copiar ou excluir o painel, use os respectivos ícones disponíveis no editor. #### Widgets Os widgets permitem adicionar itens padrão como **Meu Resumo**, **Anúncios**, **Meus Ativos** etc. Eles não são personalizáveis, mas permitem título e ajuste de dimensões. Para adicionar um widget, clique em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/9875/2022_09_29_02_40_5227.png) e arraste para a página. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/8940/1660885135191.gif) > Para adicionar título, clique em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/7046/2022_09_29_02_40_5229.png). > Para excluir, clique em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/8777/2022_09_29_02_40_5230.png). #### Snippets Snippets são contêineres para links externos ou scripts HTML/Deluge. **Adicionar um snippet:** 1. Clique em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/5662/2022_09_29_02_40_5231.png) e arraste o contêiner. - **Snippet HTML:** adicione o código e clique em **Salvar**. - **Incorporar:** adicione uma URL via iFrame e configure Altura e Largura. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/2966/2022_09_29_02_40_5232.png) ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/3636/2022_09_29_02_40_5233.png) 2. Clique em **Concluído**. > Para alterar URL ou dimensões, clique em **Configurar**. > Para adicionar título, clique em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/8225/2022_09_29_02_40_5234.png). > Para excluir, clique em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/8479/2022_09_29_02_40_5235.png). ### Adicionar vários elementos a um painel - Clique em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/2134/2022_09_29_02_40_5236.png) para adicionar texto, imagem, botão ou caixa de pesquisa. - Redimensione arrastando as bordas. - Organize arrastando os elementos dentro do painel. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/1722/Panelsize.gif) ### Gerenciar Páginas Acesse **Admin > Configurações Gerais > Configurações Avançadas do Portal > Personalizar Portal de Autoatendimento**. - Use a caixa de pesquisa para localizar páginas. - Visualize passando o cursor e clicando em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/4255/2022_09_29_02_40_5238.png). - Duplique clicando em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/965/2022_09_29_02_40_5239.png) > **Duplicar**. - Renomeie clicando em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/7541/2022_09_29_02_40_5240.png). - Exclua clicando em ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/qu/576/2022_09_29_02_40_5241.png). ## Personalização do Portal de Autoatendimento (Básico) ### Etapas para personalizar o Portal de Autoatendimento Clique em **Personalizar Portal de Autoatendimento**. A janela exibirá cinco opções: - **Widget** - **Propriedades** - **Ações** - **Visualizar** - **Publicar** ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/import-gbb3jktbxt6u//images/self-service-customization-images/customize1.png) ### Adicionar Widgets ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/Screen%20Shot%202018-08-03%20at%204_49_59%20PM.png) - Clique em **Widget**. - Insira o nome e o endereço da web e clique em **Adicionar**. - Widgets podem ser redimensionados e posicionados. - Widgets removidos ficam listados para restauração. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/import-gbb3jktbxt6u//images/self-service-customization-images/widgets.png) ### Definir Propriedades - Clique em **Propriedades**. - Escolha até quatro colunas. - Layout **encaixotado** (1328px) ou **amplo**. - Escolha a cor de fundo. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/import-gbb3jktbxt6u//images/self-service-customization-images/settings.png) ### Alterar Tema Escolha entre quatro temas disponíveis. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/Screen%20Shot%202020-01-23%20at%201_24_14%20PM.png) ### Ações em Rascunhos - **Salvar como Rascunho** - **Limpar Rascunho** - **Descartar Alterações** ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/import-gbb3jktbxt6u//images/self-service-customization-images/actions.png) ### Visualizar o Portal 1. Clique em **Visualizar**. 2. Veja a prévia. 3. Clique em **Fechar Visualização** para sair. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/SSP_Preview.png) ### Publicar as configurações personalizadas - Clique em **Publicar** para aplicar as alterações. ![](https://www.manageengine.com/userfiles/866/14262/ckfinder/images/import-gbb3jktbxt6u//images/self-service-customization-images/publish.png)