A loja www.yeswegrow.com.br na plataforma Shopify e com o template Empire precisa de uma revisão completa para funcionar bem. Foco é arrumar e deixar a estrutura atual rodando perfeitamente, sem melhoria no momento. Apenas arrumando tudo necessário pra funcionar da melhor maneira possível no formato atual.


Briefing:
Briefing – E-commerce Yes We Grow – Shopify

Site: www.yeswegrow.com.br

Plataforma usada: Shopify

Template Usado: https://themes.shopify.com/themes/empire/styles/supply

Contexto: Atualmente estamos usando o Shopify para gerir nossa Loja Online, mas precisamos de um serviço especializado para gerir a parte de programação, configuração e integração com outras ferramentas. Buscamos nesse momento alguém que entenda de Shopify para nos ajudar a resolver as pendências de bugs, mas também em melhorias simples para otimizar o que já está no ar sem mudanças drástica em um primeiro momento.

Objetivo 1: Arrumar todos os erros do site e deixar ele rodando o melhor possível com o mpinimo de mudanças necessárias

Objetivo 2: Após criar o MVP functonal e sem bugs do nosso ecommerce usando o shopivamos estudar duas possibilidas:
a)    continuar no Shopify fazer upgrade no plano e melhorias no site
b)    construir um novo site do zero de nossa propriedade

Lista de Erros Detectados no site:

1 - ) Resolver erros encontrados usando a inspeção do Google Chrome:
A cookie associated with a cross-site resource at <URL> was set without the SameSite attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with SameSite=None and Secure. You can review cookies in developer tools under Application>Storage>Cookies and see more details at <url> and <url>.

Kit-broto:1 A cookie associated with a resource at http://google.com/ was set with SameSite=None but without Secure. A future release of Chrome will only deliver cookies marked SameSite=None if they are also marked Secure. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5633521622188032.

Shop_events_listener-09875a9a2b286acf534498184c24b199675a6097a941992d0979e5295d2cf9e9.js:1 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user’s experience. For more help, check https://xhr.spec.whatwg.org/.
n.Open @ shop_events_listener-09875a9a2b286acf534498184c24b199675a6097a941992d0979e5295d2cf9e9.js:1
kit-broto:5 Uncaught SyntaxError: Invalid or unexpected token
at DOMEval (jquery.js:124)
at domManip (jquery.js:5945)
at jQuery.fn.init.append (jquery.js:6081)
at jQuery.fn.init.<Anonymous> (jquery.js:6175)
at access (jquery.js:3962)
at jQuery.fn.init.html (jquery.js:6142)
at Object.success (kit-broto:3754)
at fire (jquery.js:3291)
at Object.fireWith [as resolveWith] (jquery.js:3421)
at done (jquery.js:9533)
bundle.5prnp.js?lv=1:37 Fast Checkout! http://fastcheckout.sweetecom.com
Você tem edições não salvas neste campo. Exibir edições - Descartar
themes.shopify.comthemes.shopify.com
Empire Theme - Supply - Ecommerce Website Template
Featuring live search, advanced filtering, promotion tiles, quick buy, and menu lists, Empire is purpose-built for large catalog and high-volume stores.
Google.comgoogle.com
Google
Search the world's information, including webpages, images, videos and more.
Google has many special features to help you find exactly what you're looking for.
Chromestatus.comchromestatus.com
Reject insecure SameSite=None cookies - Chrome Platform Status
Deprecate and remove the use of cookies with the SameSite=None attribute but without the Secure attribute. Any cookie that requests SameSite=None but is not marked Secure will be rejected.
The Stable version of Chrome 80 is targeted for enabling this feature by default. This feature is available as of Chrome 76 by enabling the cookies-without-same-site-must-be-secure flag. See https://www.chromium.org/updates/same-site for full timeline.


2 -) Implementar um App Shopify para login Social, analisamos alguns deles bem interessante, e gostariamos da avaliação de um profissional para verificar possiveis bugs antes de instalar, e evitar assim possiveis erros no site.
https://apps.shopify.com/social-login-11?surface_detail=cadastro+social&surface_inter_position=1&surface_intra_position=7&surface_type=search
https://apps.shopify.com/oxi-social-login?surface_detail=login+social&surface_inter_position=1&surface_intra_position=5&surface_type=search
https://apps.shopify.com/open-signin?surface_detail=login+social&surface_inter_position=1&surface_intra_position=8&surface_type=search
https://apps.shopify.com/social-sign-in?surface_detail=login+social&surface_inter_position=1&surface_intra_position=11&surface_type=search

3 -) Implementar um App de News para captar nossos Leads, segue lista abaixo:
https://apps.shopify.com/eggflow-marketing-automation?surface_detail=pop+&surface_inter_position=2&surface_intra_position=11&surface_type=search
https://apps.shopify.com/free-email-popups-by-chated-io?surface_detail=pop+&surface_inter_position=3&surface_intra_position=13&surface_type=search
https://apps.shopify.com/promotion-popup?surface_detail=pop+&surface_inter_position=3&surface_intra_position=7&surface_type=search



4 -) Pagina Check out:
Não permitir que o cliente volte a navegar pela loja antes de fechar a compra;
Pagina carrinho de compras:
Tirar o botão continuar comprando --> levar direto para o check out assim evita a desistência;
Trocar a cor do Botão finalizar compra para verde ou vermelho (como vendemos alimento pode ser vermelho);
Pagina do Produto:
Remover o Botão buy now (programação)
colocar a descrição do produto curta, acima do botão comprar!
colocar a descrição longa do produto abaixo da foto!
analise funcionalidade e instalar o app fera social proof
https://apps.Shopify.com/fera?surface_detail=login+social&surface_inter_position=1&surface_intra_position=12&surface_type=search- bug de conflito de

5-)app's e tema
precisamos ajustar o erro de conflito entre apps que não deixa fechar as compras.

Categoria: TI e Programação
Subcategoria: Lojas Virtuais (e-commerce)
Qual é o alcance do projeto?: Alteração média
Isso é um projeto ou uma posição de trabalho?: Um projeto
Tenho, atualmente: Eu tenho uma ideia geral
Disponibilidade requerida: Conforme necessário
Integrações de API: Outros (Outras APIs), Payment Processor (Paypal, Stripe, etc), Mídias sociais (Facebook, Twitter, etc)
Funções necessárias: Desenvolvedor

Quem somos:
Somos a Yes, We Grow: uma startup com a missão de melhorar a vida das pessoas através do hábito de plantar e disseminando a cultura da agricultura urbana. Mostrar que plantar pode ser fácil e qualquer um pode plantar.

Quem buscamos:
Web Developer/ Designer especializado em Shopify

Responsabilidades:
Simplificar o visual do nosso webdesign de acordo com nossa identidade visual;
Melhorar o desempenho


Estabelecer guias de design, definir padrões e melhores práticas para otimizar usuário.
Implementar customizações do tema do Shopify
Design, layout e implementação de landing pages
Formatação de ativos visuais para web

Requisitos:
Experiência em design de e-commerce com foco em mobile.
Experiência trabalhando com CMS do Shopify
Experiência em customização de temas de Shopify.

Paixão por planas e jardinagem é um plus.

Como:
Buscamos um freelancer para contratação PJ.
Orçamento R$2000??
Como fechar um escopo para receber uma proposta?
Orçar pacote de horas?
Listar primeiros desafios?
Deixar aberto e pedir propostas?

Escopo:

Performance: Reduzir 20 segundos no tempo que leva pra página carregar.
Imagens otimizadas para web
Adiar a renderização de páginas off screen
Aumentar o ciclo de vida do cache
Otimizar execução de de script
Remover CSS que não está sendo usado
Performance: Garantir que as imagens estão renderizando em alta qualidade carregando rapidamente.

Performance: Barra de progresso para loading da página quando estiver lento.


Check out: Reverter o check out atual da Samurai pro check out do Shopify usando o Mercado Pago.
Check out: Aumentar os campos de preenchimento no mobile
Check out: Incluir aviso de email inválido
Check Out: Incluir cross device check out para usuários que estejam logados.
Check out: Destacar o campo a ser editado quando houver um erro ou falta de preenchimento.

Produto: Implementar o cálculo de frete na página de produto.
Search do site: Incluir escritos errados (misspellings) no search do site.

Categoria: TI e Programação
Subcategoria: Lojas Virtuais (e-commerce)
Qual é o alcance do projeto?: Alteração média
Isso é um projeto ou uma posição de trabalho?: Um projeto
Tenho, atualmente: Eu tenho uma ideia geral
Disponibilidade requerida: Conforme necessário
Integrações de API: Payment Processor (Paypal, Stripe, etc)
Funções necessárias: Designer, Desenvolvedor

Quem somos:
Somos a Yes, We Grow: uma startup com a missão de melhorar a vida das pessoas através do hábito de plantar e disseminando a cultura da agricultura urbana. Mostrar que plantar pode ser fácil e qualquer um pode plantar.

Quem buscamos:
Full-Stack Developer  com experiência em shopify

Requisitos:
Experiência com Liquid
Experiência com a API do Shopify
Experiência com gateways de pagamento
Experiência com aplicativos de frete
ExperiÊncia com sistema de inventário
Experiência com lógica de carrinho e checkout.
html, css, javascript & php, ruby e node
responsabiliodades:

performance: reduzir 20 segundos no tempo que leva pra página carregar.
Imagens otimizadas para web
Adiar a renderização de páginas off screen
Aumentar o ciclo de vida do cache
Otimizar execução de de script
Remover CSS que não está sendo usado
Performance: Garantir que as imagens estão renderizando em alta qualidade carregando rapidamente.

Performance: Barra de progresso para loading da página quando estiver lento.


Check out: Reverter o check out atual da Samurai pro check out do Shopify usando o Mercado Pago.
Check out: Aumentar os campos de preenchimento no mobile
Check out: Incluir aviso de email inválido
Check Out: Incluir cross device check out para usuários que estejam logados.
Check out: Destacar o campo a ser editado quando houver um erro ou falta de preenchimento.

Check out: garantir uma boa experiência de compra
Produto: Implementar o cálculo de frete na página de produto.
Search do site: Incluir escritos errados (misspellings) no search do site.

Categoria: TI e Programação
Subcategoria: Lojas Virtuais (e-commerce)
Qual é o alcance do projeto?: Alteração média
Isso é um projeto ou uma posição de trabalho?: Um projeto
Disponibilidade requerida: Conforme necessário
Funções necessárias: Desenvolvedor

Somos a Yes, We Grow: uma startup com a missão de melhorar a vida das pessoas através do hábito de plantar e disseminando a cultura da agricultura urbana. Mostrar que plantar pode ser fácil e qualquer um pode plantar.
Quem buscamos:
Full-Stack Developer
Requisitos:
- html, css, javascript
- experiência com gateways de pagamento
desejável
- experiência prévia com react, node, python, c#, php ou ruby
responsabiliodades:
integração do meio de pagamento, checkout, frete com o shopify gerando experiência de checkout excelente e estável.

Categoria: TI e Programação
Subcategoria: Programação
Qual é o alcance do projeto?: Alteração média
Isso é um projeto ou uma posição de trabalho?: Um projeto
Tenho, atualmente: Eu tenho especificações
Disponibilidade requerida: Conforme necessário
Integrações de API: Payment Processor (Paypal, Stripe, etc)
Funções necessárias: Desenvolvedor

Descrição Consultoria Tags (Google Anlytics, Google Ads e Facebook Ads)
Somos a www.yeswegrow.com.br.
Temos uma loja no Shopify e instalamos um novo checkout transparente (https://xekout.me).
Isso desconfigurou nosso Google Analytics/Google Ads e eles não apresentam mais as mesma informações de diversos tipos de conversão.

O que já sabemos:
O app Xeckout tem uma comunicação limitada e mal configurada com o GA. Abrimos chamado pedindo correção após orientação do time de tags do Google e pedimos as revisões necessárias para o app. O checkout tb sai do ambiente de loja do Shopify e não volta o que dificulta o trackemaneto de conversão.
Nem o Shopify tem conseguido acompanhar a conversão.
Tem um tag duplicada no site. Estamos falando com o Shopify e o tema Empire para encontrar a Tag inativa e retirar ela do código.

O que precisamos fazer:
Reorganizar as tags para nos adequar as limitações do Checkout e Shopify gerando as informações de conversão para análise e criação de campanha no Google analytics e Google Ads.
Cenário 1 - Continuar com tags vias Dahsboard do Shopify e Dashboard do Xekout. Consultoria pra verificar se reorganização está funcionando adequadamente.

Cenário 2 - Revisar e recriar estrutura de tags usando o GTM ou outra solução sugerida e inserir todas as tags necessária no código.

Categoria: TI e Programação
Subcategoria: Lojas Virtuais (e-commerce)
Qual é o alcance do projeto?: Alteração média
Isso é um projeto ou uma posição de trabalho?: Um projeto
Tenho, atualmente: Eu tenho uma ideia geral
Disponibilidade requerida: Conforme necessário
Funções necessárias: Desenvolvedor