1) ou veja a página na Shopify App Store.1. Instale o ShipCalc
O ShipCalc é instalado pela Shopify App Store. O teste grátis de 14 dias começa na instalação, com todos os recursos disponíveis.
- Abra a página do ShipCalc na Shopify App Store.
- Clique em Install (Instalar) e aprove o app.
- O ShipCalc abre no admin da Shopify com uma lista de passos iniciais.
A página inicial tem links de um clique que abrem o editor de temas no lugar certo para cada posicionamento.
2. Adicione o bloco da página de produto
O bloco da página de produto permite que o cliente confira o frete antes de adicionar um item ao carrinho. Ele usa a variante e a quantidade selecionadas no momento.
- Na configuração inicial do ShipCalc, clique em Add Product Page Block. O editor de temas abre em um modelo de produto.
- Clique em Add block (Adicionar bloco) na seção de informações do produto e escolha o bloco do ShipCalc.
- Arraste-o para a posição desejada — abaixo do preço ou dos botões de compra funciona bem.
- Clique em Save (Salvar).
3. Adicione o bloco da página do carrinho
O bloco do carrinho cota todos os itens e quantidades do carrinho, para que o cliente veja a entrega do pedido inteiro.
- No ShipCalc, clique em Add Cart Page Block. O editor de temas abre no modelo do carrinho.
- Clique em Add block (Adicionar bloco) e escolha o bloco de carrinho do ShipCalc.
- Posicione-o perto do subtotal e do botão de checkout e clique em Save (Salvar).
4. Ative o suporte à gaveta do carrinho
As gavetas de carrinho (carrinhos deslizantes) são construídas de forma diferente em cada tema, por isso o ShipCalc as suporta por meio de uma incorporação de app que detecta a gaveta aberta e coloca uma calculadora compacta e recolhível acima do botão de checkout.
- Abra o editor de temas e selecione App embeds (Incorporações de app) na barra lateral esquerda.
- Ative a incorporação de gaveta do carrinho do ShipCalc.
- A maioria dos temas funciona com a detecção automática. Se o seu não funcionar, informe o seletor CSS da gaveta nas configurações da incorporação.
- Clique em Save (Salvar) e abra a gaveta na sua loja publicada para conferir o posicionamento.
5. Personalize o widget
As configurações visuais e de texto ficam na página Appearance (Aparência) do ShipCalc, com uma prévia ao vivo antes que as alterações cheguem à sua loja.
Layout e estilo
- Layout cartão ou minimalista.
- Cores de destaque, fundo, texto e borda.
- Raio dos cantos, espaçamento e tamanhos de texto.
- Herde a tipografia e os estilos básicos de controles do seu tema.
Textos
- Título, texto de ajuda e texto do botão.
- Rótulos e textos de exemplo de país e CEP.
- Mensagens de cálculo em andamento, sem tarifas, erro e carrinho vazio.
- Um texto para métodos de frete grátis.
Todos os textos voltados ao cliente podem ser escritos no idioma da sua loja.
CSS personalizado
Para um controle mais fino, o editor de CSS permite adicionar regras para o widget — útil para espaçamentos específicos do tema ou estados de hover.
6. Países e CEPs
Escolha de onde vem o país de destino:
- Fixed country (país fixo) — sempre calcula para um país que você escolhe.
- Shopper’s Shopify country (país do cliente na Shopify) — segue o país de localização do Shopify Markets.
- Country selector (seletor de país) — o cliente escolhe entre os países que você permite.
Depois, escolha como o CEP funciona:
- Required (obrigatório) — o cliente precisa informar o CEP ou código postal.
- Optional (opcional) — o cliente pode informar um para obter uma cotação mais precisa.
- Country only (só o país) — oculta o campo de CEP; o ShipCalc pode retornar uma estimativa para o país escolhido.
Você também pode ocultar a calculadora para visitantes de países selecionados ou mostrá-la apenas para visitantes dos países que escolher.
7. Opções de exibição de tarifas
- Mostre todas as tarifas disponíveis, só a mais barata ou só a mais cara.
- Mostre detalhes de entrega abaixo da tarifa quando a Shopify os retornar.
- Use seu próprio texto para métodos gratuitos (por exemplo, “Frete grátis”).
8. Posicionamento manual (avançado)
Se o layout do seu tema não permitir um bloco de app onde você precisa, adicione um elemento de marcação e o carregador do ShipCalc ao seu tema:
<div data-shipcalc-m="product"></div>
<script src="/apps/shipcalc/manual.js" defer></script>Use data-shipcalc-m="cart" para um posicionamento no carrinho. A calculadora manual usa as mesmas configurações, estilos e análises dos blocos de app.
9. Análises
A página Analytics (Análises) mostra como os clientes usam a calculadora:
- Total de cotações ao longo do tempo e atividade recente.
- Cotações por origem: página de produto, página do carrinho ou gaveta do carrinho.
- Combinações de CEP e país mais populares.
- Métodos de entrega exibidos aos clientes.
- Erros, para você identificar destinos sem tarifas.
10. Eventos de marketing
O ShipCalc pode enviar um evento Calculate Shipping para o Google Analytics 4, o Google Tag Manager e o Meta Pixel quando essas ferramentas já estão na sua loja. O ShipCalc não instala scripts de rastreamento.
- Abra Marketing events (Eventos de marketing) no ShipCalc.
- Escolha para quais plataformas enviar.
- Se quiser, substitua o nome, a categoria, o rótulo ou o valor do evento, ou adicione parâmetros personalizados.
- Salve.
Os eventos incluem a origem do widget (produto, carrinho ou gaveta), o país e se um CEP foi informado.
11. Diagnóstico
A página Diagnostics (Diagnóstico) faz uma cotação real sem passar pela sua loja — útil depois de alterar zonas ou tarifas de frete.
- Abra Diagnostics (Diagnóstico) no ShipCalc.
- Escolha um produto, um país e um CEP.
- Faça a cotação para ver exatamente o que a Shopify retorna.
12. Solução de problemas
A calculadora não aparece na página do produto
- Verifique se o bloco foi adicionado ao modelo que seus produtos realmente usam e se você salvou.
- Confira se o bloco não está dentro de uma seção oculta ou recolhida.
- Verifique se as regras de país do visitante em Appearance não estão ocultando a calculadora para a sua localização.
Nenhuma tarifa é retornada
- Confirme que o destino pertence a um mercado e a uma zona de frete ativos na Shopify.
- Verifique se o perfil de frete e o peso do produto atendem às condições das suas tarifas.
- Teste o mesmo destino em Diagnostics para ver o que a Shopify retorna.
- Reescreva a mensagem de “sem tarifas” para que o cliente saiba o que fazer.
Para uma lista mais completa, leia Tarifas de frete da Shopify não aparecem.
Não aparece na gaveta do carrinho
- Confirme que a incorporação de app da gaveta do carrinho está ativada e salva.
- Tente definir o seletor da gaveta nas configurações da incorporação.
- Fale com a gente informando o nome do seu tema.
13. Suporte
O admin do ShipCalc tem uma página de suporte com respostas rápidas e um formulário de contato. Você também pode enviar uma mensagem aqui e responderemos por e-mail.