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

Estilizar o formulário incorporado em uma página externa

Ultima atualização: December 19, 2018

free

Você pode estilizar seu formulário integrado da HubSpot com temas predefinidos no editor de formulários ou com CSS personalizado em sua folha de estilos externa.

Estilizar o formulário usando temas

Se quiser estilizar seus formulários sem escrever nenhum código personalizado, você pode usar temas predefinidos em seu formulário integrado ou um formulário usado em um URL independente. Os temas adicionam mais opções de personalização aos seus formulários, além de quaisquer fontes e cores que você já aplicou.

  • Na sua conta da HubSpot, navegue até Marketing > Captura de leads > Formulários.
  • Clique no nome de um formulário
  • No editor de formulário, clique na guia Estilo e Visualização
  • No painel Estilo, desmarque a caixa de seleção Manter tema antigo

Observação: desmarcar a caixa de seleção Manter tema antigo vai remover o estilo padrão antigo do HubSpot aplicado ao formulário. Qualquer CSS ou JavaScript personalizado adicionado ao formulário deixará funcionará. 

  • Selecione um dos quatro temas disponíveis. themes-in-forms

Esses temas são específicos para cada formulário individual e afetarão apenas formulários incorporados externamente ou usados em um URL independente. 

Estilizar o formulário com CSS

Observação: a capacidade de personalizar o CSS de seu formulário integrado e código incorporado está disponível apenas para contas do Marketing Hub BasicProfessional Enterprise.

  • 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 na guia Opções
  • Clique para ativar o formulário sem estilo. O formulário renderizará como um elemento HTML bruto em seu site, em vez de dentro de um iFrame e qualquer estilo padrão do HubSpot aplicado ao formulário será removido no formulário.
  • Quando essa configuração está ativada, clique em Compartilhar no canto superior direito do editor. 
  • Na caixa de diálogo, clique em Copiar.
  • Adicione o código integrado do formulário ao seu site externo. Se já tiver incorporado seu formulário em sua página externa, você precisará substituir o código existente por esta nova versão que não tem o estilo de estilo padrão aplicado. 
New Call-to-action