Central de conhecimento HubSpot

Edite e aplique um estilo ao botão envio de formulário

Written by HubSpot Support | 23/abr/2019 3:37:38

 

Edite o texto do botão de envio de formulário

O texto padrão do botão de envio de um formulário do HubSpot Enviar. Para editar o texto do botão de envio:

  • Clique no nome  do formulário.
  • No editor de formulário, clique no botão Enviar.

  • No painel esquerdo, insira o novo texto de botão de envio no campo Rótulo.

  • No canto superior direito, clique em Publicar para atualizar o formulário ativo.

 

Aplique um estilo ao botão de envio de formulário em páginas da HubSpot (apenasMarketing Hub Basic, Professional e Enterprise)

  • No editor de conteúdo, passe o cursor do mouse sobre o módulo de formulário e clique no ícone de Edição de estilos.

  • No painel esquerdo, clique no menu suspenso e selecione o botão Formulário.
  • Digite o botão de envio de formulário com as opções, como alterar a cor de fundo do botão ou o tamanho da fonte de texto.

  • No canto inferior esquerdo, clique em Salvar e vá para a lista de módulos.
  • No canto superior direito, clique em Publicar ou Atualizar.
Essa ação atualiza o estilo de envio de seu formulário enviam para as páginas consideradas individualmente.

 

Aplique um estilo ao botão de envio do formulário em páginas externas (apenas para Marketing Hub Starter, BasicProfessionalEnterprise)

  • Clique no nome  do formulário.
  • No editor de formulário, clique na guia Estilo e visualização.
  • No painel esquerdo, clique na seção > Estilo para expandi-la.
  • Na seção Botão, aplique o estilo ao botão de envio do formulário usando opções, tais como alterar a cor de fundo do botão ou o tamanho da fonte de texto.

Esta ação atualiza o estilo de seu botão de envio de seu formulário em uma base individual para cada formulário. Saiba como personalizar suas configurações de estilo globais para formulários.

Se você retirar o estilo do formulário, quaisquer opções de estilo de formulário que você definiu na guia Estilo e visualização no editor de formulário ou em configurações globais de estilo de formulário não se aplicarão. Ao invés disso, use um seletor CSS em sua folha de estilo externa para direcionar o botão de envio de formulário. Por exemplo:

input[type="submit"]{ background: #ff0000; }

Saiba mais sobre como personalizar o código integrado do formulário na documentação de desenvolvedores da HubSpot.