Easily build and embed forms on your site. Try HubSpot Forms for free.  
Isenção de responsabilidade de tradução: esse conteúdo foi traduzido para sua conveniência com o uso de software e pode não ter sido revisado por uma pessoa. O texto oficial é a versão em inglês e sempre será o texto mais atualizado. Para ver a versão em inglês, clique aqui.
Forms

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

Ultima atualização: Dezembro 18, 2018

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:

  • Na sua conta da HubSpot, navegue até Marketing > Captura de leads > Formulários.
  • 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. Saiba como personalizar suas configurações de estilo globais para formulários.

 

Aplique um estilo ao botão de envio de formulário em páginas externas (apenasMarketing Hub BasicProfessionalEnterprise)

Para aplicar um estilo ao botão de envio de formulário em páginas externas, adicione o elemento submitButtonClass com o valor de uma classe CSS ao seu código integrado ao formulário. Por exemplo:



Isso removerá todos os estilos padrão do botão de envio do formulário. Em sua folha de estilo externa, adicione a classe CSS e atributos de estilo correspondente. Por exemplo:

.hs-form-submit-button { background: #ff0000; padding:10px; }

Como alternativa, você pode desativar o estilo de formulário padrão do HubSpot e usar um seletor CSS em sua folha de estilo sem modificar o código integrado. 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.

New Call-to-action