Componente do Botão de email

O Componente do Botão de email permite a configuração e a exibição de um item de botão em seu conteúdo.

Uso

O Componente do Botão de email permite a inclusão de um botão em seu conteúdo, clicável pelo reader de conteúdo, vinculado a recursos adicionais.

Versão e compatibilidade

A versão atual do Componente de Botão de email é a v1, introduzida com a versão x dos Componentes Principais do email em outubro de 2022, e está descrita neste documento.

A tabela a seguir detalha todas as versões compatíveis do componente, as versões do AEM com as quais as versões do componente são compatíveis e os links para a documentação das versões anteriores.

Versão do componente AEM 6.5 AEM as a Cloud Service
v1 Compatível Compatível

Para mais informações sobre as versões e novidades dos Componentes Principais, consulte o documento Versões dos Componentes Principais de Email.

Exemplo de saída do componente

Para experimentar o Componente de Botão de email e também ver exemplos de suas opções de configuração e de saídas HTML e JSON, visite a Biblioteca de Componentes.

Detalhes técnicos

A documentação técnica mais recente sobre o Componente de Botão de email pode ser encontrada no GitHub.

Mais detalhes sobre o desenvolvimento dos Componentes principais podem ser encontrados na documentação do desenvolvedor dos Componentes principais.

Caixa de diálogo de configuração

A caixa de diálogo de configuração permite que o autor de conteúdo defina o botão e como ele se comporta e é exibido para um leitor de seu conteúdo.

Guia Propriedades

Guia Propriedades da caixa de diálogo de edição do componente de Botão

  • Texto - O texto a ser exibido no botão
  • Link - Link para uma página de conteúdo no AEM, um recurso externo ou uma âncora
    • Use a Caixa de diálogo de seleção para escolher um caminho dentro do AEM.
    • Clique no ícone Campaign para abrir o diálogo Selecionar variável do Adobe Campaign para inserir conteúdo dinâmico do Adobe Campaign.
  • Ícone - Identificador para exibir um ícone no botão
  • ID - Esta opção permite controlar o identificador exclusivo do componente no HTML.
    • Caso deixado em branco, uma ID exclusiva é gerada automaticamente para você e pode ser encontrada ao inspecionar o conteúdo resultante.
    • Se um ID for especificado, é responsabilidade do autor garantir que ele seja exclusivo.
    • A alteração de ID pode afetar o CSS.
  • Abrir link em nova guia - Se marcada, o link será aberto em uma nova guia do navegador.

Guia Acessibilidade

Guia Acessibilidade da caixa de diálogo de edição do componente de Botão

Na guia Acessibilidade, os valores podem ser definidos para rótulos de acessibilidade ARIA para o componente.

  • Rótulo - Valor de um atributo de rótulo ARIA para o componente

Guia Estilos

O Componente de Botão do email é compatível com o sistema de estilos do AEM.

Use o menu suspenso para selecionar os estilos que deseja aplicar ao componente. As seleções feitas na caixa de diálogo de edição têm o mesmo efeito das selecionadas na barra de ferramentas do componente.

Os estilos devem ser configurados para este componente na caixa de diálogo de design para que a guia fique disponível.

Caixa de diálogo de design

Guia Estilos

O Componente de Botão de email é compatível com o Sistema de Estilos do AEM.

Nesta página