Resposta rápida
Uma calculadora de frete na gaveta do carrinho deve responder à dúvida sobre destino e custo sem transformar a gaveta em um segundo checkout. Coloque-a perto do subtotal ou do botão de checkout, mantenha o estado recolhido compacto, preserve os controles de fechar e de checkout da gaveta, recalcule após mudanças no carrinho e teste o comportamento com teclado, toque, no celular e após atualizações do tema. Como as gavetas são específicas de cada tema, a compatibilidade precisa ser verificada no tema exato em produção.
Preserve a função principal da gaveta
A gaveta do carrinho existe para revisar o pedido e continuar comprando ou finalizar a compra. Uma calculadora de frete deve apoiar essa decisão, não dominá-la. Use uma chamada curta, revelação progressiva e resultados compactos que continuem legíveis ao lado do subtotal e dos controles de checkout.
Atualize quando o carrinho mudar
Uma cotação desatualizada é pior do que nenhuma cotação. Adicionar, remover ou mudar a quantidade pode alterar o peso, o subtotal, as combinações de perfis e a elegibilidade para frete grátis. A calculadora deve atualizar seu contexto ou pedir claramente um novo cálculo.
Projete para um espaço estreito e dinâmico
As gavetas costumam ser estreitas e roláveis. Evite estouro horizontal, mantenha áreas de toque confortáveis, não cubra o botão de checkout e anuncie mudanças nos resultados para tecnologias assistivas. O estado de carregamento deve reservar espaço para que a gaveta não dê saltos.
Teste de novo após mudanças no tema
Os temas podem substituir a marcação, os nomes de classe ou o comportamento de renderização da gaveta em uma atualização. Registre a versão e o seletor usados e inclua a calculadora em todo teste de regressão de atualização do tema.
Checklist
- Visível perto do subtotal ou do checkout
- Estado fechado compacto
- Sem estouro horizontal
- Botão de checkout continua acessível
- Recalcula após mudanças no carrinho
- Estados de carregamento e sem tarifa cabem no espaço
- Foco do teclado segue uma ordem lógica
- Mudanças no resultado são anunciadas
- Testado no celular
- Atualizações do tema geram novos testes
Perguntas
Todos os temas Shopify usam a mesma gaveta de carrinho?
Não. A marcação e o comportamento das gavetas variam por tema e versão, então a compatibilidade precisa ser testada.
A calculadora deve abrir automaticamente?
Geralmente é melhor mantê-la compacta até o cliente pedir uma cotação, a menos que o frete seja o fator decisivo no seu catálogo.
Onde os resultados devem aparecer?
Mantenha os resultados perto do campo de entrada e do subtotal, com o botão de checkout ainda visível e utilizável.
Fontes
As páginas da Central de Ajuda da Shopify podem abrir em inglês.