FROM CACHE - pt-br_header

Melhoria no Checkout One-Page: Separação dos Campos de Endereço e Número

Melhoria no Checkout One-Page: Separação dos Campos de Endereço e Número

igormanaue
Turista
6 0 8

 

Recentemente, foi lançado o checkout one-page integrado com os gateways de pagamento do Brasil, o que considero um avanço positivo para o nosso mercado. No entanto, esse lançamento veio incompleto, faltando um detalhe crucial para os consumidores brasileiros: o número da residência fica no mesmo campo que o nome da rua ou avenida.

Isso impacta negativamente a experiência de compra, especialmente em um momento tão decisivo para a conversão, que é o preenchimento dos dados no checkout. No Brasil, os clientes de e-commerce estão acostumados a preencher o nome da rua em um campo e o número da residência em outro. Colocar essas duas informações no mesmo campo pode confundir o cliente, resultando em uma queda na taxa de conversão.

Nas imagens abaixo, apresento o checkout em três etapas de uma loja Shopify brasileira. Este formato funciona perfeitamente, pois o cliente preenche o CEP, e o nome da rua, cidade e bairro são preenchidos automaticamente. Em seguida, há um campo específico para o número da residência e outro para o complemento. O único problema desse checkout é que ele não é one-page. O checkout one-page deveria funcionar dessa forma.

 

cep12321.png

cep23.png

 

Ainda há muitas pessoas no Brasil que não têm muita familiaridade com compras online, então o processo deve ser o mais simples possível, pensando nas necessidades do nosso mercado.

Além disso, não aprovo a forma atual de preenchimento automático do endereço no checkout one-page, que apresenta sugestões de endereço baseadas no CEP.

Sendo assim, sugiro as seguintes atualizações:

1 - Nas informações do endereço, apresentar primeiramente apenas o campo do CEP, pois esse é um dado obrigatório. Após o cliente preencher o CEP, acontecer o preenchimento automático do endereço (exceto número e completo, é claro) conforme imagens acima.

2 - Ter um campo específico e individual para o preenchimento do número do endereço. Essa informação não deve compartilhar o mesmo campo no nome da rua/avenida.

 

Esse são detalhes simples, que inclusive já foram disponibilizados em outras versões do checkout (conforme imagens acima), mas fazem toda a diferença para nós lojistas, pois afeta diretamente a conversão.

Acredito que a Shopify deveria dar mais atenção e olha com mais carinho para o nosso mercado. 

16 RESPOSTAS 16

Skence
Explorador
48 0 12

Fala Igor, beleza?

 

Cara, concordo 100% com essas melhorias. É justamente pela ausência delas que a shopify toma prejuízo com os checkouts externos alternativos, como yampi, cartpanda, cartx, etc. Torço para que a shopify implemente isso, visando melhorar a qualidade e experiência do ecommerce brasileiro.

 

No meu caso, eu utilizo o Bling ERP,  e lá o endereço precisa ser separado em 2 campos (rua e número). Do jeito que está atualmente, as informações são enviadas da shopify para o bling com nome da rua e número no mesmo campo. Dessa forma eu preciso ajustar manualmente o endereço de cada pedido para que fique no formato correto (separado em 2 campos). Isso de fato confunde o cliente, pois já estamos acostumados a informar nome da rua em um campo, e número em outro.

 

Qual gateway você usa? A Appmax lançou recentemente o checkout one page, mas a integração deles é péssima, e pelo menos aqui não funciona. Penso em migrar para mercado pago, mas ainda não sei se existe one page para o checkout transparente deles.

igormanaue
Turista
6 0 8
Opa! Pois é, são detalhes que fazem muita diferença O Checkout onepage foi
lançado em dezembro na gringa e só agora fizeram esse lançamento pros
gateways brasileiros, mas de forma "capenga" ainda.

Eu utilizo o checkout externo da yampi com appmax . Estou esperando fazerem
essas melhorias pra eu testar o onepage da appmax. Mercado Pago nunca usei.

Quero muito mudar pro checkout transparente da shopify, mas da forma que é
preenchido o CEP hoje e com essa questão do campo do número eu fico com
medo.

Valeu!
giovannabeck
Visitante
3 0 0

Oi, pessoal, tudo bem?

 

Estou lendo a conversa de vocês e fiquei com dúvidas. Também estou lutando aqui para encontrar o checkout e provedor de pagamento ideal para o meu negócio (até pedi ajuda sobre isso em um post aqui na comunidade mas ainda não tive resposta).

 

Fiquei intrigada com esse Yampi, pareceu oferecer uma checkout mais organizado e intuitivo que o do Shopify mesmo, mas li em outros posts que não é homologado da Shopify e pode apresentar problemas. Vocês já tiveram algum problema com ele?? 

E qual provedor de pagamentos vocês indicariam?

 

Testei Mercado Pago e Appmax e nenhum deles funcionou checkout transparente… mas fiquei tendendo mais para o lado do Mercado Pago, pois o Appmax não consegui configurar opções de parcelamento (se eu arco com juros ou se o cliente arca com juros até x parcelas) e achei estranho que apareceu opção de cartão de crédito antes de direcionar para o checkout da appmax e depois de novo (talvez seja problema de integração, não sei). 

igormanaue
Turista
6 0 8

Eu utilizo checkout yampi com appmax. Não tive problemas, e é possível configurar a taxa de parcelamento. Minha taxa de conversão do checkout é boa.

Porém você tem que configurar um subdomínio e às vezes pode gerar um delay no momento de redirecionamento da página e gerar uma experiência ruim pro usuário.
Além disso, há diversas outras vantagens de utilizar o checkout nativo da shopify (integrações, trackeamento, segurança, etc). Por isso quero tanto que a Shopify faça essas melhoras no checkout nativo mpro mercado brasileiro.

Skence
Explorador
48 0 12

Oi, Gi. No caso da appmax, você precisa pedir no chat para que alguém da equipe faça a configuração do parcelamento com absorção de juros por sua parte. Porém, pelo menos por aqui a integração não funciona. Vou testar a nova integração do mercado pago que foi lançada recentemente. Eu só não sei ainda se ela é one page, pois no artigo não ficou claro essa informação. (https://www.mercadopago.com.br/developers/pt/news/2024/05/30/New-app-Mercado-Pago-Cards-in-Shopify).

Skence
Explorador
48 0 12

Cara, acredito que com o tempo essas plataformas como yampi podem acabar parando de funcionar. Pois a Shopify deixa de receber o % sobre as vendas no checkout. Aos poucos eles estão melhorando a qualidade do checkout nativo BR, esse onepage já foi um baita avanço. Tomara que não restrinjam isso ao plano shopify plus de 2500 dólares mensais, pois complica demais quem está iniciando.  Conheço muita gente que usa yampi e se dá bem sim. No meu caso, eu não posso usar yampi justamente por utilizar outros apps aqui da shopify que só funcionam no checkout nativo.

igormanaue
Turista
6 0 8

Pois é, a comunidade tem que fazer barulho pra eles acelerarem as melhorias.

Quais problemas tu teve utilizando o appmax no checkout onepage?

E dá pra utilizar o Mercado Pago nesse novo checkout onepage, mas só pra cartão, pelo que entendi:
https://community.shopify.com/c/blog/passo-a-passo-atualize-sua-loja-com-a-vers%C3%A3o-mais-recente-...

 

https://community.shopify.com/c/blog/lista-atualizada-conhe%C3%A7a-os-novos-apps-de-pagamento-que-v%...

Paula
Shopify Staff
1930 367 301

Olá @igormanaue e pessoal!

 

Muito obrigada por compartilhar suas sugestões e preocupações! Entendo que mudanças, especialmente em ferramentas essenciais como os apps de pagamentos e no checkout, podem gerar dúvidas e frustrações. Por isso, valorizamos muito o seu feedback e fico feliz em informar que já os encaminhei para a nossa equipe de produtos. Embora, eu não possa garantir que cada sugestão resultará em uma mudança em nossa plataforma, eles sempre analisam todas as sugestões compartilhadas e estão sempre em busca de aprimorar nossas soluções para melhor atender às necessidades dos nossos lojistas brasileiros.

 

Sobre a questão do campo número no formulário de endereço, entendemos a importância de garantir que todas as informações necessárias sejam preenchidas corretamente para evitar problemas na entrega. Atualmente, nosso formulário possui um campo único para o nome da rua e número da casa. 

 

Para contornar isso e garantir que o número da casa não seja esquecido, você pode considerar usar aplicativos como o Checkout Ampliado ou Jataí: Pedidos Customizados. Esses apps podem exibir uma mensagem de alerta que exige que o número seja preenchido, além de oferecerem integração com sistemas ERP, identificando automaticamente o número de rua. Recomendo entrar em contato com o suporte desses aplicativos para entender melhor como podem atender às suas necessidades específicas.

 

Quanto aos novos apps de pagamentos, agora, os lojistas podem contar com mais opções. As novas integrações permitem que você escolha entre diferentes provedores, não se limitando a opções únicas como Appmax ou Mercado Pago. 

 

Por exemplo, o Mercado Pago oferece uma solução de pagamentos de cartões sem redirecionamento (transparente), mas poderá utilizar outro provedor para pix e boleto. Ou se preferir utilizar um único provedor como o Mercado Pago, eles tem o app de cartões que é transparente (mesmo ambiente do checkout da Shopify) e app de pagamentos para pix e boleto, com um redirecionamento, veja o vídeo que mostra o funcionamento na seção "Experiência de compra dos novos apps de pagamento"

 

Neste outro post, você pode conferir a lista atualizada dos apps de pagamento disponíveis em nossa plataforma, onde há detalhes do tipo de operação (transparente ou com redirecionamento) de cada app.

 

Agradeço novamente pelo seu feedback e estamos à disposição, se alguma dúvida surgir. Até mais!  

Paula | Social Care @ Shopify 
 - A minha resposta foi útil? Clique em Curtir para me dizer! 
 - Sua dúvida foi respondida? Clique em Aceitar Solução
 - Para saber mais visite nossa Central de Ajuda Shopify ou nosso Shopify Blog

igormanaue
Turista
6 0 8

Obrigado pela resposta. 

Quero que você me diga como posso utilizar o checkout como nas imagens do meu post inicial aqui.

Aquele é um checkout 3 etapas, que aparece primeiramente o campo do CEP para preenchimento, e depois abre os os outros campos, com um campo individual para o preenchimento do número.

 

Exemplo de outro checkout que está da forma que quero:

igormanaue_0-1720271185095.jpeg

 

Isso já atenderia minha necessidade no momento. Porém, se configuro o checkout de 3 etapas na minha conta, não aparece dessa forma. Aparece todos os campos de endereço no primeiro momento, e não aparece um campo individual para o CEP.

 

igormanaue_1-1720271294094.png

 

Por favor, me ajude a ajustar isso no checkout. Tentei ajuda com o suporte, porém não conseguiram ajustar isso.

Paula
Shopify Staff
1930 367 301

Agradeço pela sua mensagem e fico feliz em te orientar com a questão do campo do CEP no checkout, @igormanaue. Pelo que você descreveu e pela imagem que enviou, o que você precisa é exatamente o comportamento na nova versão de checkout. O comportamento esperado após a atualização dos apps de pagamento é que o campo CEP apareça primeiro, com o recurso de autocomplete, tanto no layout de uma página quanto no de três páginas. Isso deve ocorrer independentemente do app de pagamento que você esteja utilizando. 

Se isso não está acontecendo, pode haver algum impedimento técnico que está bloqueando a migração para a nova versão. Você poderia confirmar se desativou os apps antigos de pagamento? Além disso, sugiro verificar se você recebeu um email por volta de 19 de junho, que poderia indicar se há algum script na sua loja impedindo a migração.

Caso já tenha desativado os apps antigos e tenha recebido tal email, recomendo que entre em contato com nosso suporte através do chat na Central de Atendimento aqui. Informe ao atendente que já discutimos este assunto aqui na comunidade e utilize as informações compartilhadas por aqui para agilizar o seu atendimento.

Paula | Social Care @ Shopify 
 - A minha resposta foi útil? Clique em Curtir para me dizer! 
 - Sua dúvida foi respondida? Clique em Aceitar Solução
 - Para saber mais visite nossa Central de Ajuda Shopify ou nosso Shopify Blog

gbaims
Shopify Partner
1 0 0

Olá @igormanaue. Talvez a própria @Paula não saiba, mas esse checkout que você enviou no print era uma personalização do Mercado Pago ou Pagbrasil utilizando o checkout.liquid, que pelo que entendi está sendo descontinuado pelo Shopify a partir de amanhã 19/7. O comportamento do Checkout atual é um autocomplete baseado no CEP que o cliente preenche, mas é um retrocesso comparado à extinta implementação do Mercado Pago, que populava o endereço ao término do preenchimento do CEP, ao invés de apresentar sugestões.


Oi @Paula, como vai?

 

Esses workarounds com o Jataí e Checkout Ampliado infelizmente não são suficientes e os erros continuam acontecendo. Repare que não são necessidades específicas de um negócio ou outro, são necessidades de um mercado como um todo, que o Shopify aparentemente negligenciou quando decidiu aposentar o checkout.liquid.

 

Todos os e-commerces brasileiros separam campos de NÚMERO e BAIRRO. Por mais que vocês apresentem avisos e mensagens, exigir que o usuário se comporte de maneira divergente ao que faz em todos os outros e-commerces não é razoável.

 

Até o dia de hoje podíamos utilizar o checkout.liquid com personalizações que ajudavam nessa tarefa. Agora que vocês removeram essa possibilidade e resolveram assumir toda a responsabilidade pelo checkout, é preocupante que não tenham percebido que esse é um problema grave que precisa ser resolvido com a máxima urgência.

 

Me coloco a disposição para ajudar de forma que foi possível na inclusão desse recurso essencial para o nosso mercado.

Skence
Explorador
48 0 12

testei aqui o Mercado Pago e deu certo mesmo. Sobre a appmax, os dados do pedido são enviados incorretamente para o dashboard deles. Houve um segundo problema em que meu saldo para saque ficou negativo, isso já me deixou com receio de utilizar uma plataforma sem muita transparência e garantia que meu saldo não "suma" do nada como ocorreu recentemente. Vou seguir com Mercado Pago mesmo, pois me passa maior confiança apesar da fama pela baixa taxa de aprovação.

kleberpera
Visitante
2 0 1

Perfeito Igor.

Esta atualização do checkout padrão da Shopify removendo o campo individual para o número da rua atrapalha bastante os vendedores aqui no Brasil.

Comecei a testar a plataforma Shopify antes da atualização do checkout e existia este campo, assim como o campo de CEP aparecer primeiro e completar automaticamente os demais campos.

Esta atualização não foi nada interessante para as lojas brasileiras.

eldercichello
Visitante
1 0 0

@igormanaue Concordo com todos os pontos que você trouxe. Fiquei feliz demais quando a Shopify disponibilizou seu próprio checkout transparente, e é uma pena que ainda não tenham corrigido um detalhe tão simples, que é inserir um campo de "Número" ao lado do Endereço, visto que o padrão do Brasileiro é esse.  Outro detalhe simples, mas que faz toda diferença na conversão, é dar o famoso "auto-complete" no campo de endereço, após o usuário digitar o CEP, que facilita muito na jornada do usuário.

 @Paula faço questão de reforçar que solicitem essas sugestões de mudanças ao time de desenvolvimento, é algo simples, mas que faz toda diferença. (Principalmente adicionarem o campo do "Número" separado do endereço, visto que somente o checkout de vocês funciona assim no Brasil. Checkout é um lugar onde precisa funcionar 100% e ter o menor esforço por parte do usuário. Contem comigo se precisarem de qualquer coisa.

Skence
Explorador
48 0 12

Pessoal, passando aqui pra avisar vcs que a shopify finalmente implementou a separação de campos, porém deve solicitar direto no suporte deles conforme consta nessa documentação: 

 

https://help.shopify.com/en/manual/international/shipping/international-considerations?#additional-a...

PAULO_TEOTONIO
Turista
8 2 2

Muito obrigado, estava esperando isso a tempos, realmente funciona, entrei em contato com o atendimento e eles estão ativando em minha conta , veja abaixo o que será ativado! Demorou 10 min no atendimento!

Resposta do Atendimento: Estou verificando aqui e isso é elegível para sua loja, já que você está localizado no Brasil. Para confirmar, são esses os itens que você queria adicionar?

PAULO_TEOTONIO_0-1721425764646.png

PAULO_TEOTONIO_1-1721426357744.png