Central de Ajuda V-Pro CRM   /   Marketing e Vendas   /   Automação de Marketing

Configuração de CSS Personalizado para Formulários

Atualizado em 27 December 2025 07:05 pm

Ajuste visual dos formulários no V-Pro CRM

A tela de CSS Personalizado de Formulários permite definir códigos CSS para personalizar a aparência dos formulários utilizados na coleta de informações de clientes e leads.

Essa funcionalidade possibilita adequar o visual dos formulários ao layout, identidade visual e padrões do site ou landing page onde eles são utilizados.


Para que serve o CSS personalizado

O CSS personalizado é utilizado para:

  • Ajustar cores, fontes e tamanhos

  • Alterar espaçamentos e alinhamentos

  • Personalizar botões, campos e rótulos

  • Harmonizar o formulário com o design do site

As alterações afetam apenas a exibição dos formulários, sem impactar o funcionamento ou a coleta de dados.


Acessar a configuração de CSS do formulário

Para configurar o CSS personalizado:

  1. Acesse Configurações

  2. Selecione Form Custom CSS

  3. Insira o código CSS desejado no campo disponível

  4. Salve as alterações

Após salvar, o estilo será aplicado automaticamente aos formulários.


Exemplos de uso comum

  • Alterar a cor do botão de envio

  • Ajustar a largura dos campos

  • Modificar a tipografia do formulário

  • Destacar campos obrigatórios

  • Adequar o formulário a temas claros ou escuros


Boas práticas recomendadas

  • Utilize seletores CSS específicos para evitar conflitos

  • Teste as alterações em diferentes dispositivos

  • Evite estilos muito complexos que possam dificultar manutenção

  • Documente o CSS aplicado para facilitar ajustes futuros


Conclusão

A Configuração de CSS Personalizado para Formulários no V-Pro CRM oferece total liberdade para personalizar a aparência dos formulários, garantindo consistência visual e melhor experiência para os usuários durante a coleta de informações.