Configuração de Fábrica
Assim que o plugin é instalado, ele puxa as configurações atuais dos campos do checkout como rótulo, classes, prioridade e placeholder (texto de exemplo) com fins de manter compatibilidade com possíveis alterações que você já pode ter feito em seu WooCommerce. Estas não são as configurações de fábrica do plugin e sim do seu sistema atual. Caso seja de sua preferência, resete as configurações para que sim fiquem como o autor do plugin imagina que seria um checkout otimizado para lojas brasileiras.
Para isto, visite a seção Redefinir as opções dos campos de checkout para os padrões.
Caso note que as configurações antereiores era melhores do que as de fábrica do plugin, basta desinstalar o plugin e reinstalá-lo para que volte a ser como era antes. Se ainda estiver enfrentando dificuldades, abra um ticket de suporte no canal oficial visitando a seção Suporte e Sugestões de Melhoria ao fim desta página.
Entendendo as telas de configuração
O plugin, em sua versão de lançamento Release Candidate (v0.3.5) tem 4 abas de configuração e vamos entender cada uma delas:
Campos de Checkout
Nesta aba é possível manipular os campos do checkout (tela de finalização de compra), e certas características, além de resetar tudo caso queria voltar as configurações de fábrica do plugin, da forma como o autor otimiza as lojas de seus clientes. Veremos cada seção a seguir.
Campos de Faturamento, Campos de Entrega e Campos de Observações
Os controles destas seções são todos parecidos, a não ser pelo “Tipo de Pessoa” que tem uma particularidade. Vamos falar sobre ele e depois usar um “normal” de exemplo que servirá para todos os outros. Antes de mais nada, note que os campos destas seções tem ou a cor roxa ou a cor amarelo com verde. Os campos de cor roxa são aqueles nativos do WooCommerce, que existem mesmo sem o plugin ativado. Já os de cor verde e amarelo são os campos adicionados por este plugin. Disto isto, vamos às configurações dos campos:
Tipo de Pessoa
Neste campo há um controle a mais do quê nos outros: O Modo de operação da loja. Se sua loja só atende pessoas físicas, escolha ‘Somente PF’. Igualmente, se só atende pessoas jurídicas, selecione ‘Somente PJ’ e se atende ambos, deixe o padrão ‘PF e PJ’. É difícil imaginar um cenário onde nenhum dos dois seria usado, mas de qualquer forma há a opção para ‘Nenhum’.
Ao modificar o modo de operação da loja, alguns campos serão desativados. Por exemplo: Se você selecionar ‘Somente PF’, em geral, não faz sentido ter o campo ‘Nome da Empresa’ habilitado. Campos desabilitados ficam como o “Sobrenome” na imagem acima.
Mas calma, mesmo sendo um padrão, sabemos que sua loja pode ter necessidades específicas e você pode habilitar um campo que fora desabilitado automaticamente, sem dificuldade. Basta clicar no botão de alternância (toggle) no cabeçalho (área colorida do campo).
Note também que o campo ‘Tipo de Pessoa’ não tem um botão de alternância liga/desliga. Este campo só aparecerá no checkout se o modo estiver configurado para ‘PF e PJ’.
Outros Campos
O restante dos campos tem 5 opções que você pode configurar, explicadas logo a seguir:
- Rótulo: É o título do campo que aparece acima da caixa de entrada de dados.
- Texto de exemplo: Isto é o que aparece dentro do campo antes de o usuário digitar algo lá dentro. Caso queira uma tela de checkout mais enxuta, você pode apagar o texto dos rótulos de todos os campos e só deixar os textos de exemplo.
- Prioridade: Esta é a forma como o WooCommerce sabe em que ordem você quer colocar os campos. Talvez você queira que o telefone seja a primeira informação a ser coletada. Basta alterar a prioridade de acordo.
- Classe(s) CSS: Esta é uma informação geralmente usada por desenvolvedores para poder estilizar elementos HTML e voce pode adicionar suas próprias classes aqui. Por padrão, o WC usa 3 classes para os campos sendo elas:
- form-row-first: Divide a linha em 2 colunas e faz com que o campo ocupe a primeira (coluna da esquerda).
- form-row-last: Similar à de cima, mas faz com que o campo ocupe a posição da direita.
- form-row-wide: Não divide a linha e o campo ocupa a linha inteira.
- Obrigatório?: Se afirmativo, o campo exigirá que o cliente digite alguma coisa ou não permitirá a continuação do fluxo de compra. Se negativo, mesmo se o campo estiver vazio, permitirá que a compra seja efetuada.
Exceções
Há algumas excessões ao padrão explicado acima, sendo elas:
- Nome de Usuário e Senha da Conta: Estes campos não podem ser habilitados/desabilitados pelo plugin. Você deve alterar nas configurações do WooCommerce. Para ir rapidamente, basta clicar no link
Se a opção ‘Enviar link de configuração de senha (recomendado)‘ estiver habilitada, a senha será enviada ao usuáio e não haverá necessidade de ter o campo senha no checkout. Caso queira que o usuário digite a própria senha, desmarque esta opção.
Se a opção ‘Generate account login (recommended)‘ estiver habilidata, o nome de usuário será gerado automaticamente e não haverá necessidade de ter o campo nome de usuário no checkout. Caso queira que o usuário digite o próprio username, desmarque esta opção.
- Observações do Pedido: Não tem as opções de Classe(s) CSS ou prioridade, pois não faz sentido esse campo sendo pequeno e a prioridade só alteraria a posição dentro do próprio bloco e este é o único campo dentro do bloco (por padrão).
Empresa como nome
Caso o usuário selecione PJ no checkou ou o modo de Tipo de Pessoa seja Somente PJ, você pode achar que faça mais sentido que o usuário logado veja seu nome como o nome da empresa, principalmente quando o representante de compras é alterado com frequência dentro de uma empresa. Se esta opção estiver marcada, o nome da empresa será salvo no metadado first_name do WordPress. Veja abaixo como o WooCommerce usa o nome em Minha Conta.
Melhoria das caixas de seleção
Select2 é uma biblioteca que transforma campos do tipo Select em Select2, dando um look & feel mais moderno. O campo fica mais compacto e você pode digitar dentro da caixa de seleção para encontrar o que deseja. Veja abaixo um exemplo. O “contra” do Select2 é que ele carrega mais arquivos e altera o campo on-the-fly (pós-carregamento da página). Experimente ambos na sua loja e veja qual gosta mais.
Máscara de campo
Máscaras de campo servem para deixar uma entrada mais amigável e promovem uma melhor experiência de usuário. Por exemplo, ao digitar um número de CPF, em vez de 12345678909, os pontos e traço são adicionados automaticamente, deixando a entrada como 123.456.789-09.
Salvar Alterações
Lembre-se de sempre salvar suas alterações antes de sair desta tela ou terá de refazer tudo de novo. O botão fica desativado até que algo seja alterado.
Redefinir as opções dos campos de checkout para os padrões
Esta seção é auto-explicativa. Se clicar no botão, todas as configurações desta página serão resetadas para as configurações de fábrica
Preenchimento automático de endereços
Esta tela é dividida em 2 seções. Vamos a cada uma delas.
Ativação do preenchimento automático
Aqui você poderá escolher se quer ativar o preenchimento automático para a seção de faturamento e/ou entrenga ou nenhum. Caso habilite, quando o usuário digitar o CEP, automaticamente será feita uma requisição via API da BrasilAPI ou ViaCEP (backup). Se qualquer das duas receber um resultado, o endereço (logradouro, bairro, cidade e estado) será automaticamente digitado nos campos apropriados.
Bloquear campos após preenchimento automático
Se quiser que os campos de endereço sejam bloqueados após o plugin receber um endereço como resultado à consulta de API, basta selecionar aqui os campos que quer que sejam bloqueados. Se estiverem marcados, para o usuário alterar um destes campos, terá de digitar um novo CEP. Quando a API não retorna um endereço válido, os campos não são bloqueados, mesmo que configurados para bloquear, para que o usuário possa digitar seu endereço manualmente.
Uma conta por CPF/CNPJ
Habilitar validação de uma conta por CPF/CNPJ
Se esta opção estiver marcada, a partir deste momento, quando um usuário tentar registrar uma conta, seja pelo checkout ou pelo Minha Conta, ele terá de colocar um CPF ou CNPJ que ainda não está salvo no sistema ou será impedido de prosseguir com a criação de conta.
Esse recurso é particularmente interessante quando você tem promoções para primeira compra de novos clientes.
Use CPF ou CNPJ como nome de usuário para login
Você já deve ter percebido que algumas das gigantes, como a Shopee, usa o CPF/CNPJ como nome de usuário para fazer login. Se esta opção e a opção do WooCommerce de gerar nome de usuário automaticamente estiverem ambas ligadas, o CPF ou CNPJ digitado serão o novo username e, com isso, o usuário poderá fazer login com seu e-mail ou CPF/CNPJ.
Por consequência, ativar esta opção implica em ativar a anterior, já que não é possível ter 2 usuários com o mesmo nome de usuário para fazer login.
Formulário de Registro de Usuário
Campos do Formulário
Aqui você pode habilitar/desabilitar quais campos gostaria que o usuário preenchesse na página de registro de usuário do Minha Conta. Por padrão, apenas email (e talvez nome de usuário e senha da conta, a depender das configurações do seu WooCommerce -> Contas e Privacidade) é exigido para registro. Aqui você pode configurar para que mais campos sejam preenchidos, seguindo as propriedades (rótulo, prioridade, etc) configuradas na aba ‘Campos do Checkout‘. A única propriedade que pode ser sobreposta aqui é a das classes que veremos no próximo tópico.
Tornar todos os campos amplos no formulário de registro
A tela do Minha Conta é dividida em 2 colunas quando o usuário não está logado, sendo Login e Registro de usuário. Por conta disto, a seção de registro pode ficar bem curta a depender do tamanho do seu conteiner. Marcando esta opção, as opções de classe ‘form-row-first’ e ‘form-row-first’ serão sobrescritas para ‘form-row-wide’, deixando todos os campos com largura total, ou seja, 1 por linha.