1) ou consulte a ficha na Shopify App Store.1. Instalar o ShipCalc
O ShipCalc instala-se a partir da Shopify App Store. A avaliação gratuita de 14 dias começa quando instala, com todas as funcionalidades disponíveis.
- Abra a ficha do ShipCalc na Shopify App Store.
- Clique em Install (Instalar) e aprove a app.
- O ShipCalc abre no admin do Shopify com uma lista de verificação de introdução.
A página de introdução tem links de um clique que abrem o editor de temas no sítio certo para cada posicionamento.
2. Adicionar o bloco da página de produto
O bloco da página de produto permite aos clientes consultar os portes antes de adicionarem um artigo ao carrinho. Utiliza a variante e a quantidade atualmente selecionadas.
- Na introdução do ShipCalc, clique em Add Product Page Block (Adicionar bloco da página de produto). O editor de temas abre num modelo de produto.
- Clique em Add block (Adicionar bloco) na secção de informações do produto e escolha o bloco do ShipCalc.
- Arraste-o para a posição pretendida — por baixo do preço ou dos botões de compra funciona bem.
- Clique em Save (Guardar).
3. Adicionar o bloco da página do carrinho
O bloco do carrinho calcula todos os artigos e quantidades do carrinho, para que os clientes vejam a entrega da encomenda completa.
- No ShipCalc, clique em Add Cart Page Block (Adicionar bloco da página do carrinho). O editor de temas abre no modelo do carrinho.
- Clique em Add block (Adicionar bloco) e escolha o bloco de carrinho do ShipCalc.
- Coloque-o perto do subtotal e do botão de finalização da compra e clique em Save (Guardar).
4. Ativar o suporte ao painel do carrinho
Os painéis de carrinho (carrinhos deslizantes) são construídos de forma diferente em cada tema, por isso o ShipCalc suporta-os através de uma incorporação de app que procura o painel aberto e coloca uma calculadora compacta e recolhível acima do botão de finalização da compra.
- Abra o editor de temas e selecione App embeds (Incorporações de apps) na barra lateral esquerda.
- Ative a incorporação do painel do carrinho do ShipCalc.
- A maioria dos temas funciona com a deteção automática. Se o seu não funcionar, introduza o seletor CSS do painel nas definições da incorporação.
- Clique em Save (Guardar) e abra o painel na sua loja publicada para verificar o posicionamento.
5. Personalizar o widget
As definições visuais e de texto estão na página Appearance (Aspeto) do ShipCalc, com pré-visualização ao vivo antes de as alterações chegarem à sua loja.
Esquema e estilo
- Esquema cartão ou minimalista.
- Cores de destaque, fundo, texto e contorno.
- Raio dos cantos, espaçamento e tamanhos de texto.
- Herdar a tipografia e os estilos básicos de controlos do seu tema.
Textos
- Título, texto de ajuda e texto do botão.
- Etiquetas e textos de exemplo do país e do código postal.
- Mensagens de cálculo em curso, sem tarifas, erro e carrinho vazio.
- Um texto para métodos de entrega gratuitos.
Todos os textos visíveis para os clientes podem ser escritos no idioma da sua loja.
CSS personalizado
Para um controlo mais preciso, o editor de CSS permite adicionar regras dirigidas ao widget — útil para espaçamentos específicos do tema ou estados ao passar o rato.
6. Países e códigos postais
Escolha de onde vem o país de destino:
- Fixed country (País fixo) — calcula sempre para um país à sua escolha.
- Shopper’s Shopify country (País Shopify do cliente) — segue o país de localização do Shopify Markets.
- Country selector (Seletor de país) — permite aos clientes escolher entre os países que autorizar.
Depois escolha como funcionam os códigos postais:
- Required (Obrigatório) — o cliente tem de introduzir um código postal.
- Optional (Opcional) — os clientes podem adicionar um para um cálculo mais preciso.
- Country only (Apenas país) — oculta o campo do código postal; o ShipCalc pode devolver uma estimativa para o país escolhido.
Também pode ocultar a calculadora para visitantes de determinados países, ou mostrá-la apenas a visitantes dos países que escolher.
7. Opções de apresentação das tarifas
- Mostre todas as tarifas disponíveis, apenas a mais barata ou apenas a mais cara.
- Mostre os detalhes de entrega por baixo de uma tarifa quando o Shopify os devolve.
- Utilize o seu próprio texto para métodos gratuitos (por exemplo, “Entrega gratuita”).
8. Posicionamento manual (avançado)
Se o esquema do seu tema não permitir um bloco de app onde 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>Utilize data-shipcalc-m="cart" para um posicionamento no carrinho. A calculadora manual utiliza as mesmas definições, estilos e análises que os blocos de app.
9. Análises
A página Analytics (Análises) mostra como os clientes utilizam a calculadora:
- Total de pedidos de cálculo ao longo do tempo e atividade recente.
- Cálculos por origem: página de produto, página do carrinho ou painel do carrinho.
- Combinações populares de código postal e país.
- Métodos de entrega mostrados aos clientes.
- Erros, para 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 monitorização.
- Abra Marketing events (Eventos de marketing) no ShipCalc.
- Escolha as plataformas para onde enviar.
- Opcionalmente, substitua o nome, a categoria, a etiqueta ou o valor do evento, ou adicione parâmetros personalizados.
- Guarde.
Os eventos incluem a origem do widget (produto, carrinho ou painel), o país e se foi introduzido um código postal.
11. Diagnóstico
A página Diagnostics (Diagnóstico) executa um cálculo real sem passar pela sua loja — útil depois de alterar zonas ou tarifas de envio.
- Abra Diagnostics (Diagnóstico) no ShipCalc.
- Escolha um produto, um país e um código postal.
- Execute o cálculo para ver exatamente o que o Shopify devolve.
12. Resolução de problemas
A calculadora não aparece na página de produto
- Verifique se o bloco foi adicionado ao modelo que os seus produtos realmente utilizam e se guardou.
- Certifique-se de que o bloco não está dentro de uma secção oculta ou recolhida.
- Verifique se as regras de país do visitante em Appearance (Aspeto) não o estão a ocultar para a sua localização.
Não são devolvidas tarifas
- Confirme que o destino pertence a um mercado e a uma zona de envio ativos no Shopify.
- Verifique se o perfil de envio e o peso do produto cumprem as condições das suas tarifas.
- Teste o mesmo destino em Diagnostics (Diagnóstico) para ver o que o Shopify devolve.
- Reformule a mensagem sem tarifas para que os clientes saibam o que fazer a seguir.
Para uma lista de verificação mais completa, leia Tarifas de envio do Shopify não aparecem.
Não aparece no meu painel do carrinho
- Confirme que a incorporação de app do painel do carrinho está ativada e guardada.
- Experimente definir o seletor do painel nas definições da incorporação.
- Contacte-nos com 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 contacto. Também pode enviar-nos uma mensagem aqui e respondemos por email.