Personalizar widgets do programa

Acesse o editor de widgets

1. No menu de navegação à esquerda, selecione [Engage] → Conteúdo.
2. Na Widgets cartão, selecione Editar widgets.
3. No menu lateral deslizante à esquerda, selecione o nome do widget que você deseja editar.

   

Personalize seus widgets

1

Etapa 1: Escolha um modelo

1. No menu lateral deslizante à esquerda, abaixo de Widget atual, selecione Modelos.
2. Selecione Aplicar modelo ao lado do modelo com o qual você quer começar.

   

Observação: Se você quiser pré-visualizar como o modelo fica sem confirmar a alteração, selecione [Visualizar] antes de salvar. Selecione o Salvar botão 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 obter 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, no Componente do menu Adicionar aba, 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ê quer 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 Componente do menu Adicionar aba, selecione a Componentes comuns categoria.
2. Selecione uma das opções:

   • Imagem de destaque com sobreposição (uma imagem com texto sobreposto editável)
   • Imagem (uma imagem simples, sem texto por cima)
3. Adicione a imagem à tela.
4. Na do menu de componentes Editar aba, selecione a Escolher arquivo botão abaixo do Imagem título.

   

Substitua imagens ou logotipos

1. Na tela, selecione a foto que você quer 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 botões de compartilhamento existentes usando o Editar menu.

1. Selecione o botão de compartilhamento que você quer editar na tela.
2. No Editar aba, selecione o nome do site ou serviço em Meio de compartilhamento título.

   

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

1. Na Adicionar aba, 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: Pré-visualize e salve

1. Pré-visualize como o widget aparecerá para os participantes selecionando [Visualizar] na barra de menu superior.

   • Você pode alternar entre uma pré-visualização da experiência para [Desktop], [Tablet], ou [Mobile] usuários 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 suas alterações automaticamente. Clique em Salvar frequentemente para garantir que você não perca seu trabalho.

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

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

Componentes avançados permitem que você inclua conteúdo condicional baseado no e-mail, segmento, ou campo personalizado. Por exemplo, se você quiser exibir um placar apenas para participantes que sejam assinantes de nível ouro, o componente de seção condicional por segmento permitirá que você faça isso.

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

Saiba mais

• Edite o HTML do seu widget ou microsite para Advocate
• Instale pacotes NPM personalizados para Advocate