Personalizar o layout dos campos de formulário

Personalize o layout dos campos do formulário para controlar a aparência e a função do formulário para os visitantes. Você pode ajustar o posicionamento dos campos e agrupar os campos relacionados para criar uma experiência de formulário mais organizada. Por exemplo, você pode agrupar detalhes de contato ou reordenar campos para corresponder ao fluxo do seu processo de conversão.

Este artigo aborda como personalizar o layout dos campos de formulário usando o editor de formulários atualizado. Se você estiver usando o editor de formulários antigos, saiba como personalizar o layout dos seus campos de formulário com formulários antigos. 

Adicionar conteúdo entre campos de formulário

Campos de formulário e elementos de formulário adicionais podem ser colocados acima, abaixo ou ao lado de outros campos.

1. Na sua conta HubSpot, clique em Mais e navegue até Marketing > Formulários. Se Mais não aparecer na sua conta, navegue diretamente para Marketing > Formulários.
2. Passe o mouse sobre o formulário e clique em Editar ou crie um novo formulário.
3. Na parte superior esquerda, clique na guia add ícone adicionar.
   • No painel esquerdo, clique em Campos, Propriedades ou em outro .
   • Clique e arraste o campo para a visualização de formulário à direita para incluí-lo no formulário.

Alterar a ordem de opções em um campo de formulário

Se você estiver usando um campo de formulário com várias opções, como uma propriedade de seleção suspensa, poderá reordenar as opções. Saiba mais sobre as opções disponíveis.

1. Na sua conta HubSpot, clique em Mais e navegue até Marketing > Formulários. Se Mais não aparecer na sua conta, navegue diretamente para Marketing > Formulários.
2. Passe o mouse sobre o formulário e clique em Editar, ou crie um novo formulário.
3. No painel direito, clique no campo para alterar a ordem de suas opções.
4. No painel esquerdo, na seção Opções de campo , clique no dragHandle linhas pontilhadas à esquerda de uma opção de campo, clique e arraste a opção para a posição desejada.
5. Para classificar as opções em ordem alfabética, clique em sortAlpAsc Classificar.
6. No canto superior direito, clique em Revisar e atualizar para publicar as atualizações do formulário.

Organize campos de formulário lado a lado

Você pode colocar no máximo três campos lado a lado em um formulário.

1. Na sua conta HubSpot, clique em Mais e navegue até Marketing > Formulários. Se Mais não aparecer na sua conta, navegue diretamente para Marketing > Formulários.
2. Passe o cursor do mouse sobre o formulário e clique em Editar ou crie um novo formulário.
3. Clique e arraste o campo de formulário para ver as opções de posicionamento.
4. Para colocá-lo próximo a um campo em uma linha, arraste-o para um dos espaços disponíveis nessa linha.
5. No canto superior direito, clique em Revisar e atualizar para publicar as atualizações do formulário.