Personalizar Widgets do Programa

Acesse o editor de widget

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

2. No Widgets card, selecione Editar widgets.

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

   

Personalize seus widgets

1

Passo 1: Escolha um modelo

1. No menu deslizante à esquerda, abaixo de Widget Atual, selecione Modelos.

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

   

Observação: Se você quiser 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

Passo 2: Ajuste o conteúdo do widget

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

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

Adicionar

1. No lado direito da página, no Componente menu's Adicionar guia, 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 azul Adicionar a botão onde você quer que o componente apareça na tela.

   

Editar

Mover

Remover

3

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

Adicionar imagens ou logotipos

1. À direita, na Componente menu's Adicionar guia, selecione a Componentes Comuns categoria.

2. Selecione uma das opções:

   • Imagem de destaque com sobreposição (uma imagem com texto editável sobreposto)

   • Imagem (uma imagem simples sem texto por cima)

3. Adicione a imagem à tela.

4. No Menu de Componentes Editar guia, selecione a Escolher arquivo botão abaixo do Imagem título.

   

Substituir imagens ou logotipos

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

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

   
3. Faça o upload da imagem usando um destes métodos:

   • Arraste e solte a imagem

   • Procure um arquivo no seu computador

   • No Endereço da Web guia, cole a URL pública do arquivo

4. Selecionar 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ê deseja editar na tela.

2. No Editar guia, selecione o nome do site ou serviço embaixo do Meio de compartilhamento título.

   

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

1. No Adicionar guia, selecione Compartilhamento.

   
2. Selecione o cartão apropriado.

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

4

Passo 4: Visualizar e salvar

1. Visualize como o widget aparecerá para seus participantes selecionando [Visualizar] no menu superior.

   • Você pode alternar entre uma visualização da experiência para [Desktop], [Tablet], ou [Mobile] usuários selecionando o ícone do respectivo dispositivo.

2. Para retornar à interface de edição, selecione [Editar] no menu superior.

   
3. Salvar suas alterações.

   Aviso: O editor de widget não salva automaticamente suas alterações. 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 seu rascunho do programa.

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

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

Você pode adicionar componentes avançados a partir da Adicionar guia. Configurá-los exige um pouco mais de trabalho, pois você precisará inserir uma expressão JSONata no Caixa de 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