1), eller se appens side i Shopify App Store.1. Installer ShipCalc
ShipCalc installeres fra Shopify App Store. Den gratis prøveperiode på 14 dage starter, når du installerer, med alle funktioner tilgængelige.
- Åbn ShipCalcs side i Shopify App Store.
- Klik på Install (Installer), og godkend appen.
- ShipCalc åbner i Shopify-administratoren med en tjekliste til at komme i gang.
Startsiden har links, der med ét klik åbner temaeditoren det rigtige sted for hver placering.
2. Tilføj blokken til produktsiden
Blokken på produktsiden lader kunderne tjekke fragten, før de lægger en vare i kurven. Den bruger den aktuelt valgte variant og det valgte antal.
- Klik på Add Product Page Block i ShipCalcs introduktion. Temaeditoren åbner på en produktskabelon.
- Klik på Add block (Tilføj blok) i sektionen med produktoplysninger, og vælg ShipCalc-blokken.
- Træk den på plads — under prisen eller under købsknapperne fungerer godt.
- Klik på Save (Gem).
3. Tilføj blokken til kurvsiden
Kurvblokken beregner fragt for alle varer og antal i kurven, så kunderne ser leveringen for hele ordren.
- Klik på Add Cart Page Block i ShipCalc. Temaeditoren åbner på kurvskabelonen.
- Klik på Add block (Tilføj blok), og vælg ShipCalcs kurvblok.
- Placer den tæt på subtotalen og kasseknappen, og klik derefter på Save (Gem).
4. Aktivér understøttelse af kurvpanel
Kurvpaneler (udskydelige kurve) er bygget forskelligt i hvert tema, så ShipCalc understøtter dem via en appindlejring, der leder efter det åbne panel og placerer en kompakt, sammenklappelig beregner over kasseknappen.
- Åbn temaeditoren, og vælg App embeds (Appindlejringer) i venstre sidepanel.
- Slå ShipCalcs indlejring til kurvpanelet til.
- De fleste temaer fungerer med den automatiske registrering. Hvis dit ikke gør, skal du angive panelets CSS-vælger i indlejringens indstillinger.
- Klik på Save (Gem), og åbn derefter panelet i din aktive butik for at tjekke placeringen.
5. Tilpas widgetten
Indstillinger for udseende og tekster findes på siden Appearance (Udseende) i ShipCalc, med en forhåndsvisning, før ændringerne når din butik.
Layout og stil
- Kort- eller minimallayout.
- Accent-, baggrunds-, tekst- og kantfarver.
- Hjørneradius, afstand og tekststørrelser.
- Arv temaets typografi og grundlæggende kontrolstilarter.
Tekster
- Titel, hjælpetekst og knaptekst.
- Etiketter og pladsholdere til land og postnummer.
- Beskeder for beregning, ingen priser, fejl og tom kurv.
- En tekst til gratis leveringsmetoder.
Alle tekster, kunderne ser, kan skrives på butikkens sprog.
Egen CSS
For mere præcis kontrol kan du i CSS-editoren tilføje regler for widgetten — nyttigt til temaspecifik afstand eller hover-tilstande.
6. Lande og postnumre
Vælg, hvor destinationslandet kommer fra:
- Fixed country (fast land) — beregn altid for ét land, som du vælger.
- Shopper’s Shopify country (kundens Shopify-land) — følg lokaliseringslandet fra Shopify Markets.
- Country selector (landevælger) — lad kunderne vælge blandt de lande, du tillader.
Vælg derefter, hvordan postnumre fungerer:
- Required (påkrævet) — kunden skal angive et postnummer eller en ZIP-kode.
- Optional (valgfrit) — kunden kan angive et for en mere præcis beregning.
- Country only (kun land) — skjul postnummerfeltet; ShipCalc kan returnere et estimat for det valgte land.
Du kan også skjule beregneren for besøgende i udvalgte lande eller kun vise den for besøgende i de lande, du vælger.
7. Muligheder for prisvisning
- Vis alle tilgængelige priser, kun den billigste eller kun den dyreste.
- Vis leveringsoplysninger under en pris, når Shopify returnerer dem.
- Brug din egen tekst til gratis metoder (for eksempel “Gratis levering”).
8. Manuel placering (avanceret)
Hvis dit temas layout ikke tillader en appblok, hvor du har brug for den, kan du tilføje et pladsholderelement og ShipCalcs indlæser til temaet:
<div data-shipcalc-m="product"></div>
<script src="/apps/shipcalc/manual.js" defer></script>Brug data-shipcalc-m="cart" til en placering i kurven. Den manuelle beregner bruger de samme indstillinger, stilarter og analyser som appblokkene.
9. Analyse
Siden Analytics (Analyse) viser, hvordan kunderne bruger beregneren:
- Samlet antal beregninger over tid og seneste aktivitet.
- Beregninger efter kilde: produktside, kurvside eller kurvpanel.
- Populære kombinationer af postnummer og land.
- Leveringsmetoder, kunderne fik vist.
- Fejl, så du kan opdage destinationer uden priser.
10. Marketinghændelser
ShipCalc kan sende en Calculate Shipping-hændelse til Google Analytics 4, Google Tag Manager og Meta Pixel, når de værktøjer allerede er i din butik. ShipCalc installerer ikke sporingsscripts.
- Åbn Marketing events (Marketinghændelser) i ShipCalc.
- Vælg, hvilke platforme der skal modtage hændelser.
- Du kan eventuelt ændre hændelsens navn, kategori, etiket eller værdi eller tilføje egne parametre.
- Gem.
Hændelserne indeholder widgettens kilde (produkt, kurv eller panel), landet og om der blev angivet et postnummer.
11. Diagnostik
Siden Diagnostics (Diagnostik) kører en rigtig beregning uden om din butik — nyttigt efter ændringer af fragtzoner eller priser.
- Åbn Diagnostics (Diagnostik) i ShipCalc.
- Vælg et produkt, et land og et postnummer.
- Kør beregningen for at se præcis, hvad Shopify returnerer.
12. Fejlfinding
Beregneren vises ikke på produktsiden
- Tjek, at blokken er tilføjet til den skabelon, dine produkter faktisk bruger, og at du har gemt.
- Sørg for, at blokken ikke ligger i en skjult eller sammenklappet sektion.
- Tjek, at reglerne for besøgendes land under Appearance ikke skjuler den for din placering.
Der returneres ingen priser
- Bekræft, at destinationen hører til et aktivt marked og en fragtzone i Shopify.
- Tjek, at produktets fragtprofil og vægt opfylder betingelserne for dine priser.
- Kør den samme destination i Diagnostics for at se, hvad Shopify returnerer.
- Omformuler beskeden om manglende priser, så kunderne ved, hvad de skal gøre.
Se en mere grundig tjekliste i Shopify-fragtpriser vises ikke.
Den vises ikke i mit kurvpanel
- Bekræft, at appindlejringen til kurvpanelet er slået til og gemt.
- Prøv at angive panelvælgeren i indlejringens indstillinger.
- Kontakt os med temaets navn.
13. Support
ShipCalcs administration har en supportside med hurtige svar og en kontaktformular. Du kan også skrive til os her, så svarer vi på e-mail.