Utilizar texto de placeholder em campos de formulários é uma ótima maneira de se certificar que os seus leads saibam exatamente quais informações são necessárias a serem inseridas em um determinado campo.
Este artigo detalha o processo de adição de texto de placeholder em formulários da SharpSpring no Editor de Landing Page.
Usuários com acesso:
- Administradores
- Gerentes de Empresa
- Gerentes de Marketing
Adicionando Valores de Placeholder
Para adicionar valores de placeholder em uma landing page, faça o seguinte:
-
Na barra de ferramentas superior da SharpSpring, clique em Conteúdo > Formulários.
-
Na barra de ferramentas superior da SharpSpring, clique em Conteúdo > Páginas.
-
No painel esquerdo, clique em Editar Código.
-
Na aba Body, localize a linha que contém o iframe do formulário.
-
Adicione o seguinte trecho de código no fim do src iframe do seu URL: &_usePlaceholders=true.
-
Clique em Salvar e Fechar.
Sobre as Etiquetas de Campos
Caso você gostaria de utilizar placeholders em vez de etiquetas, você precisará editar o seu CSS. Após adicionar o código incorporado no seu formulário, defina as etiquetas na sua página de CSS para display: none; para os campos de inserção de texto. Caso não faça isso, as etiquetas aparecerão duas vezes.
Por exemplo, editar as seguintes linhas no seu código CSS lhe certificará que você está usando um valor de placeholder e não uma etiqueta de CSS, evitando, assim, etiquetas duplicadas:
label:not(.checkbox-label) { display: none; }
Além disso, isso fará ocultar todas as etiquetas exceto as de grupo de radio e de caixa de seleção.
Nota: a SharpSpring oferece Serviços Profissionais para lhe auxiliar na codificação personalizada.
Comentários
0 comentário
Artigo fechado para comentários.