1) eller se appsidan i Shopify App Store.1. Installera ShipCalc
ShipCalc installeras från Shopify App Store. Den 14 dagar långa gratis provperioden startar när du installerar, med alla funktioner tillgängliga.
- Öppna ShipCalcs sida i Shopify App Store.
- Klicka på Install (Installera) och godkänn appen.
- ShipCalc öppnas i Shopify-administratören med en checklista för att komma igång.
Startsidan har länkar som med ett klick öppnar temaredigeraren på rätt ställe för varje placering.
2. Lägg till blocket för produktsidan
Blocket på produktsidan låter kunderna kolla frakten innan de lägger en artikel i varukorgen. Det använder den variant och det antal som är valt just då.
- Klicka på Add Product Page Block i ShipCalcs introduktion. Temaredigeraren öppnas på en produktmall.
- Klicka på Add block (Lägg till block) i avsnittet med produktinformation och välj ShipCalc-blocket.
- Dra det på plats — under priset eller under köpknapparna fungerar bra.
- Klicka på Save (Spara).
3. Lägg till blocket för varukorgssidan
Varukorgsblocket beräknar frakt för alla artiklar och antal i varukorgen, så att kunderna ser leveransen för hela beställningen.
- Klicka på Add Cart Page Block i ShipCalc. Temaredigeraren öppnas på varukorgsmallen.
- Klicka på Add block (Lägg till block) och välj ShipCalcs varukorgsblock.
- Placera det nära delsumman och kassaknappen och klicka sedan på Save (Spara).
4. Aktivera stöd för varukorgspanel
Varukorgspaneler (utfällbara varukorgar) byggs olika i varje tema, så ShipCalc stöder dem via en appinbäddning som letar efter den öppna panelen och placerar en kompakt, hopfällbar kalkylator ovanför kassaknappen.
- Öppna temaredigeraren och välj App embeds (Appinbäddningar) i vänstra sidofältet.
- Aktivera ShipCalcs inbäddning för varukorgspanelen.
- De flesta teman fungerar med den automatiska identifieringen. Om ditt inte gör det anger du panelens CSS-väljare i inbäddningens inställningar.
- Klicka på Save (Spara) och öppna sedan panelen i din publicerade butik för att kontrollera placeringen.
5. Anpassa widgeten
Inställningar för utseende och texter finns på sidan Appearance (Utseende) i ShipCalc, med en förhandsvisning innan ändringarna når din butik.
Layout och stil
- Kort- eller minimallayout.
- Accent-, bakgrunds-, text- och kantfärger.
- Hörnradie, avstånd och textstorlekar.
- Ärv temats typografi och grundläggande kontrollstilar.
Texter
- Rubrik, hjälptext och knapptext.
- Etiketter och platshållare för land och postnummer.
- Meddelanden för beräkning, inga priser, fel och tom varukorg.
- En text för leveranssätt med fri frakt.
Alla texter som kunderna ser kan skrivas på butikens språk.
Egen CSS
För mer detaljerad kontroll kan du lägga till regler för widgeten i CSS-redigeraren — praktiskt för temaspecifika avstånd eller hovringslägen.
6. Länder och postnummer
Välj var destinationslandet kommer ifrån:
- Fixed country (fast land) — beräkna alltid för ett land som du väljer.
- Shopper’s Shopify country (kundens Shopify-land) — följ lokaliseringslandet från Shopify Markets.
- Country selector (landsväljare) — låt kunderna välja bland de länder du tillåter.
Välj sedan hur postnummer fungerar:
- Required (obligatoriskt) — kunden måste ange ett postnummer eller en ZIP-kod.
- Optional (valfritt) — kunden kan ange ett för en mer exakt beräkning.
- Country only (bara land) — dölj postnummerfältet; ShipCalc kan returnera en uppskattning för det valda landet.
Du kan också dölja kalkylatorn för besökare i valda länder, eller bara visa den för besökare i de länder du väljer.
7. Alternativ för prisvisning
- Visa alla tillgängliga priser, bara det billigaste eller bara det dyraste.
- Visa leveransinformation under ett pris när Shopify returnerar den.
- Använd egen text för kostnadsfria leveranssätt (till exempel ”Fri frakt”).
8. Manuell placering (avancerat)
Om temats layout inte tillåter ett appblock där du behöver det kan du lägga till ett platshållarelement och ShipCalcs laddare i temat:
<div data-shipcalc-m="product"></div>
<script src="/apps/shipcalc/manual.js" defer></script>Använd data-shipcalc-m="cart" för en placering i varukorgen. Den manuella kalkylatorn använder samma inställningar, stilar och analys som appblocken.
9. Analys
Sidan Analytics (Analys) visar hur kunderna använder kalkylatorn:
- Totalt antal beräkningar över tid och senaste aktivitet.
- Beräkningar per källa: produktsida, varukorgssida eller varukorgspanel.
- Vanliga kombinationer av postnummer och land.
- Leveranssätt som kunderna fick se.
- Fel, så att du kan upptäcka destinationer utan priser.
10. Marknadsföringshändelser
ShipCalc kan skicka en Calculate Shipping-händelse till Google Analytics 4, Google Tag Manager och Meta Pixel när de verktygen redan finns i din butik. ShipCalc installerar inga spårningsskript.
- Öppna Marketing events (Marknadsföringshändelser) i ShipCalc.
- Välj vilka plattformar som ska ta emot händelser.
- Om du vill kan du ändra händelsens namn, kategori, etikett eller värde, eller lägga till egna parametrar.
- Spara.
Händelserna innehåller widgetens källa (produkt, varukorg eller panel), landet och om ett postnummer angavs.
11. Diagnostik
Sidan Diagnostics (Diagnostik) gör en riktig beräkning utan att gå via butiken — praktiskt efter att du har ändrat fraktzoner eller priser.
- Öppna Diagnostics (Diagnostik) i ShipCalc.
- Välj en produkt, ett land och ett postnummer.
- Kör beräkningen för att se exakt vad Shopify returnerar.
12. Felsökning
Kalkylatorn visas inte på produktsidan
- Kontrollera att blocket lades till i den mall som dina produkter faktiskt använder och att du sparade.
- Se till att blocket inte ligger i ett dolt eller hopfällt avsnitt.
- Kontrollera att reglerna för besökarens land under Appearance inte döljer kalkylatorn för din plats.
Inga priser returneras
- Bekräfta att destinationen hör till en aktiv marknad och fraktzon i Shopify.
- Kontrollera att produktens fraktprofil och vikt uppfyller villkoren för dina priser.
- Testa samma destination i Diagnostics för att se vad Shopify returnerar.
- Formulera om meddelandet om att inga priser finns så att kunderna vet vad de ska göra härnäst.
En mer utförlig checklista finns i Shopify-fraktpriser visas inte.
Den visas inte i min varukorgspanel
- Bekräfta att appinbäddningen för varukorgspanelen är aktiverad och sparad.
- Prova att ange panelens väljare i inbäddningens inställningar.
- Kontakta oss och ange temats namn.
13. Support
ShipCalcs administratörsgränssnitt har en supportsida med snabba svar och ett kontaktformulär. Du kan också skicka ett meddelande här så svarar vi via e-post.