Personalizar Widgets do Programa

Acesse o editor de widgets

1. No menu de navegação à esquerda, selecione [Engage] → Conteúdo.

2. No Widgets cartão, selecione Editar widgets.

3. No menu lateral à esquerda, selecione o nome do widget que você deseja editar.

   

Personalize seus widgets

1

Etapa 1: Escolha um modelo

1. No menu lateral à esquerda, abaixo de Widget atual, selecione Modelos.

2. Selecione Aplicar modelo ao lado do modelo com o qual você deseja começar.

   

Observação: Se você quiser visualizar a aparência do modelo sem confirmar a alteração, selecione [Visualizar] antes de salvar. Selecione o botão Salvar somente quando estiver pronto para confirmar as alterações feitas.

2

Etapa 2: Ajuste o conteúdo do widget

Você pode adicionar, editar, mover ou remover componentes para modificar o conteúdo que seus defensores do cliente veem no widget.

Observação: Para uma explicação dos diferentes elementos do editor de widgets, consulte Visão geral do editor de widgets.

Adicionar

1. No lado direito da página, na aba do menu Componente do menu, Adicionar selecione um grupo de componentes.

   • Saiba mais sobre os componentes disponíveis e como eles são agrupados.

2. Selecione o componente apropriado.

3. Selecione o botão azul Adicionar a onde você deseja que o componente apareça na tela.

   

Editar

Mover

Remover

3

Etapa 3: Personalize a aparência e o tema do widget

Adicione imagens ou logotipos

1. À direita, na aba Componente do menu, Adicionar selecione a categoria Componentes comuns .

2. Selecione uma das opções:

   • Imagem de destaque sobreposta (uma imagem com texto sobreposto e editável)

   • Imagem (uma imagem simples, sem texto por cima)

3. Adicione a imagem à tela.

4. No menu de componentes Editar selecione a categoria Escolher arquivo botão abaixo do Imagem título.

   

Substituir imagens ou logotipos

1. Na tela, selecione a foto que você deseja alterar.

2. No Editar menu, selecione [Remover] e depois selecione Escolher arquivo para reenviar uma nova imagem.

   
3. Envie a imagem usando um destes métodos:

   • Arraste e solte a imagem

   • Procure um arquivo no seu computador

   • No Endereço da web aba, cole a URL pública do arquivo

4. Selecione Concluído.

Ajuste quais botões de compartilhamento são exibidos

Você pode editar os botões de compartilhamento existentes usando o Editar menu.

1. Selecione o botão de compartilhamento que você deseja editar na tela.

2. No Editar aba, selecione o nome do site ou serviço em Mídia de compartilhamento título.

   

Adicione um novo botão de compartilhamento usando a aba Adicionar menu.

1. No Adicionar selecione Compartilhamento.

   
2. Selecione o cartão apropriado.

3. Selecione o botão azul Adicionar a botão para colocar o componente na tela.

4

Etapa 4: Visualize e salve

1. Visualize como o widget aparecerá para os participantes selecionando [Visualizar] na barra de menu superior.

   • Você pode alternar entre uma prévia da experiência para usuários [Computador], [Tablet], ou [Celular] selecionando o ícone do dispositivo correspondente.

2. Para voltar à interface de edição, selecione [Editar] na barra de menu superior.

   
3. Salvar suas alterações.

   Aviso: O editor de widgets não salva as alterações automaticamente. Clique em Salvar com frequência para garantir que você não perca seu trabalho.

Quando você selecionar Salvar, as alterações serão adicionadas ao rascunho do seu programa.

Opções avançadas de personalização

Os componentes avançados permitem incluir conteúdo condicional com base no e-mail, segmento, ou campo personalizadodo participante. Por exemplo, se você quiser exibir um ranking apenas para participantes que sejam assinantes de nível ouro, o componente seção condicional por segmento permitirá que você faça isso.

Você pode adicionar componentes avançados na aba Adicionar . A configuração exige um pouco mais de trabalho, pois você precisará inserir uma expressão JSONata na caixa Condição que define a lógica de quando a condição é atendida. Entre em contato com nossa equipe de suporte se precisar de ajuda.

Saiba mais

• Edite o HTML do seu widget ou microsite para Advocate

• Instale pacotes NPM personalizados para Advocate