Adicione um botão com o Editor de conteúdo avançado

Adicione um botão para acionar ações ou redirecionar usuários para conteúdo diferente.

Antes de Iniciar

Função necessária: sn_cd.content_manager

Preencha os campos do formulário Novo conteúdo. Veja Crie conteúdo avançado

Crie o layout da página usando módulos ou colunas.

• Os módulos são layouts de conteúdo predefinidos compostos por cabeçalho, texto de parágrafo e imagens. Veja Adicione layouts de conteúdo predefinidos com o Editor de conteúdo avançado
• As colunas são contêineres que permitem definir um layout personalizado. Veja Adicione colunas com o Editor de conteúdo avançado

Procedimento

1. Navegue até a tela selecionando Abra o editor do Design da Novo conteúdo formulário.
   
2. Em Editor de conteúdo avançado você pode usar um método de arrastar e soltar para adicionar um botão.
3. Navegue até Configurações .
   
4. Use qualquer uma das seguintes configurações de estilo:

   Tabela 1. Configurações de estilo

   Campo de configurações	Descrição
   Estilização
   Tipo de botão	Define que tipo de botão você está adicionando. Suas escolhas são: Primário (padrão) Secundário(a) Somente link
   Tamanho do botão	Define o tamanho do seu botão. Suas escolhas são: Extrapequeno Pequeno Médio (padrão) Grande
   Tela	Configure a aparência de vários componentes na mesma coluna, como uma imagem e um componente de texto. Selecione uma das seguintes opções: Superior e inferior (Padrão): A imagem aparece acima do outro componente. Lado a lado : A imagem aparece com o outro componente ao lado dela. Nota: Para obter melhores resultados, defina a mesma exibição para os componentes. Por exemplo, se você tiver componentes de imagem e texto em uma coluna e quiser que a imagem apareça à esquerda e o texto apareça à direita, altere o. Exibição configurações de ambos os componentes para Lado a lado .
   Estilo avançado
   Cor do botão	Mude a cor do seu botão. Insira o código de cor que representa a cor de fundo que você deseja que apareça. Nota: Todas as cores HTML são compatíveis. Para obter mais informações, consulte Nomes de cores HTML . Ou, você pode selecionar o seletor de cores (quadrado cinza) à direita do Cor de fundo campo. Clique na paleta de cores exibida. Depois de selecionar uma cor na paleta de cores, use a barra deslizante no lado direito para ajustar sua cor. Deslize a barra para cima e para baixo. Use a barra deslizante inferior para clarear ou escurecer sua cor.
   Largura Altura	Ajuste a largura e a altura de um botão selecionando-o e usando Largura e. Altura menus suspensos para inserir o número ou use as setas para cima e para baixo. Você também pode escolher a unidade de medida de sua preferência selecionando a tecla de seta para baixo única à esquerda das setas para cima e para baixo. As opções são: automático: O tamanho é baseado no conteúdo na guia. Se você inserir texto adicional na guia, a largura aumentará automaticamente. px: Use pixels como medida. %: Use uma porcentagem como sua medida.
   Margem	Ajuste as margens ou o espaço fora e ao redor do botão. Use os menus suspensos em Margem para ajustar as margens nos lados superior, inferior, direito e esquerdo. Assim como a largura e a altura, você pode escolher a unidade de medida de sua preferência selecionando a tecla de seta para baixo única à esquerda das setas para cima e para baixo.
   Borda	Edite a borda ao redor da parte externa do botão. Nota: A borda é o contorno ao redor do botão. Largura: Use as setas para cima e para baixo para ajustar a largura da borda. Assim como a largura e a altura, você pode escolher a unidade de medida de sua preferência selecionando a tecla de seta para baixo única à esquerda das setas para cima e para baixo. Estilo: O formato da borda ao redor do botão. Selecione o menu suspenso para selecionar o tipo de borda desejado ao redor do botão. Cor: A cor da borda ao redor do botão. Selecione a cor do seu botão usando a paleta de cores e as barras deslizantes semelhantes a como você seleciona a cor do plano de fundo.
   Raio da borda	Use as setas para cima e para baixo para ajustar o raio da borda. Assim como a largura e a altura, você pode escolher a unidade de medida de sua preferência selecionando a tecla de seta para baixo única à esquerda das setas para cima e para baixo.
   Nome da fonte	Define a face da fonte usada para renderizar caracteres. Clique na seta suspensa para selecionar uma fonte diferente.
   Tamanho da fonte	Define o tamanho da fonte.
   Peso da fonte	Determina como o texto será exibido em negrito ou claro. Clique na seta suspensa para selecionar um peso diferente.
   Altura da linha	Define a distância vertical entre duas linhas de texto.
   Cor da fonte	Substitui a cor da fonte do tema do portal. Para selecionar uma cor, insira o código hexadecimal ou clique no seletor de cores (quadrado cinza à direita da cor da fonte) e selecione uma cor na paleta de cores.
   Propriedades
   Rótulo de botão	Texto que aparece no botão.
   Título	Texto que aparece quando um usuário passa o mouse sobre o botão.
   URL	Local de uma página da web ou conteúdo. Insira o endereço URL completo que você está segmentando quando um usuário selecionar o botão.
   Meta	Indica para onde o botão direciona o usuário. Suas escolhas são: Esta janela: Selecionar o botão abre o conteúdo na mesma janela exibida. Nova janela: Selecionar o botão abre o conteúdo em uma nova janela.

5. Selecione Salvar ou Salve e conclua .
   Selecionando Salvar salva seu conteúdo e você permanece no Editor de conteúdo avançado tela. Selecionando Salve e conclua salva seu registro e retorna para Novo conteúdo formulário.

O que Fazer Depois

• (Opcional) Traduza seu conteúdo.

  Solicite a tradução do idioma para o seu conteúdo. Para obter mais informações, consulte Suporte multilíngue na Biblioteca de conteúdo.

  Nota:

  Apenas traduza o conteúdo depois de terminar de modificar o conteúdo. Para obter melhores resultados, não recomendamos adicionar ou remover componentes ou alterar a formatação após a tradução.

  Para criar conteúdo avançado formatado de forma diferente em idiomas diferentes, duplique o conteúdo e modifique a formatação conforme necessário. Em seguida, use Públicos para direcionar o conteúdo para os usuários por idioma. Veja Públicos

• Visualize seu conteúdo do Publicar .
  Nota:

  A Visualização de conteúdo foi projetada para fornecer uma ideia geral da aparência do seu conteúdo. O conteúdo pode parecer diferente depois de publicado devido a variações na resolução do dispositivo, diferença de tema ou configuração de estilo do app para celular.
• Configure um plano de publicação para controlar onde o conteúdo será entregue, o público e o período de tempo em que ele estará disponível: Crie um plano de publicação para o seu conteúdo.