Pop-ups de upsell no celular: por que o cliente fecha
A maior parte das visitas a uma loja Shopify típica vem do celular, e é ali que as ofertas de upsell dão errado. Uma janela que parece organizada no notebook vira, numa tela pequena, uma caixa que cobre o botão de finalizar compra, um X pequeno demais para acertar e uma imagem que empurra o preço para fora da vista. O cliente não lê. Procura a saída.
O que dá errado numa tela pequena
- O botão de fechar é um X minúsculo num canto, fácil de não ver e difícil de tocar com o polegar.
- A janela é mais alta que a tela: os botões ficam lá embaixo, e o cliente tem de rolar dentro de um pop-up.
- A página de trás continua rolando, e o cliente se perde.
- A janela demora um segundo para aparecer, e o cliente já tocou em outra coisa.
- A oferta aparece por cima dos pop-ups do tema: newsletter, cookies, chat.
O que funciona
- Um painel que sobe da parte de baixo da tela, onde o polegar já está, em vez de uma caixa no meio.
- Tudo visível sem rolar: uma imagem pequena, o nome do produto, o preço, dois botões.
- Um botão de recusa escrito por extenso — “Não, obrigado, continuar para o pagamento” —, tão grande e fácil de tocar quanto um botão normal.
- O básico de teclado e acessibilidade: a oferta fecha com Esc e respeita quem desativou as animações.
- A cara da sua loja. Um pop-up com outra fonte e outra cor que o resto do site parece anúncio, e anúncio a gente fecha.
Um teste de cinco minutos no seu próprio celular
- Abra a sua loja no celular, e não num notebook com a janela estreitada.
- Coloque no carrinho o produto que dispara a oferta e toque em “Finalizar compra”.
- Confira se o preço e os dois botões aparecem sem rolar.
- Recuse com o polegar, usando uma mão só. Depois repita e aceite.
- Faça de novo num segundo celular, se puder, de preferência pequeno ou antigo.
Teste também com o aviso de cookies ainda aberto e com o pop-up de newsletter ativo. Duas janelas ao mesmo tempo é o jeito mais comum de uma boa oferta ser fechada sem ser lida.
Depois do pagamento, você tem menos controle
A página pós-compra é desenhada pelo Shopify, não pelo seu tema nem pelo aplicativo, e já foi pensada para celular. O que você controla ali é o texto e o produto, então as regras acima valem para o que você escreve: um título claro, um preço visível, um jeito óbvio de recusar.
No FlatUpsell
No celular, a oferta de carrinho do FlatUpsell vira um painel que sobe da parte de baixo da tela, com o preço e os dois botões à vista. Ela adota a fonte do seu tema e a cor e o arredondamento do seu próprio botão de finalizar compra, fecha com Esc e dispensa a animação para quem desativou as animações. Você pode visualizá-la na sua página de carrinho real pelo aplicativo, antes que qualquer cliente a veja.