Erro na página de carrinho e tema com erro em configuração local.

[ricardo_caslati]

Olá pessoal, tudo bem?

Minha loja está um pouco estranha quando acessada pelo meu computador que uso em meu dia-a-dia, mas quando acessada por outros locais está aparentemente normal.

A minha home está com o banner cortado:

A imagem do produto está sem imagem:

e a página de carrinho retorna erro.


Eu uso sistema operacional Ubuntu com navegador Chrome, Brave e Firefox. Esse erro acontece em todos os navegadores aqui em meu local.

Sem falar que estou gerando tráfego e a shopify não está computando:

Alguém poderia me ajudar? O que poderia ser isso tudo?

[Paula · Accepted solution]

Olá @ricardo_caslati!

Entendi que você está usando o sistema operacional Ubuntu e está enfrentando dificuldades com a loja que não está carregando corretamente. Pelo que você mencionou, parece que o problema está ocorrendo apenas em seu computador.

Analisando as sua imagens, eu acessei o URL da sua loja e não encontrei nenhum problema por aqui. O banner está sendo exibido corretamente, as páginas de produtos estão carregando as imagens e ao clicar em "adicionar ao carrinho", sou redirecionada para a página do carrinho, como mostro abaixo. 

Tudo indica que pode ser um problema local relacionado ao sistema operacional ou aos navegadores que você está utilizando. Por favor, siga as instruções abaixo para tentar corrigir isso. Vamos lá!

• Certifique-se de estar com o seu sistema operacional e navegadores atualizados. Consulte os navegadores compatíveis com a Shopify.
• Limpe o cache e os cookies do navegador.
• Limpe o cache DNS do seu computador.
• Teste outro navegador e acesse a loja no modo de navegação anônima.
• Ao usar a navegação anônima, se ainda estiver enfrentando problemas de exibição, confirme se desativou as extensões do navegador, pois elas podem alterar a aparência das páginas e interferir no acesso das páginas da loja.
• Verifique se há bloqueadores de pop-ups no seu navegador. 
• Certifique-se de que não há firewalls, VPNs (redes privadas virtuais) ativadas no dispositivo ou rede bloqueando a Shopify.

Além disso, notei que você está utilizando o CartPanda, que é um checkout não aprovado pela Shopify. É comum ver lojistas que usam checkouts não aprovados enfrentando problemas com o tema da loja, erros na sincronização de pedidos, falhas no redirecionamento do checkout, assim como problemas no rastreamento de dados e sincronização de informações. Temos um artigo detalhado que informa essas questões: Perigo de usar checkouts transparentes não aprovados pela Shopify.

Caso, mesmo após seguir as orientações acima, você continue enfrentando problemas locais e com a sincronização de dados, sugiro testar sua loja com um checkout aprovado pela Shopify. Pode ser que o CartPanda esteja influenciando nos problemas relatados, como na análise do tráfego da loja. 

Espero que consiga resolver essas questões seguindo as instruções acima. Se ainda precisar de ajuda, por favor, informe mais detalhes do que já foi feito e poderemos verificar se conseguimos continuar ajudando por aqui na comunidade. Até mais!

[Fran · Accepted solution]

Você diz que configurou os pixels dentro do Google Tag Manager, mas e no admin da Shopify, @ricardo_caslati ? Como você configurou? O seu pixel seria o Google Analytics? Ou algum rastreamento personalizado? 

Pergunto, pois se for o Google Analytics, você conseguirá fazer isso pelo canal de vendas do Google que pode ser instalado em sua loja da Shopify. Aí conseguirá rastrear os eventos de conversão. Agora, se você estiver configurando pixels personalizados, você precisará de um Especialista para analisar porque os eventos não estão sendo computados. Importante notar que código personalizado é a principal causa de eventos ausentes e isso acontece especialmente quando o lojista usa checkouts externos (como a Yampi). Quando um gateway de pagamento que redireciona o cliente para fora do Shopify para efetuar o pagamento, essas compras não serão capturadas pelo pixel do canal de vendas do Google.

De qualquer forma, nosso conhecimento sobre como o Google Tag Manager funciona é limitado por se tratar de uma ferramenta externa, produzida fora da Shopify. Por esse motivo, não sabemos dizer o que cada categoria dentro do Google faz e como elas são capturadas quando você define as campanhas dentro do próprio Tag Manager. Recomendo entrar em contato com a equipe do Google para conferir. 

Sobre a segunda pergunta, os detalhes das variantes não são exibidos na tela principal de edição de produto e não há como configurar para que seja. Para ver os detalhes de cada variante, você pode ou clicar em cada variante, ou abrir o editor em massa, como mencionou. 

Até mais!

[Paula · Accepted solution]

Olá @ricardo_caslati!

Entendi que você está usando o sistema operacional Ubuntu e está enfrentando dificuldades com a loja que não está carregando corretamente. Pelo que você mencionou, parece que o problema está ocorrendo apenas em seu computador.

Analisando as sua imagens, eu acessei o URL da sua loja e não encontrei nenhum problema por aqui. O banner está sendo exibido corretamente, as páginas de produtos estão carregando as imagens e ao clicar em "adicionar ao carrinho", sou redirecionada para a página do carrinho, como mostro abaixo. 

Tudo indica que pode ser um problema local relacionado ao sistema operacional ou aos navegadores que você está utilizando. Por favor, siga as instruções abaixo para tentar corrigir isso. Vamos lá!

• Certifique-se de estar com o seu sistema operacional e navegadores atualizados. Consulte os navegadores compatíveis com a Shopify.
• Limpe o cache e os cookies do navegador.
• Limpe o cache DNS do seu computador.
• Teste outro navegador e acesse a loja no modo de navegação anônima.
• Ao usar a navegação anônima, se ainda estiver enfrentando problemas de exibição, confirme se desativou as extensões do navegador, pois elas podem alterar a aparência das páginas e interferir no acesso das páginas da loja.
• Verifique se há bloqueadores de pop-ups no seu navegador. 
• Certifique-se de que não há firewalls, VPNs (redes privadas virtuais) ativadas no dispositivo ou rede bloqueando a Shopify.

Além disso, notei que você está utilizando o CartPanda, que é um checkout não aprovado pela Shopify. É comum ver lojistas que usam checkouts não aprovados enfrentando problemas com o tema da loja, erros na sincronização de pedidos, falhas no redirecionamento do checkout, assim como problemas no rastreamento de dados e sincronização de informações. Temos um artigo detalhado que informa essas questões: Perigo de usar checkouts transparentes não aprovados pela Shopify.

Caso, mesmo após seguir as orientações acima, você continue enfrentando problemas locais e com a sincronização de dados, sugiro testar sua loja com um checkout aprovado pela Shopify. Pode ser que o CartPanda esteja influenciando nos problemas relatados, como na análise do tráfego da loja. 

Espero que consiga resolver essas questões seguindo as instruções acima. Se ainda precisar de ajuda, por favor, informe mais detalhes do que já foi feito e poderemos verificar se conseguimos continuar ajudando por aqui na comunidade. Até mais!

[ricardo_caslati]

Certo, eu removi o Checkout da Cartpanda e coloquei da dLocal Go que é
citado no Artigo
<>
que você citou. Mas não estou conseguindo fazer as configurações dele na
minha loja. Fica dando erro de checkout e não sei mais o que fazer.
Realmente as métricas de acesso voltaram a aparecer na página da Shopify,
mas agora estou sem cehckout!

[Paula]

Bacana saber que as métricas de acesso voltaram a aparecer, @ricardo_caslati! Tudo indica que estava relacionado com o tipo de checkout. 

Sobre a ativação do checkout dLocal Go, quais são as configurações que você não está conseguindo fazer? Você conseguiu instalar o checkout? Poderia, por gentileza, enviar uma imagem para mostrar o erro que você está encontrando?

Conforme este guia de instalação do checkout dLocal Go, para conseguir ativar o checkout é necessário fazer uma conta. Você já criou uma conta com a dLocal? Se você ainda não possui uma conta, poderá criá-la aqui. 

Se seguir essas instruções e ainda não conseguir ativar, entre em contato com a equipe da dLocal para solicitar ajuda. Você chegou a fazer isso?

[ricardo_caslati]

Oi @Paula, obrigado pelo retorno

Eu consegui resolver o problema com a dLocal, pelo que eu entendi a tela de checkout é a nativa da Shopify e o processamento do pagamento, o Gateway de pagamento, é pla dLocal, bem bacana isso!

Você sabe dizer onde posso configurar as UTM que são recebidas pela Shopify? Pois eu gostaria que mostrasse de onde veio o cliente, se veio de alguma campanha de Facebook ou de Google.

Eu já fiz as configurações de UTM no Google e no Facebook, mas pelo que eu entendi, de alguma forma, a dLocal está alterando as informações:

Gostaria que ficasse assim essas informações:

Seria possível?

[ricardo_caslati]

Ah, além disso, é necessário fazer alguma configuração especial para colocar a tag do Google Tag Manager no Checkout? pois eu percebi que minhas métricas pararam no carrinho, não estão computando checkout e vendas...

[Paula]

Ótimo que conseguiu ativar o seu novo checkout, @ricardo_caslati! Sobre a questão das UTMs, entendo que você já configurou esses parâmetros no Google e no Facebook, mas parece que você não está encontrando essas informações junto com o pedido, correto?

Poderia, por gentileza, me informar se você chegou a conferir a sessão "Resumo da conversão" > "Ver sessão completa", como mostro neste exemplo?

Quando o lojista tem parâmetros UTMs configurados, essas informações aparecem em "Resumo da conversão" na página do pedido. Consulte Acompanhamento de conversões, para obter informações sobre visitas ou conversões de um único pedido. E também encontrará essas informações nos relatórios Vendas por referenciador de tráfego e Sessões por referenciador. 

Sugiro conferir essas páginas no admin e se realmente os UTMs configurados não estiverem aparecendo, fale com o suporte da dLocal para saber se há alguma configuração do lado deles que possa estar impactando nesta sincronização de dados. Como a dLocal é um provedor desenvolvido e suportado por terceiros, nós da Shopify não temos acesso às configurações internas do provedor para investigar isso para você.

Já sobre a sua outra questão em relação às métricas do checkout e conversões, como que você fez a configuração para acompanhar os eventos? Você está usando algum app ou configurou pixels personalizados na sessão "Eventos do cliente" no admin? Por favor, nos informe todos os detalhes possíveis e ficaremos felizes em conferir isso e buscar por soluções. 

[ricardo_caslati]

Oi Paula, tudo bem?

Sim, eu tenho estes campos de UTM

Não é tão detalhado quanto eu gostaria, mas baixei um app aqui que consegue me ajudar. 

Quanto a minha outra pergunta, a respeito da campanhas... 

Eu tenho todos os pixels configurados dentro do Google Tag Manager, quando eu usava checkout da Yampi eu conseguia este retorno dentro de "Inclusões de Informaçõas de Pagamento" mas agora não está aparecendo depois que configurei o checkout nativo da SHopifey com processador de pagamentos da d.Local Go, como posso reselver isso?

[ricardo_caslati]

Paula,

tem alguma forma de eu configurar esta tela abaixo

Para que sempre mostre o custo por item, margem de lucro e etc?

Pois para mim seria importante isso, algumas vezes é melhor do que ficar abrindo sempre em "edição em massa"

[Fran · Accepted solution]

Você diz que configurou os pixels dentro do Google Tag Manager, mas e no admin da Shopify, @ricardo_caslati ? Como você configurou? O seu pixel seria o Google Analytics? Ou algum rastreamento personalizado? 

Pergunto, pois se for o Google Analytics, você conseguirá fazer isso pelo canal de vendas do Google que pode ser instalado em sua loja da Shopify. Aí conseguirá rastrear os eventos de conversão. Agora, se você estiver configurando pixels personalizados, você precisará de um Especialista para analisar porque os eventos não estão sendo computados. Importante notar que código personalizado é a principal causa de eventos ausentes e isso acontece especialmente quando o lojista usa checkouts externos (como a Yampi). Quando um gateway de pagamento que redireciona o cliente para fora do Shopify para efetuar o pagamento, essas compras não serão capturadas pelo pixel do canal de vendas do Google.

De qualquer forma, nosso conhecimento sobre como o Google Tag Manager funciona é limitado por se tratar de uma ferramenta externa, produzida fora da Shopify. Por esse motivo, não sabemos dizer o que cada categoria dentro do Google faz e como elas são capturadas quando você define as campanhas dentro do próprio Tag Manager. Recomendo entrar em contato com a equipe do Google para conferir. 

Sobre a segunda pergunta, os detalhes das variantes não são exibidos na tela principal de edição de produto e não há como configurar para que seja. Para ver os detalhes de cada variante, você pode ou clicar em cada variante, ou abrir o editor em massa, como mencionou. 

Até mais!

[ricardo_caslati]

Oi @Fran, tudo bem?

Muito obrigado pelo retorno.

Quanto ao Google Tag Manager eu inclui o script do rastreio no código da loja, ele reconhece todas as fazes corretamente, desde o acesso até a entrada no checkout, apenas não reconhece a inclusão dos dados de pagamento, talvez seja melhor eu falar com o pessoal do meu gatway de pagamento, a dLocal Go, sobre isso.

ontem aconteceu uma coisa muito estranha na minha loja:
Na plataforma da shopify esta venda aparece como um checkout abandonado

No entanto, na dLocal Go aparece como uma compra feita com sucesso

E agora? Esta compra foi feita? Eu envio o pedido para a cliente ou é um checkout abandonado? Como eu mudo este checkout abandonado para um pedido feito?

[Fran · Accepted solution]

Por nada, @ricardo_caslati. Fico feliz em ajudar como puder. 

Sobre o carrinho abandonado e o dLocalGo, o problema que você está enfrentando geralmente ocorre quando o cliente sai das páginas de checkout antes que nosso sistema possa registrar seu pedido como concluído. Para que um pedido seja concluído, o cliente precisa ver nossa página “Obrigado”, se o cliente fechar a janela de checkout muito rapidamente, sair do site muito cedo ou não chegar à página “Obrigado” após o pagamento, registramos isso como um carrinho abandonado. 

Para evitar que isso aconteça no futuro, sugerimos que você inclua uma mensagem no Carrinho para ajudar a lembrar os clientes de não fechar a janela até que o pedido seja confirmado. Algo como o abaixo: 


 

Outra causa possível disso é que seu gateway (DLocal Payment) levou muito tempo para enviar a resposta adequada para nós. Nesses casos, o pagamento será efetuado, mas sua loja da Shopify não recebeu as informações necessárias na janela de tempo necessária. Em vez de esperar por tempo indeterminado, nosso sistema converte o checkout em um carrinho abandonado.

Além disso, alguns gateways de pagamento também exigem que você configure manualmente um URL de retorno após o pagamento ser bem-sucedido. Portanto, sugiro que você verifique isso com o gateway para garantir que você esteja retornando seus clientes ao URL correto, visitando suas configurações de gateway de pagamento dLocal.

Para ter certeza que o pedido foi pago, confirme que recebeu o pagamento com o gateway. Após confirmar, você pode recriar o carrinho abandonado como um rascunho de pedido, marcá-lo como pago e processá-lo a partir daí.

Até mais!

[ricardo_caslati]

Oi @Fran, muito obrigado pelo seu retorno. Farei estes ajustes.

Extiste algum app que estilize o checkout nativo da Shopify que me permita melhorar o formulário dos dados do cliente de forma que fique um pouco melhor a organização dos dados nesta tela?

[Amalia]

Olá @ricardo_caslati,

Fico feliz em dar uma mãozinha com essa pergunta!  Obrigada por compartilhar esse exemplo. Entendi que você pretende estilizar o checkout da Shopify e organizar os dados do cliente que aparecem na página de pedido de outra forma - certo? Geralmente, como o checkout é um processo seguro na loja, as personalizações que podem ser feitas são limitadas quando se trata da forma como as informações sao organizadas em cada página. Dito isso, é certamente possível estilizar o checkout configurando as cores ou adicionar o seu logo, por exemplo.  Isso normalmente pode ser feito no editor de temas em Configurações do tema > Checkout;

Confira este documento aqui para saber as diferentes personalizações que são possíveis. Além disso, em Configurações > Checkout no seu admin, existem algumas opções para modificar o formulário de informações do cliente que pode conferir.  Gostaria de saber mais sobre o que você tinha em mente para a página de informações de cliente para que eu possa buscar uma solução mais alinhada com os seus objetivos e necessidades. Por gentileza, poderia elaborar um pouco mais sobre como pretendia organizar a página de informações do cliente? 

[ricardo_caslati]

Oi @Amalia, tudo bem?

Eu gostaria que o formulário para o cliente fosse melhor organizado, principalmente a parte do endereço. Se possível, deixe um formato para o CEP nacional e um formato para o CEP internacional. O problema é que o formato de coleta de dados de endereço é padrão internacional, o que dificulta a equipe de atendimento e até mesmo o cliente a preencher o complemento, por exemplo, e até mesmo o bairro, que são requisitos importantes para fazer a etiqueta de entrega. Então, não seria uma mudança no sentido de estilo, como cores, formato, fontes, etc., mas sim de coleta de dados.

 

Acima eu tenho um modelo do formulário da Yampi, eu sei que não é possível fazer idêntico e seria até anti-ético, mas pelomenos ter os campos de Número, Bairro, Complemento.. seria importante para que os dados aparecessem de forma mais clara nesta outra tela:

[Fran]

Obrigada por esclarecer, @ricardo_caslati, e obrigada pelo feedback.

Levarei sua mensagem à nossa equipe. Não posso garantir que seu pedido será atendido, mas tenha certeza que seu feedback será encaminhado. Além disso, a Shopify está constantemente trabalhando para melhorar a experiência dos usuários. Fique atento às novidades da Shopify aqui no blog da Comunidade e aqui nessa página que lista as mudanças feitas na plataforma. 

Até mais!