Widget de botão

Os botões são a maneira mais fácil de fazer os visitantes do site agirem. Os botões podem levar o visitante para outra página do seu site ou de outro site. Eles também podem abrir um pop-up, um formulário de contato, reservas on-line, e-mail e muito mais.

Para adicionar botões:

1. No painel esquerdo, clique em Widgets.
2. Clique e arraste o widget de botão para o seu site.

Veja mais informações sobre como adicionar widgets ao seu site em Adicione widgets.

Editor de conteúdo

Para acessar o editor de conteúdo, clique com o botão direito do mouse no widget e clique em Editar Conteúdo.

1. Digite o texto que você deseja exibir no botão no campo fornecido.
2. Entre as opções a seguir, selecione o destino para onde o botão deve levar:
   • Página existente. Envie o visitante para uma página existente no seu site.
   • URL do site. Encaminhe o visitante para um URL específico.
     • Os seguintes atributos estão disponíveis:
       • Abrir em uma nova janela.
       • Definido como "no follow". Peça para os buscadores não associarem o site nem rastrearem a página vinculada do site.
       • Definido como patrocinado. Isso informa os buscadores de que o link foi obtido via anúncio ou publicidade paga.
       • Definido como conteúdo gerado pelo usuário (UGC). Isso alerta os buscadores sobre links criados por usuários (como um link postado em um comentário) que nem sempre são confiáveis.
   • Pop-up. Abra um pop-up. Escolha um dos pop-ups localizados em Páginas e pop-ups ou crie um novo pop-up.
   • Âncora. Envie o visitante a uma âncora em qualquer página no site.
   • Checkout do plano de assinatura. Envie o visitante para a página de checkout de um plano de assinatura. Essa opção só aparece se o site tiver adicionado o recurso Assinatura.
   • Link da loja. Solicite ao aparelho do visitante que abra o login da loja, o carrinho de compras ou a página do produto. Essa opção só aparece se o site tiver loja.
   • Endereço de e-mail. Peça para o dispositivo do visitante abrir um cliente de e-mail com um endereço de e-mail específico.
   • Clique para ligar. Solicite que o dispositivo do visitante ligue para um número de telefone específico.
   • Arquivo para baixar. Apresente, no dispositivo do visitante, um arquivo específico para baixar.

Editor de design

Para acessar o editor de design, clique com o botão direito do mouse no widget e clique em Editar Design.

Use o editor de design para selecionar se o botão herdará o estilo de botão principal ou secundário definido no painel de tema. Além disso, você pode escolher um dos layouts de botão, fazer edições no estilo do botão (largura, altura) e texto do botão (tipo de letra, tamanho do texto), além de ajustar o espaçamento interno e externo.

Qualquer alteração que você fizer no editor de design substituirá os estilos definidos no nível do botão de tema. Para reverter para o estilo do botão do tema, clique em Reverter para o estilo do tema.

Botões de tema principal e secundário

• Se forem feitas alterações no botão (o que anula os estilos definidos no nível de botão do tema), ainda haverá uma caixa indicadora no estilo do botão principal ou secundário.

• Ao clicar no estilo do botão sem a caixa indicadora, o botão voltará para o estilo definido no nível de botão do tema.

Botões flutuantes

Para tornar um botão visível o tempo todo, mesmo quando um visitante rolar a página, clique no botão flutuante de seleção. Para obter mais informações, consulte Botões flutuantes.

Adicionar um plano de fundo de botão

Você pode adicionar uma cor ao fundo ou uma imagem a um botão. Ao adicionar um fundo no menu de design de botão de tema, o fundo de todos os botões é alterado. A adição do fundo a um botão específico afeta apenas esse botão.

Para adicionar um plano de fundo a um botão específico, no editor de design, clique na guia Estilo e role para a seção de plano de fundo.

Para informações sobre opções de design que não são específicos a este widget (como layout, estilo ou espaçamento), consulte Design de widget.

Adicione um ícone de botão

Escolha um ícone de fonte da nossa coleção para decorar os botões. Com os ícones, os visitantes identificam os botões sem precisar ler os rótulos. Os ícones podem ser coloridos e combinados com texto para personalizar os botões e chamar a atenção dos visitantes.

Para selecionar ícones para os botões:

1. Clique com o botão direito no widget de botão e clique em Editar design.
2. Na seção "Layout", clique no botão para abrir o menu "Selecionar layout" e selecione o estilo de layout que aceite um ícone.
3. Acesse a seção "Estilo". A opção Mostrar ícone precisa estar ativada.
4. Clique em Selecionar para abrir o seletor de ícones.
5. Clique em um ícone para adicioná-lo a seu botão. Para encontrar um ícone mais facilmente, digite um assunto ou nome no campo de busca ou use o menu suspenso.

Para mais informações sobre como adicionar widgets e design de widget, consulte Adicionar widgets e Design de widget.