1) tai katso sovellussivu Shopify App Storessa.1. Asenna ShipCalc
ShipCalc asennetaan Shopify App Storesta. 14 päivän ilmainen kokeilu alkaa asennuksesta, ja kaikki ominaisuudet ovat käytettävissä.
- Avaa ShipCalcin sivu Shopify App Storessa.
- Napsauta Install (Asenna) ja hyväksy sovellus.
- ShipCalc avautuu Shopifyn hallintapaneeliin, jossa on aloituksen tarkistuslista.
Aloitussivulla on linkit, jotka avaavat teemaeditorin yhdellä napsautuksella oikeaan kohtaan kutakin sijoitusta varten.
2. Lisää tuotesivun lohko
Tuotesivun lohkon avulla asiakkaat voivat tarkistaa toimituskulut ennen tuotteen lisäämistä ostoskoriin. Se käyttää valittuna olevaa versiota ja määrää.
- Napsauta ShipCalcin aloitusohjeissa Add Product Page Block. Teemaeditori avautuu tuotemalliin.
- Napsauta tuotetieto-osiossa Add block (Lisää lohko) ja valitse ShipCalc-lohko.
- Vedä se paikalleen — hinnan tai ostopainikkeiden alapuoli toimii hyvin.
- Napsauta Save (Tallenna).
3. Lisää ostoskorisivun lohko
Ostoskorilohko laskee toimituksen kaikille ostoskorin tuotteille ja määrille, joten asiakkaat näkevät toimituksen koko tilaukselle.
- Napsauta ShipCalcissa Add Cart Page Block. Teemaeditori avautuu ostoskorimalliin.
- Napsauta Add block (Lisää lohko) ja valitse ShipCalcin ostoskorilohko.
- Sijoita se välisumman ja kassapainikkeen lähelle ja napsauta sitten Save (Tallenna).
4. Ota ostoskoripaneelin tuki käyttöön
Ostoskoripaneelit (liukuvat ostoskorit) on rakennettu jokaisessa teemassa eri tavalla, joten ShipCalc tukee niitä sovelluksen upotuksella, joka etsii avoimen paneelin ja sijoittaa kompaktin, kokoontaitettavan laskurin kassapainikkeen yläpuolelle.
- Avaa teemaeditori ja valitse vasemmasta sivupalkista App embeds (Sovellusten upotukset).
- Ota ShipCalcin ostoskoripaneelin upotus käyttöön.
- Useimmat teemat toimivat automaattisella tunnistuksella. Jos omasi ei toimi, anna paneelin CSS-valitsin upotuksen asetuksissa.
- Napsauta Save (Tallenna) ja avaa sitten paneeli julkaistussa kaupassasi tarkistaaksesi sijoituksen.
5. Mukauta widgetiä
Ulkoasu- ja tekstiasetukset ovat ShipCalcin Appearance (Ulkoasu) -sivulla, ja muutokset näkyvät esikatselussa ennen kuin ne päätyvät kauppaasi.
Asettelu ja tyyli
- Kortti- tai minimaalinen asettelu.
- Korostus-, tausta-, teksti- ja reunavärit.
- Kulmien pyöristys, välit ja tekstikoot.
- Peri teemasi typografia ja perustyylit säätimille.
Tekstit
- Otsikko, ohjeteksti ja painikkeen teksti.
- Maan ja postinumeron nimikkeet ja paikkamerkit.
- Laskennan, hintojen puuttumisen, virheen ja tyhjän ostoskorin viestit.
- Teksti ilmaisille toimitustavoille.
Kaikki asiakkaille näkyvät tekstit voi kirjoittaa kauppasi kielellä.
Oma CSS
Tarkempaa hallintaa varten CSS-editorissa voit lisätä widgetiin kohdistuvia sääntöjä — hyödyllistä teemakohtaisiin väleihin tai hover-tiloihin.
6. Maat ja postinumerot
Valitse, mistä kohdemaa saadaan:
- Fixed country (kiinteä maa) — laske aina valitsemallesi yhdelle maalle.
- Shopper’s Shopify country (asiakkaan Shopify-maa) — käytä Shopify Marketsin lokalisointimaata.
- Country selector (maavalitsin) — anna asiakkaiden valita sallimistasi maista.
Valitse sitten, miten postinumerot toimivat:
- Required (pakollinen) — asiakkaan on annettava postinumero tai ZIP-koodi.
- Optional (valinnainen) — asiakas voi antaa sen tarkempaa laskentaa varten.
- Country only (vain maa) — piilota postinumerokenttä; ShipCalc voi palauttaa arvion valitulle maalle.
Voit myös piilottaa laskurin valittujen maiden kävijöiltä tai näyttää sen vain valitsemiesi maiden kävijöille.
7. Hintojen näyttämisen vaihtoehdot
- Näytä kaikki saatavilla olevat hinnat, vain edullisin tai vain kallein.
- Näytä toimitustiedot hinnan alla, kun Shopify palauttaa ne.
- Käytä omaa tekstiä ilmaisille toimitustavoille (esimerkiksi ”Ilmainen toimitus”).
8. Manuaalinen sijoitus (edistynyt)
Jos teemasi asettelu ei salli sovelluslohkoa tarvitsemaasi kohtaan, lisää teemaan paikkamerkkielementti ja ShipCalcin lataaja:
<div data-shipcalc-m="product"></div>
<script src="/apps/shipcalc/manual.js" defer></script>Käytä data-shipcalc-m="cart" ostoskorisijoitukseen. Manuaalinen laskuri käyttää samoja asetuksia, tyylejä ja analytiikkaa kuin sovelluslohkot.
9. Analytiikka
Analytics (Analytiikka) -sivu näyttää, miten asiakkaat käyttävät laskuria:
- Laskentojen kokonaismäärä ajan mittaan ja viimeaikainen toiminta.
- Laskennat lähteittäin: tuotesivu, ostoskorisivu tai ostoskoripaneeli.
- Suositut postinumeron ja maan yhdistelmät.
- Asiakkaille näytetyt toimitustavat.
- Virheet, jotta huomaat kohteet, joille ei ole hintoja.
10. Markkinointitapahtumat
ShipCalc voi lähettää Calculate Shipping -tapahtuman Google Analytics 4:ään, Google Tag Manageriin ja Meta Pixeliin, kun nämä työkalut ovat jo kaupassasi. ShipCalc ei asenna seurantaskriptejä.
- Avaa ShipCalcissa Marketing events (Markkinointitapahtumat).
- Valitse, mille alustoille tapahtumat lähetetään.
- Voit halutessasi muuttaa tapahtuman nimeä, luokkaa, nimikettä tai arvoa tai lisätä omia parametreja.
- Tallenna.
Tapahtumat sisältävät widgetin lähteen (tuote, ostoskori tai paneeli), maan ja tiedon siitä, annettiinko postinumero.
11. Vianmääritys
Diagnostics (Vianmääritys) -sivu tekee oikean laskennan ilman kauppaa — hyödyllistä toimitusvyöhykkeiden tai hintojen muuttamisen jälkeen.
- Avaa ShipCalcissa Diagnostics (Vianmääritys).
- Valitse tuote, maa ja postinumero.
- Suorita laskenta nähdäksesi tarkalleen, mitä Shopify palauttaa.
12. Vianetsintä
Laskuri ei näy tuotesivulla
- Tarkista, että lohko lisättiin malliin, jota tuotteesi todella käyttävät, ja että tallensit.
- Varmista, ettei lohko ole piilotetussa tai kokoon taitetussa osiossa.
- Tarkista, etteivät Appearance-kohdan kävijän maata koskevat säännöt piilota sitä sijainniltasi.
Hintoja ei palaudu
- Varmista, että kohde kuuluu Shopifyssa aktiiviseen markkinaan ja toimitusvyöhykkeeseen.
- Tarkista, että tuotteen toimitusprofiili ja paino täyttävät hintojesi ehdot.
- Testaa sama kohde Diagnostics-sivulla nähdäksesi, mitä Shopify palauttaa.
- Muotoile hintojen puuttumisesta kertova viesti niin, että asiakas tietää, mitä tehdä seuraavaksi.
Kattavampi tarkistuslista on oppaassa Shopifyn toimitushinnat eivät näy.
Se ei näy ostoskoripaneelissani
- Varmista, että ostoskoripaneelin sovellusupotus on käytössä ja tallennettu.
- Kokeile määrittää paneelin valitsin upotuksen asetuksissa.
- Ota meihin yhteyttä ja kerro teemasi nimi.
13. Tuki
ShipCalcin hallintapaneelissa on tukisivu, jossa on pikavastauksia ja yhteydenottolomake. Voit myös lähettää meille viestin täällä, niin vastaamme sähköpostitse.