1), eller se appsiden i Shopify App Store.1. Installer ShipCalc
ShipCalc installeres fra Shopify App Store. Den gratis prøveperioden på 14 dager starter når du installerer, med alle funksjoner tilgjengelige.
- Åpne ShipCalcs side i Shopify App Store.
- Klikk på Install (Installer), og godkjenn appen.
- ShipCalc åpnes i Shopify-administratoren med en sjekkliste for å komme i gang.
Startsiden har lenker som med ett klikk åpner temaredigereren på riktig sted for hver plassering.
2. Legg til blokken for produktsiden
Blokken på produktsiden lar kundene sjekke frakten før de legger en vare i handlekurven. Den bruker varianten og antallet som er valgt.
- Klikk på Add Product Page Block i ShipCalcs introduksjon. Temaredigereren åpnes på en produktmal.
- Klikk på Add block (Legg til blokk) i seksjonen med produktinformasjon, og velg ShipCalc-blokken.
- Dra den på plass — under prisen eller under kjøpsknappene fungerer godt.
- Klikk på Save (Lagre).
3. Legg til blokken for handlekurvsiden
Handlekurvblokken beregner frakt for alle varer og antall i handlekurven, slik at kundene ser leveringen for hele bestillingen.
- Klikk på Add Cart Page Block i ShipCalc. Temaredigereren åpnes på handlekurvmalen.
- Klikk på Add block (Legg til blokk), og velg ShipCalcs handlekurvblokk.
- Plasser den nær delsummen og kasseknappen, og klikk deretter på Save (Lagre).
4. Aktiver støtte for kurvpanel
Kurvpaneler (uttrekkbare handlekurver) er bygd forskjellig i hvert tema, så ShipCalc støtter dem via en appinnbygging som ser etter det åpne panelet og plasserer en kompakt, sammenleggbar kalkulator over kasseknappen.
- Åpne temaredigereren, og velg App embeds (Appinnbygginger) i venstre sidefelt.
- Slå på ShipCalcs innbygging for kurvpanelet.
- De fleste temaer fungerer med den automatiske registreringen. Hvis ditt ikke gjør det, oppgir du panelets CSS-velger i innstillingene for innbyggingen.
- Klikk på Save (Lagre), og åpne deretter panelet i den publiserte butikken for å sjekke plasseringen.
5. Tilpass widgeten
Innstillinger for utseende og tekster finner du på siden Appearance (Utseende) i ShipCalc, med en forhåndsvisning før endringene når butikken din.
Oppsett og stil
- Kort- eller minimaloppsett.
- Aksent-, bakgrunns-, tekst- og kantfarger.
- Hjørneradius, avstand og tekststørrelser.
- Arv temaets typografi og grunnleggende kontrollstiler.
Tekster
- Tittel, hjelpetekst og knappetekst.
- Etiketter og plassholdere for land og postnummer.
- Meldinger for beregning, ingen priser, feil og tom handlekurv.
- En tekst for gratis leveringsmåter.
Alle tekster kundene ser, kan skrives på butikkens språk.
Egen CSS
For mer presis kontroll kan du legge til regler for widgeten i CSS-redigereren — nyttig for temaspesifikk avstand eller hover-tilstander.
6. Land og postnumre
Velg hvor destinasjonslandet hentes fra:
- Fixed country (fast land) — beregn alltid for ett land du velger.
- Shopper’s Shopify country (kundens Shopify-land) — følg lokaliseringslandet fra Shopify Markets.
- Country selector (landvelger) — la kundene velge blant landene du tillater.
Velg deretter hvordan postnumre fungerer:
- Required (påkrevd) — kunden må oppgi et postnummer eller en ZIP-kode.
- Optional (valgfritt) — kunden kan oppgi et for en mer presis beregning.
- Country only (bare land) — skjul postnummerfeltet; ShipCalc kan returnere et estimat for det valgte landet.
Du kan også skjule kalkulatoren for besøkende i utvalgte land, eller bare vise den for besøkende i landene du velger.
7. Valg for prisvisning
- Vis alle tilgjengelige priser, bare den billigste eller bare den dyreste.
- Vis leveringsdetaljer under en pris når Shopify returnerer dem.
- Bruk din egen tekst for gratis leveringsmåter (for eksempel «Gratis levering»).
8. Manuell plassering (avansert)
Hvis temaets oppsett ikke tillater en appblokk der du trenger den, kan du legge til et plassholderelement og ShipCalcs laster i temaet:
<div data-shipcalc-m="product"></div>
<script src="/apps/shipcalc/manual.js" defer></script>Bruk data-shipcalc-m="cart" for en plassering i handlekurven. Den manuelle kalkulatoren bruker de samme innstillingene, stilene og analysene som appblokkene.
9. Analyse
Siden Analytics (Analyse) viser hvordan kundene bruker kalkulatoren:
- Totalt antall beregninger over tid og nylig aktivitet.
- Beregninger etter kilde: produktside, handlekurvside eller kurvpanel.
- Populære kombinasjoner av postnummer og land.
- Leveringsmåter kundene fikk se.
- Feil, slik at du kan oppdage destinasjoner uten priser.
10. Markedsføringshendelser
ShipCalc kan sende en Calculate Shipping-hendelse til Google Analytics 4, Google Tag Manager og Meta Pixel når disse verktøyene allerede finnes i butikken din. ShipCalc installerer ikke sporingsskript.
- Åpne Marketing events (Markedsføringshendelser) i ShipCalc.
- Velg hvilke plattformer som skal motta hendelser.
- Du kan eventuelt endre hendelsens navn, kategori, etikett eller verdi, eller legge til egne parametere.
- Lagre.
Hendelsene inneholder widgetens kilde (produkt, handlekurv eller panel), landet og om et postnummer ble oppgitt.
11. Diagnostikk
Siden Diagnostics (Diagnostikk) kjører en ekte beregning uten å gå via butikken — nyttig etter endringer i fraktsoner eller priser.
- Åpne Diagnostics (Diagnostikk) i ShipCalc.
- Velg et produkt, et land og et postnummer.
- Kjør beregningen for å se nøyaktig hva Shopify returnerer.
12. Feilsøking
Kalkulatoren vises ikke på produktsiden
- Sjekk at blokken ble lagt til i malen produktene dine faktisk bruker, og at du lagret.
- Pass på at blokken ikke ligger i en skjult eller sammenslått seksjon.
- Sjekk at reglene for besøkendes land under Appearance ikke skjuler den for din plassering.
Ingen priser returneres
- Bekreft at destinasjonen hører til et aktivt marked og en fraktsone i Shopify.
- Sjekk at produktets fraktprofil og vekt oppfyller vilkårene for prisene dine.
- Kjør den samme destinasjonen i Diagnostics for å se hva Shopify returnerer.
- Omformuler meldingen om at ingen priser finnes, slik at kundene vet hva de skal gjøre videre.
En grundigere sjekkliste finner du i Shopify-fraktpriser vises ikke.
Den vises ikke i kurvpanelet mitt
- Bekreft at appinnbyggingen for kurvpanelet er slått på og lagret.
- Prøv å angi panelvelgeren i innstillingene for innbyggingen.
- Kontakt oss med temaets navn.
13. Kundestøtte
Administrasjonen i ShipCalc har en støtteside med raske svar og et kontaktskjema. Du kan også sende oss en melding her, så svarer vi på e-post.