Ajustes de Botões no Novo Editor de Páginas

Alterar o texto e cor do botão

• Clique no botão que deseja personalizar;

• Para altera a cor do texto do botão:
  • No menu lateral aberto, clique na caixa em branco(cor padrão) abaixo do texto Cor do texto;
  • Selecione a cor desejada.

• Para alterar a cor do preenchimento do botão:
  • No menu lateral aberto, clique na caixa em laranja(cor padrão) abaixo do texto Cor do fundo;
  • Selecione a cor desejada.

💡 Dica

Também é possível alterar uma cor colando um código de uma cor específica. Use essa opção quando quiser ter mais de um elemento na sua página com a mesma cor, copiando o código de um elemento e colando no campo de alteração de cor de outro.

Inserir o efeito de Hover em um botão

• Clique no botão que deseja personalizar;

• Para colocar o Hover no texto do botão:
  • No menu lateral aberto, clique na caixa abaixo do texto Texto - Hover;
  • Selecione a cor desejada para o efeito de Hover;

• Para colocar o Hover no preenchimento do botão:
  • No menu lateral aberto, clique na caixa abaixo do texto Fundo - Hover;
  • Selecione a cor desejada para o efeito de Hover;

Inserir borda em um botão

• Clique no botão que deseja personalizar;
• No menu lateral aberto, desça a barra de rolagem até encontrar a opção Borda;
• Clique na lista abaixo do texto Estilo;
• Seleciona a opção Sólida;
• Clique no campo abaixo do texto Espessura, digite a espessura desejada para a borda do botão;
• Clique na caixa laranja(cor padrão dos botões), abaixo do texto Cor, selecione a cor desejada da borda.

Arredondar as bordas do botão

• Clique no botão que deseja personalizar;
• No menu lateral aberto, desça a barra de rolagem até encontrar a opção Arredondamento;
• Clique em cada uma das quatro caixas, e digite o número correspondente ao arredondamento que deseja para os quatro cantos do botão.
  
  

Alterar largura do botão

• Clique no botão que deseja personalizar;
• No menu lateral aberto, desça a barra de rolagem até encontrar a opção Tamanho;
• Clique no campo abaixo do texto Largura;
• Digite o número correspondente a largura que deseja para o seu botão.

💡 Dica

A largura pode ser definida em “Pixels” ou “Porcentagem”. Digite um número baixo e vá colocando números maiores, até que o botão esteja do tamanho que você deseja.

Alterar distância entre o texto do botão e a borda do botão (Espaço interno ou Padding)

• Clique no botão que deseja personalizar;
• No menu lateral aberto, desça a barra de rolagem até encontrar o campo Espaço Interno;
• Clique nas caixas abaixo das palavras Superior, Inferior, Esquerda e Direita, e digite o número correspondente ao espaçamento desejado.

💡 Dica

Use essa a opção também para manipular o tamanho do botão na vertical.

Alterar distância entre o botão e outros elementos

• Clique no botão que deseja personalizar;
• No menu lateral aberto, desça a barra de rolagem até encontrar o campo Margem;
• Clique nas caixas abaixo das palavras Superior, Inferior, Esquerda e Direita, e digite o número correspondente ao espaçamento desejado.

💡 Dica

Use essa a opção para manipular o posicionamento do botão dentro do Contêiner ou Linha e consequentemente na sua página.

Inserir Link e comportamento do Link no botão

• Clique no botão que deseja personalizar;
• No menu lateral aberto, desça a barra de rolagem até encontrar o campo Outros;
• Clique no campo abaixo da palavra Link do botão;
• Cole ou digite o link que deseja direcionar os usuários do seu site quando clicarem no botão;
• Clique na lista abaixo do texto Comportamento do link;
  • Se deseja que o link seja aberto em uma nova aba, selecione Nova Aba;
  • Se deseja que o link seja aberto na mesma aba, selecione Mesma Aba.

Precisa de ajuda?

Se você já é cliente, nossos canais de atendimento estão disponíveis na própria plataforma. Ao efetuar o login na sua conta, basta clicar no botão de Ajuda localizado no canto superior direito. Conforme mostra a imagem abaixo:

*Imagem meramente ilustrativa. O painel dentro da plataforma pode sofrer alterações de acordo com novas atualizações.

Se você ainda não é cliente e não encontrou resposta para sua dúvida aqui na nossa Central de Ajuda, pode nos enviar um e-mail através do formulário, clicando aqui.