Opções condicionais de produto: mostre um campo só quando ele se aplica

O que é um campo condicional

Um campo condicional aparece só quando uma resposta anterior pede por ele. Marque “Embalagem para presente” e surge uma opção de papel de embrulho. Marque “Adicionar mensagem de presente” e aparece uma caixa de mensagem. Escolha um tamanho personalizado e a página pede as medidas.

O cliente que não quer essas coisas nunca as vê. Quem quer recebe exatamente a pergunta que vem a seguir.

Por que isso importa

Cada campo que o cliente lê é um motivo para parar. Se a página mostra a mensagem de presente, a gravação no verso e as medidas para todo mundo, a maioria lê perguntas que não se aplicam a ela, e alguns saem antes de chegar em Adicionar ao carrinho.

Campos condicionais mantêm o formulário curto para cada cliente e ainda coletam tudo para os pedidos que precisam. Também mantêm seus pedidos limpos: nada de linhas vazias de “Mensagem de presente:” em pedidos sem presente.

Três tipos de condição

Quase todo campo condicional usa uma de três regras:

• Quando um campo está preenchido: uma caixa é marcada, ou uma caixa de texto tem algo dentro. “Gravar por dentro” marcado mostra “Mensagem interna”.
• Quando um campo é igual a um valor: “Texto” definido como “Minhas próprias palavras” mostra uma caixa para as palavras do cliente.
• Quando um campo é qualquer coisa menos um valor: um cartão definido como qualquer coisa menos “Sem cartão” mostra “Mensagem do cartão”.

Padrões de modelos reais

Estes vêm direto dos nossos modelos:

• Anel: “Gravar por dentro” mostra “Mensagem interna”, até 16 caracteres.
• Pingente: “Gravar no verso” por +R$ 40,00 mostra “Gravação no verso”.
• Pulseira de coordenadas: “Lados gravados” definido como “Frente e verso” (+R$ 40,00) mostra um campo para o verso.
• Presentes: “Embalagem para presente” por +R$ 20,00 mostra o papel de embrulho; “Adicionar mensagem de presente” mostra a mensagem.
• Roupas: um tamanho definido como “Personalizado” mostra “Medidas”.
• Impressão: um design definido como “Enviar uma imagem” mostra o upload; definido como “Texto”, mostra uma caixa de texto.
• Mapas: “Número de lugares” definido como 2 ou 3 mostra o segundo e o terceiro lugar, por +R$ 50,00 e +R$ 100,00.
• Memoriais: “Texto” definido como “Minhas próprias palavras” mostra “Suas palavras”.

Deixe o cliente optar por não personalizar

As condições também funcionam ao contrário. Nosso modelo “pular personalização” começa com uma caixa “Personalizar”; só quando ela é marcada aparecem “Iniciais” e “Cor da linha”, então o cliente pode comprar a versão simples sem passar por um monte de campos.

Para clientes que ainda não sabem os detalhes, uma configuração de “detalhes depois” tem uma caixa, “Envio os detalhes após o checkout”, que esconde os campos de nome e data. Você recebe o pedido agora e os detalhes por e-mail.

Regras para condições limpas

• Faça a pergunta decisiva primeiro. Um campo só deve depender de respostas acima dele, para que nada apareça acima de onde o cliente está lendo.
• Não cobre pelo que está escondido. Quando um campo pago desaparece, o preço dele sai do total.
• Não exija o que está escondido. Um campo obrigatório só deve bloquear Adicionar ao carrinho enquanto o cliente pode vê-lo.
• Fique um nível de profundidade quando puder. Correntes de condições são difíceis de acompanhar, para clientes e para você.
• Deixe o gatilho claro. “Gravar no verso (+R$ 40,00)” diz o que acontece quando você marca.

Escreva o gatilho e o desdobramento juntos

O gatilho e o campo que ele abre devem ser lidos como um par:

• “Adicionar mensagem de presente” abre “Mensagem de presente”.
• “Imprimir meu endereço de remetente (+R$ 50,00)” abre “Endereço de remetente”, em papel de carta personalizado.
• “Adicionar dados de nascimento (+R$ 40,00)” abre “Dados de nascimento”, em uma manta com nome de bebê.

Quando o cliente marca a caixa, a próxima coisa que ele vê deve ser exatamente o que esperava preencher.

Condições e preços

Condições e preços funcionam bem juntos. O preço fica na resposta que decide (“Adicionar uma foto comestível” +R$ 50,00), e o campo seguinte (“Foto para o bolo”) aparece sem preço próprio. O cliente vê o custo uma vez, no momento em que escolhe.

Uma opção também pode mudar os preços de outro campo. No nosso modelo de colar com nome, os preços do comprimento da corrente dependem do metal: uma corrente de 18 in acrescenta R$ 75,00 no ouro e R$ 25,00 na prata.

Quando não usar uma condição

• Todo cliente precisa disso. Se você não consegue fazer o produto sem o campo, mostre desde o início.
• Isso muda o produto em si. Um tamanho ou material diferente que você tem em estoque é uma variante, não uma condição.
• Isso esconde um custo. A resposta que acrescenta um preço deve estar sempre visível; só o campo seguinte pode aparecer depois.

Teste como um cliente

Percorra todos os caminhos: escolha, mude de ideia, escolha de novo. Confira se o total acompanha, se os campos ocultos não chegam ao pedido e se o pedido no seu admin fica claro. Faça isso no celular, onde formulários longos machucam mais.

Com a GMVify

O GMVify Custom Product Options mostra um campo só quando uma resposta anterior pede por ele, e pode precificar uma opção com base em outra, como os preços da corrente por metal na configuração de joias com nome. Os modelos acima já vêm com suas condições prontas, então você começa de um formulário que funciona e troca as palavras e os preços pelos seus.