O separador Campos de entrada define de uma vez o aspeto de todos os campos de formulário da loja: o formulário de checkout, o formulário de contacto, a subscrição da newsletter e o formulário para escrever uma avaliação.
Onde o encontrar
Abra o construtor, clique no ícone da roda dentada e abra o separador Campos de entrada. Tem duas partes: Disposição e Aparência.
Disposição: Tipo
Tipocontrola como as etiquetas dos campos aparecem nos formulários. Tem duas opções: Recolher (a predefinida) e Expandir. Colocam a etiqueta de cada campo de forma um pouco diferente, e o resultado depende do seu tema. Alterne entre as duas e veja o formulário de checkout na pré-visualização para escolher.
Aparência: Ícones
A maioria dos campos tem um pequeno ícone, como um telefone para o número de telefone ou um alfinete para a morada. Ícones decide onde aparece:
- Nenhum: sem ícones. Os campos ficam simples e limpos.
- Predefinido: o ícone fica dentro do campo.
- Etiqueta: o ícone fica ao lado da etiqueta, por cima do campo.
Com Predefinido, aparece uma configuração Posição. Início coloca o ícone antes do texto, Fim coloca-o depois. Início e Fim seguem o sentido de leitura, por isso numa página em árabe Início coloca o ícone à direita.
Seja qual for o estilo escolhido, os campos obrigatórios mantêm a sua pequena marca vermelha.
Que campos seguem estas configurações
Todos os tipos de campo as seguem: campos de texto, listas como envio e pagamento, listas suspensas como a cidade, o campo da data de nascimento e o campo de cor. As etiquetas e os textos de exemplo em si não se definem aqui. Para o formulário de checkout estão no separador Formulário de checkout, e para o formulário de contacto, a newsletter e o formulário de avaliação estão nessas secções.
De onde vêm as cores dos campos
As cores dos campos não se definem aqui. Vêm das cores de Campo de entrada do esquema de cores que o formulário usa: fundo, etiqueta, texto, borda e fundo ao passar o rato. Veja Esquemas de cores.
Que campos aparecem no checkout
Este separador só altera o aspeto. Para mostrar, ocultar, mudar o nome ou reordenar os campos do checkout, use o separador Formulário de checkout. Veja Campos do formulário de checkout.
Tarefas comuns
- Um checkout limpo e minimalista: defina Ícones como Nenhum.
- Ajudar os clientes a perceber cada campo depressa: defina Ícones como Predefinido e Posição como Início.
- Os campos parecem apertados nos telemóveis: experimente Ícones em Etiqueta, para o próprio campo ter mais espaço para o texto.
- A posição da etiqueta fica estranha com o meu tema: mude o Tipo para a outra opção e compare.
Bom saber
- Estas configurações pertencem ao mercado que está a editar e aplicam-se a todas as suas páginas.
- As alterações ficam ativas quando clica em Publicar.
- A espessura da linha dos ícones segue as Configurações dos ícones.
- Mudou de ideias? Desfaça a alteração no construtor. Veja Atalhos, desfazer e refazer.