Clientes se confundindo na hora de pagar o pix

  • Olá. Estou dando suporte em uma loja de uma cliente minha e notamos um padr?o bastante específico, que acredito ter identificado corretamente só agora.

    Algumas consumidoras estavam relatando problemas para finalizar o pagamento via pix, elas dizem que ao ir na fun??o PIX COPIA E COLA do aplicativo do banco e colarem o código, aparece a mensagem de código inválido.

    Depois de muito bater cabe?a notamos uma coisa. Veja este print feito no celular: https://imgur.com/khGlCfG

    Apesar de haver um bot?o CLIQUE AQUI PARA COPIAR O CóDIGO PIX, que copia corretamente todo o código pix, algumas consumidoras parecem estar tentando selecionar e copiar manualmente o código (segurando o dedo em cima do código, assim como fazem quando v?o selecionar algum texto em qualquer outro aplicativo).

    Ocorre que o código pix completo possui espa?os (na raz?o social da empresa), sendo assim a consumidora inadvertidamente n?o copia o código inteiro, sendo assim o código fica incompleto e a pessoa n?o consegue finalizar o pagamento.

    N?o é uma falha da Asaas, eu sei disso, porém como é possível ver neste print o código completo é exibido com overflow ativado, por isso só aparece uma linha do código e n?o o código completo em várias linhas no celular. Exibir o código completo sem overflow pelo menos daria para o usuário a no??o visual de que ela n?o selecionou o código inteiro corretamente.

    Ent?o fica a minha sugest?o de melhoria de UX.

Viewing 1 replies (of 1 total)
  • Thread Starter denisgomesfranco

    (@denisgomesfranco)

    Enquanto uma solu??o definitiva n?o aparece eu consegui elaborar um código CSS que altera o visual do código pix de modo que ele apare?a em várias linhas. Talvez n?o seja a solu??o ideal, mas pelo menos dessa forma fica evidente para o usuário que ele n?o selecionou o código inteiro, caso ele tente selecionar o texto manualmente.

    li.asaas-pix-copy-to-clipboard > div > p { overflow-x: unset; overflow-y: unset; word-break: break-all; white-space: normal; height: unset; border: solid #eeeeee 1px; padding: 5px; }

    Edit: e olha que coisa curiosa… aqui mesmo no fórum, o código acima é exibido em uma única linha, sem quebra de linha, e para conseguir ver tudo você precisa arrastar pra direita. E foi exatamente esse mesmo tipo de comportamento na formata??o do código no checkout que causou a tal confus?o de alguns usuários no pix em primeiro lugar ??

Viewing 1 replies (of 1 total)
  • The topic ‘Clientes se confundindo na hora de pagar o pix’ is closed to new replies.