Shopify · Liquid · Apps custom

Freelancer Shopify: você fala direto com quem escreve o código

Sou o Roger Takemiya, desenvolvedor de e-commerce desde 2010, e atendo lojas Shopify como freelancer: tema Liquid, seções do Online Store 2.0, apps custom pela Admin API e integrações com Pix, frete e ERP. Você fala comigo, eu escrevo o código, testo num tema não publicado e só publico depois que você aprova.

Atualizado em · por Roger Takemiya

Por que direto

O que muda quando o freelancer é quem programa

Um cenário que eu vejo bastante: o lojista pede uma mudança pequena na página de produto, o pedido passa por duas pessoas até chegar em quem programa, e a alteração vai direto para o tema publicado numa sexta à tarde. No sábado o botão de comprar some no celular, e ninguém sabe dizer o que foi mexido.

Como freelancer Shopify, eu cuido da ponta inteira do código. Você explica o problema para mim, eu leio o tema, faço a alteração, testo e publico. Não tem telefone sem fio, e a pessoa que responde a sua dúvida é a mesma que escreveu a linha que está em produção.

Trabalho com e-commerce desde 2010 (Magento desde 2011, WooCommerce, PHP) e escrevo um blog técnico desde 2016. A Shopify tira de você a parte de servidor, SSL, CDN e checkout. O que sobra para um dev é tema, apps, integrações e o que a loja faz diferente das outras, e é nessa parte que eu entro.

Processo

Do pedido à publicação, passo a passo

  1. Acesso de colaborador. Você gera o código de colaborador em Configurações, Usuários e permissões, e aprova o meu pedido. Eu peço só as permissões da tarefa. A loja continua inteiramente em seu nome.
  2. Cópia do tema no Git. Baixo o tema publicado com o Shopify CLI (shopify theme pull) e versiono num repositório. Cada tarefa vira uma branch, e dá para ver exatamente o que mudou em cada arquivo.
  3. Desenvolvimento local. Com shopify theme dev eu vejo a loja com os seus produtos reais, sem tocar no tema que está no ar. Antes de subir, rodo o shopify theme check para pegar Liquid quebrado e problema de performance.
  4. Tema não publicado para você aprovar. Subo a versão como tema separado (shopify theme push --unpublished) e mando o link de pré-visualização. Você testa no seu celular, com calma.
  5. Publicação combinada. Publico no horário que a gente combinar, longe de campanha e de data de pico. O tema anterior fica na biblioteca de temas, pronto para voltar.
  6. Registro. O histórico fica no Git e você recebe um resumo curto do que foi feito, em português, sem jargão.

O que eu faço em lojas Shopify

Tema Liquid e Online Store 2.0

Seções e blocos que a sua equipe edita pelo editor do tema, templates JSON diferentes por tipo de produto e metafields e metaobjects para tirar da descrição o conteúdo que hoje está colado lá (tabela de medidas, ficha técnica, modo de uso).

Apps custom

Quando nenhum app da loja resolve a regra da sua operação, escrevo um app instalado só na sua loja, usando a Admin GraphQL API e webhooks de pedido, pagamento e estoque. O webhook é validado pela assinatura HMAC e processado em fila, para a loja nunca esperar o meu código.

Integrações do Brasil

Pix e boleto pelo app do gateway, frete com Melhor Envio ou Correios, nota fiscal e ERP (Bling, Tiny). O Shopify Payments não está disponível no Brasil, então o pagamento sempre passa por um terceiro, e a Shopify cobra uma taxa adicional por transação que depende do plano. Eu coloco isso na conta antes de você escolher o gateway.

Performance

Auditoria dos apps que injetam script em todas as páginas, imagens servidas com image_url e srcset no tamanho certo, carregamento sob demanda e limpeza de código que sobrou de app desinstalado.

Checkout dentro do que o plano permite

Nas páginas de Obrigado e Status do pedido dá para usar extensões em qualquer plano. Mexer nas etapas de informação, frete e pagamento é recurso do Shopify Plus, com Checkout Extensibility e Shopify Functions. Eu digo antes qual é o seu caso.

Migração para a Shopify

Catálogo, clientes e conteúdo vindos de Magento ou WooCommerce, com mapa de redirecionamentos 301. A Shopify usa prefixos fixos como /products/ e /collections/, então quase toda URL antiga muda, e cada uma precisa de destino.

Exemplo

Um trecho de código do jeito que eu entrego

Pedido comum: uma barra de frete grátis que a equipe da loja consiga ajustar sozinha quando a meta mudar. Em vez de deixar o valor fixo no código, ele vira uma configuração da seção, editável no editor do tema:

{%- assign meta = section.settings.meta_frete | times: 100 -%}
{%- assign falta = meta | minus: cart.total_price -%}
{%- if falta > 0 -%}
  <p class="barra-frete">Faltam {{ falta | money }} para o frete grátis</p>
{%- else -%}
  <p class="barra-frete">Frete grátis liberado neste pedido</p>
{%- endif -%}
{% schema %}
{
  "name": "Barra de frete grátis",
  "settings": [{ "type": "number", "id": "meta_frete", "label": "Meta em reais", "default": 299 }],
  "presets": [{ "name": "Barra de frete grátis" }]
}
{% endschema %}

Dois detalhes que fazem diferença. O cart.total_price vem em centavos, por isso a meta em reais é multiplicada por 100 antes da conta. E essa barra é montada no servidor: se o seu tema usa carrinho em gaveta, que adiciona produto sem recarregar a página, entra também um trecho de JavaScript para atualizar o valor. Eu aviso isso no orçamento, e não depois.

Comparação

Eu, um freela de marketplace ou uma agência?

Os três modelos têm lugar. A diferença está em quem fala com você, em quem fica com o código e em quantas frentes o projeto tem ao mesmo tempo.

Comparação entre formas de contratar desenvolvimento Shopify
CritérioEu, freelancer diretoFreela de marketplaceAgência
Com quem você falaComigo, que escrevo o códigoCom quem pegou o pedido, que pode mudar a cada tarefaCom atendimento ou gerente de projeto
Contrato e nota fiscalSimDepende do perfilSim
Código versionado e entregue a vocêSempre, no GitRaramente combinadoDepende da agência, pergunte
Design, tráfego e QA juntosNão, eu faço a parte técnicaNãoSim, é o ponto forte
Férias e picosAgenda de uma pessoa, prazo combinado antesVaria muitoA equipe cobre
Melhor paraAjuste técnico, app, integração, suporte contínuoTarefa pequena e isoladaLançamento ou redesign com várias frentes

Quando eu não sou a escolha certa

  • Loja nova que precisa de identidade visual, fotos, textos e tráfego pago ao mesmo tempo. Aí eu indico a Agência Buzz, a minha agência, que tem designer, gestor de tráfego e QA. Eu continuo no código.
  • Gateway de pagamento próprio dentro do checkout. A Shopify só libera a API de apps de pagamento para provedores aprovados por ela. O que eu faço é configurar o app do gateway e tratar tudo que vem depois do pagamento.
  • Mudar as etapas de informação, frete e pagamento numa loja que não é Plus. Isso a plataforma não permite, com código ou sem.
  • Plantão 24 horas. Sou uma pessoa só: combino uma janela de atendimento e o que conta como urgência (loja fora do ar, checkout parado).
  • Copiar um tema pago para outra loja ou burlar a licença dele. Não faço.

Se o seu caso é um desses, prefiro dizer na primeira conversa do que descobrir no meio do projeto.

Perguntas frequentes

Quanto custa um freelancer Shopify?

Depende do escopo, por isso não trabalho com tabela fixa. Ajuste de tema eu orço por tarefa, depois de olhar o código. Demanda contínua vira pacote de horas por mês. Antes de começar você recebe por escrito o que está dentro e o que está fora.

Você trabalha com contrato e nota fiscal?

Sim. Toda contratação tem escopo escrito e nota fiscal. A loja, o tema e as assinaturas de apps continuam no seu nome, e eu entro como colaborador só com as permissões da tarefa.

Preciso passar a senha da minha conta Shopify?

Não. Eu peço acesso de colaborador: você gera o código em Configurações, Usuários e permissões, e aprova o pedido que chega. Dá para limitar as permissões e remover o acesso quando o trabalho termina.

Você mexe no tema que está no ar?

Não. Trabalho numa cópia não publicada, mando o link de pré-visualização e só publico depois da sua aprovação. O tema anterior fica guardado para voltar em poucos cliques se algo der errado.

Dá para integrar a loja Shopify com o Bling ou o Tiny?

Dá. Na maioria dos casos o caminho é o app oficial ou um hub de integração, e não código do zero. Eu configuro, testo com pedidos reais de baixo valor e só escrevo um app custom quando a regra da sua operação não cabe no que os apps oferecem.

Você atende lojas de outras cidades?

Atendo o Brasil inteiro, de forma remota. A conversa acontece por WhatsApp, vídeo e e-mail, e o código fica num repositório que você também acessa.

Quer que eu olhe o seu caso?

Me conte o que está acontecendo. Respondo pessoalmente, em horário comercial.