Visão geral do editor de widgets
Seu programa Advocate oferece um editor de arrastar e soltar que permite personalizar a aparência e o conteúdo dos widgets apresentados aos seus defensores do cliente.
Interface do editor de widgets
O editor de widgets de autoatendimento tem quatro áreas principais:
A barra de menu no topo da página é onde você pode desfazer ações, visualizar o código HTML e pré-visualizar o widget finalizado. Use os ícones de desktop, tablet ou celular para ver como seu widget aparecerá em dispositivos com tamanhos de tela diferentes.
O canvas mostra todos os componentes que compõem seu widget. Você pode selecionar componentes individuais para editá-los ou adicionar novos e ver rapidamente como eles aparecerão para seus participantes.
O menu de configurações no painel lateral esquerdo é um painel recolhível à esquerda do canvas. Aqui, você pode selecionar Camadas para ver uma visualização detalhada de todos os componentes do seu widget, ou selecionar Modelos para usar um de nossos widgets prontos. O Configurações botão leva você ao submenu de instalação do pacote.
Para um estilo ainda mais avançado em nível de branding, selecione a opção Estilo do Widget. Veja Personalize Widgets e Microsites com o Editor de Conteúdo para obter mais informações sobre as opções de estilo disponíveis para você.
O menu de componentes é um painel à direita do canvas. Use a aba Adicionar para inserir novos componentes no canvas e use a aba Editar para fazer ajustes no que já está lá.
Solução de problemas
O widget tem dois níveis de validação para verificar erros no posicionamento dos componentes e nas propriedades dos componentes. Motivos comuns para receber uma mensagem de erro incluem:
Faltando um campo obrigatório
Escolhendo uma cor inválida
Inserindo uma URL inválida
Quando há erros não resolvidos, uma mensagem de aviso é exibida no canto superior direito do canvas, informando quantos erros foram encontrados.
Saiba mais sobre Personalizando Widgets do Programa.
Ver detalhes dos erros não resolvidos
Selecione Detalhes na mensagem de aviso para uma breve explicação do que deu errado.
Acesse o componente com o erro de uma destas formas:
Selecionando Abrir camadas
Selecionando a mensagem de explicação do erro
Encontre o componente com o erro. Ele será marcado com um ícone de exclamação vermelho.
Selecione o componente para abrir as propriedades na Editar barra.
Faça as alterações necessárias.
Atualizado
Isto foi útil?