Com a ActiveCampaign, você pode usar o bloco código HTML para personalizar seu formulário com HTML e você pode usar CSS para modificar elementos.
Observe que o uso de HTML e CSS com seu formulário é para usuários avançados. Você precisa estar confortável com esses idiomas. Se você não está familiarizado com HTML ou CSS, recomendamos trabalhar com um membro da sua equipe que está. Há também várias grandes funcionalidades lá fora aonde você pode aprender HTML e CSS como este.
Nossa equipe de experiência do cliente não pode ajudar a criar ou solucionar qualquer HTML ou CSS que você adicione ao seu formulário.
HTML
Você pode usar o bloco HTML para adicionar seu próprio HTML ao seu formulário. O HTML que você adicionar só será aplicado a este bloco, não a todo o formulário.
Você pode querer usar esse bloco para incorporar links em texto, criar listas com balas, formatar qualquer texto neste bloco e muito mais.
Observe que o bloco HTML só pode ser usado em formulários em linha. Caixa flutuante, barra flutuante e formulários modais não têm a opção de adicionar um bloco HTML.
Adicione o bloco de código HTML ao seu formulário:
- No Construtor de Formulários, clique em Campos Campos de Contato.
- Arraste o bloco "Código HTML" para o seu layout de formulário.
- Clique no código de bloco HTML no layout do formulário.
- O painel direito exibirá texto de amostra e código HTML. Digite ou cole seu código para esta caixa no painel direito.
Conforme você adiciona o código e o texto a esta caixa, você verá este novo texto e formatação aplicados ao bloco no layout do formulário.
CSS
Você pode usar o Painel CSS do Formulário e o Modo de Inspeção para modificar elementos visuais do seu formulário, como ajustar a largura do botão de envio, ajustar o tipo e o tamanho da fonte, centralizar o texto em um elemento, alterar a cor do seu texto e muito mais. Todos os tipos de formulário incluem o painel de entrada CSS personalizado e o Inspetor.
Adicione CSS personalizado ao seu formulário:
-
Clique no botão CSS na barra de ferramentas superior direita do Construtor de Formulários.
- Um painel de entrada personalizado aparecerá na parte inferior da tela Do Construtor de Formulários. Passe o mouse e clique em elementos em seu formulário para ver a barra lateral específica do elemento.
- Clique no botão inspetor e, em seguida, clique no elemento no formulário que você quer isolar.
- Adicione seu CSS personalizado ao painel de entrada personalizado.
- Para sair do modo inspetor, clique no botão "Inspetor" novamente.
- Para fechar a sobreposição de código em seu formulário, clique no botão CSS na parte superior do construtor.