Noutopisteen valinta Shopifyn ostoskorissa, kaikki paketit

Suomessa pakettiautomaatti ja noutopiste ovat tavallisin tapa vastaanottaa verkkokauppatilaus. Asiakas odottaa näkevänsä kartan, josta hän löytää lähimmän Postin tai PostNordin automaatin ja valitsee sen ennen maksamista. Shopifyssa tämä on aina ollut hankalaa. Shopify sallii sovellusten lisätä lohkoja kassasivulle vain Shopify Plus -paketissa, joten Basic-, Shopify- tai Advanced-paketin kaupat pystyivät kysymään noutopistettä vasta tilauksen jälkeen, Thank you -sivulla tai muistutussähköpostissa.

8. marraskuuta 2026 alkaen on toinen tapa. ShipDockin cart widget on suljetun betan jälkeen kaikkien kauppojen käytettävissä. Se tuo toimitustavan valinnan sinne, minkä kautta jokainen asiakas kulkee ennen kassaa: ostoskorisivulle ja sivuostoskoriin (cart drawer). Asiakas valitsee kotiinkuljetuksen tai noutopisteen kartalta, ja kassa näyttää sen jälkeen vain valintaa vastaavan toimitushinnan.

Tässä oppaassa kerromme, mitä cart widget tekee, mitä asiakkaasi näkevät, miten se vertautuu muihin noutopisteratkaisuihin Shopifyssa, missä sen rajat ovat ja miten otat sen käyttöön noin viidessätoista minuutissa.

Mitä cart widget tekee

Widget lisää ostoskoriin kaksi korttia: Kotiinkuljetus ja Noutopiste. Noutopisteen kortti avaa ikkunan, jossa on haku, kartta, etäisyyden mukaan järjestetty lista ja kuljetusyhtiösuodatin. Kun asiakas valitsee pisteen, se tallentuu ostoskoriin ja näkyy kortissa Vaihda-painikkeen kanssa.

Kassa seuraa sen jälkeen valintaa:

• Noutopiste valittu: kassa näyttää vain kyseisen kuljetusyhtiön hinnan (ja sen postiennakkoversion, jos sinulla on sellainen), nimettynä pisteen mukaan, esimerkiksi Posti - Pakettiautomaatti Helsinki Kamppi (12345). Kotiinkuljetuksen hinnat on piilotettu.
• Kotiinkuljetus valittu: noutopisteiden hinnat on piilotettu, joten kukaan ei voi maksaa noutopistetoimitusta ilman valittua pistettä.

Tilaus sisältää sen jälkeen noutopisteen kuten mikä tahansa muu ShipDock-tilaus. Lähetystarrat, noutopistemuistutukset, pisteen vaihto tilauksen jälkeen ja Shopify Flow toimivat kuten ennenkin.

Widget toimii kaikilla Shopify-paketeilla, myös Basicilla. Se vaatii maksullisen ShipDock-paketin, Lite tai korkeampi.

Mitä asiakkaasi näkevät

Ostoskorissa molemmat kortit ovat kassapainikkeen vieressä. Kun otat käyttöön Show prices in the cart, jokainen kortti näyttää asiakkaan maan edullisimman hinnan, esimerkiksi ”alk. 4,90 €”, tai ”Ilmainen” ilmaisen toimituksen rajan ylittyessä.

Ikkuna alkaa kaupungin, postinumeron tai osoitteen haulla, ehdotusten kanssa. Jos kuljetusyhtiösi palvelevat useampaa maata, näkyviin tulee maavalinta. Jokaisesta pisteestä näkyy nimi, osoite, kuljetusyhtiö, hinta ja aukioloajat, ja Oma sijainti -painikkeella asiakas siirtyy omaan sijaintiinsa. Tietokoneella lista on kartan vieressä. Puhelimessa kartta täyttää ikkunan ja lista on paneeli, jota asiakas vetää ylös tai alas. Napautus karttamerkkiin tai riviin näyttää tiedot ja painikkeen Valitse tämä noutopiste. Saksalainen DHL Packstation kysyy lisäksi DHL-asiakasnumeroa.

Ulkoasun päätät sinä. Kohdassa Edit appearance asettelu määritetään erikseen kapealle widgetille (alle 600 px: puhelimet ja sivuostoskori) ja leveälle widgetille (600 px tai enemmän: ostoskorisivu tietokoneella). Kummallekin valitset, ovatko kortit allekkain vai vierekkäin, näyttävätkö ne kuvakkeet ja onko niissä valintaympyrät. Ilman ympyröitä valittu kortti erottuu vain reunuksestaan. Oletuksena kapea widget pinoaa kortit ja leveä näyttää ne vierekkäin, molemmat kuvakkeiden ja ympyröiden kanssa. Lisäksi on seitsemän väriä, oma CSS ja reaaliaikainen esikatselu tietokoneen ja puhelimen leveydellä. Jokaista tekstiä voi muokata kielittäin kohdassa Settings → Translations → Cart widget. Widgetissä on valmiina 23 kieltä.

Cart widget vai muu vaihtoehto?

ShipDock tarjosi jo kolme tapaa antaa asiakkaan valita noutopiste. Cart widget on neljäs. Näin ne eroavat:

Suosituksemme:

• Shopify Plus: käytä noutopistewidgetiä suoraan kassalla. Se on ainoa vaihtoehto, jossa noutopistetilausta ei voi maksaa ilman pistettä.
• Muut paketit: cart widget näyttää asiakkaille kartan jo ennen maksua, kuten he ovat suomalaisissa verkkokaupoissa tottuneet. Ilman Plussaa kassan karttaa lähemmäs ei pääse.
• Aina: pidä noutopisteen valinta Thank you- ja Order status -sivuilla. Cart widget ei korvaa sitä. Se näyttää asiakkaalle ostoskorissa valitun pisteen ja on turvaverkko jokaiselle tilaukselle, joka ohitti ostoskorin: siellä asiakas voi vielä valita pisteen.

Rajoitukset, jotka kannattaa tietää ennen käyttöönottoa

Cart widget asuu ostoskorissa. Siksi se toimii kaikilla paketeilla, ja siitä seuraavat myös sen rajoitukset. Lue ne ennen julkaisua.

• Jokaisen tilauksen on kuljettava ostoskorin kautta. Buy it now tuotesivuilla, pikamaksupainikkeet tuotesivuilla ja Featured product -osioissa (Shop Pay, Apple Pay, Google Pay, PayPal), muiden sovellusten ”Osta nyt” -painikkeet, kuten kiinteät lisää ostoskoriin -palkit tai upsell-ponnahdusikkunat, sekä suorat kassalinkit sähköposteissa tai mainoksissa avaavat kassan ilman ostoskoria. Asiakas ei näe widgetiä lainkaan, ja tilaus tulee ilman noutopistettä. Poista nämä painikkeet käytöstä ennen julkaisua.
• Valintaa ei voi tehdä pakolliseksi. Widget ei voi pysäyttää muualta alkanutta kassaa. Pakollinen noutopiste on olemassa vain kassan widgetillä Shopify Plussassa.
• Kassa seuraa ostoskoria. Vaihtaakseen noutopisteestä kotiinkuljetukseen asiakas palaa ostoskoriin. Pistettä, joka on eri maassa kuin kassalla annettu toimitusosoite, ei käytetä, ja kyseisen kuljetusyhtiön noutopistehinnat piilotetaan.
• Vain Shopify-teemat. Headless-kauppoja ei tueta.
• Ostoskorin hinnat voivat poiketa kassasta. Ostoskori näyttää kuljetusyhtiön edullisimman hinnan, kassa veloittaa aina todellisuudessa voimassa olevan hinnan. Tyypillisiä eroja: tuotteet useasta toimitusprofiilista (Shopify laskee niiden hinnat yhteen kassalla), kassalla syötetty alennuskoodi, kaupan valuutasta poikkeava valuutta ja hinnat, joita ostoskori ei näe, kuten Shopifyn paikallinen toimitus tai B2B-hinnastot.
• Ostoskori tuntee hintaehtosi, ei kuljetusyhtiön omia rajoja. Jos automaatit ottavat vastaan paketteja vain tiettyyn painoon asti, aseta tämä enimmäispaino noutopistehinnalle Shopifyssa. Mittoja ei tarkisteta koskaan, koska Shopify ei välitä niitä, joten lisää isot tuotteet kohtaan Pickup point exclusions.
• Toimitusprofiilit eivät ratkaise, missä noutopisteet näkyvät. Ostoskori ei tiedä, mihin profiiliin tuote kuuluu. Sulje pois tuotteet, joita et koskaan lähetä noutopisteeseen, tunnisteella shipdock-no-pickup, tuotteittain tai varianteittain tai kokoelmittain (enintään 2 kokoelmaa).
• Toimitusosoite pysyy asiakkaan osoitteena. Tilaus sisältää noutopisteen, mutta sen toimitusosoitetta ei korvata pisteen osoitteella. Tarkista tämä, jos tilauksesi lähettää varasto tai toimitussovellus.
• Kartta näyttää 100 lähintä pistettä. Lisää asiakas näkee siirtämällä karttaa tai hakemalla.

Tilauksille, jotka silti ohittavat ostoskorin, asetus When the cart carries no choice ratkaisee, mitä kassa näyttää. Hide pickup points on tiukka vaihtoehto: tällaiset tilaukset voivat käyttää vain kotiinkuljetusta, joten yksikään noutopistetilaus ei tule ilman pistettä. Show all shipping rates on joustava: asiakas voi maksaa noutopistehinnan ja valita pisteen jälkikäteen Thank you- tai Order status -sivulla tai muistutussähköpostista.

Näin otat cart widgetin käyttöön vaihe vaiheelta

Ennen aloittamista yhdistä ShipDockiin vähintään yksi noutopisteitä tarjoava kuljetusyhtiö ja kohdista sen toimitushinnat nimen perusteella tai määritä se ShipDockin toimitushinnoilla. Widget ottaa näistä hinnoista kuljetusyhtiöt, maat ja hinnat. Samat vaiheet ovat cart widgetin asetusten yläosan How it works -bannerissa, linkkien ja Chat with us -painikkeen kanssa.

1. Avaa asetukset. Siirry ShipDockissa kohtaan Settings → Widget → Cart widget settings.
2. Aloita testitilassa. Valitse kohdassa Widget status Test mode ja napsauta Save. Toistaiseksi vain sinä näet widgetin.
3. Ota sovelluksen upotus käyttöön. Avaa Shopifyssa Online Store → Themes → Customize → App embeds, ota Cart widget käyttöön ja tallenna teema. Napsauta sitten ShipDockissa Check Theme-ruudussa.
4. Sijoita widget ostoskorisivulle ja sivuostoskoriin. Monet teemat avaavat ostoskoriin lisäämisen jälkeen sivuostoskorin, ja asiakkaat siirtyvät siitä suoraan kassalle näkemättä koskaan ostoskorisivua. Napsauta ostoskorisivulla kassapainikkeen osiossa Add block, valitse Cart widget ja vedä se painikkeen viereen. Sivuostoskoria varten lisää kohtaan Placement in the cart sijoitus sen elementin CSS-valitsimella, jonka viereen widget tulee, ja aseta Show on arvoon All pages. Valitsimen löytää sovelluksen upotuksen asetuksissa oleva Placement helper, kun napsautat elementtiä editorin esikatselussa. Etkö tiedä, mihin widget teemassasi kuuluu? Kirjoita meille chatissa, niin autamme sijoittamaan sen.
5. Poista käytöstä ostoskorin ohittavat painikkeet. Avaa teemaeditorissa tuotesivu, napsauta lohkoa Buy buttons ja poista valinta kohdasta Show dynamic checkout buttons. Toista jokaiselle tuotemallille ja jokaiselle Featured product -osiolle, ja vaihda pikaostopainikkeita käyttävät sovellukset ostoskoriin lisäämiseen.
6. Tarkista hinnat. Osio Countries and couriers näyttää jokaisen maan kotiinkuljetuksen ja noutopisteen hinnan. Valitse Show prices in the cart, jos asiakkaiden pitää nähdä ne, ja napsauta Refresh hintojen muuttamisen jälkeen.
7. Testaa. Napsauta Open as tester, lisää tuote ostoskoriin ja valitse noutopiste, kerran sivuostoskorissa ja kerran ostoskorisivulla. Kassan pitäisi näyttää yksi pisteen mukaan nimetty hinta.
8. Julkaise. Varmista, että noutopisteen valinta on Thank you- ja Order status -sivuilla, vaihda sitten Widget status tilaan Live ja napsauta Save.

Koko opas kuvakaappauksineen on ohjekeskuksessamme (englanniksi): How to let customers choose a pickup point in the cart.

Suositellut asetukset

• Preselected option in the cart: None antaa jokaisen asiakkaan päättää. Home delivery sopii kaupoille, joissa useimmat tilaukset menevät kotiin; kassa piilottaa silloin noutopistehinnat, kunnes asiakas valitsee pisteen.
• Postiennakko: nimeä kunkin kuljetusyhtiön postiennakkohinta ennakkoa tarkoittavalla sanalla, esimerkiksi ”Postiennakko”, jotta valitulle pisteelle jää kassalle molemmat hinnat.
• Country without pickup points: piilota widget (oletus), näytä molemmat kortit harmaana noutopisteellä tai näytä vain kotiinkuljetus.
• Pickup point exclusions: isot tai painavat tuotteet ja kaikki, mitä pidät erillisessä toimitusprofiilissa ilman noutopistehintoja.
• Shipping name in checkout: hinnan nimi kielittäin. Oletus on {provider} - {name} ({id}).

Tuetut kuljetusyhtiöt, joilla on noutopisteitä

Cart widget toimii jokaisen ShipDockiin yhdistämäsi noutopisteitä tarjoavan kuljetusyhtiön kanssa. ShipDock tukee yli 40 kuljetusyhtiötä, ja noutopisteitä on 30 maassa. Suomen markkinoilla:

• Posti: pakettiautomaatit ja noutopisteet
• PostNord: noutopisteet ja pakettiautomaatit

Jos lähetät myös naapurimaihin: Ruotsissa, Tanskassa ja Norjassa PostNord, Virossa, Latviassa ja Liettuassa Omniva ja DPD. Osa kuljetusyhtiöistä on sovelluksessa merkitty betaksi. Täydellinen ja ajantasainen lista on kuljetusyhtiösivullamme.

Usein kysytyt kysymykset

Mikä Shopify-paketti cart widgetiin tarvitaan?

Mikä tahansa Shopify-paketti, myös Basic. ShipDockissa tarvitset maksullisen paketin, Lite tai korkeampi (Lite maksaa 9,99 USD kuukaudessa). Jos perut paketin, widget poistuu käytöstä ja asetukset säilyvät.

Minulla on Shopify Plus. Pitäisikö käyttää cart widgetiä?

Suosittelemme mieluummin noutopistewidgetiä kassalla. Siellä asiakas ei voi maksaa valitsematta pistettä, mitä cart widget ei voi taata.

Voinko pakottaa asiakkaat valitsemaan noutopisteen ennen maksua?

Cart widgetillä et. Tee kassasta saavutettava vain ostoskorin kautta (ei Buy it now- eikä pikamaksupainikkeita tuotesivuilla) ja aseta When the cart carries no choice arvoon Hide pickup points. Ostoskorin ohittava tilaus on silloin vähintään kotiinkuljetus.

Mitä tapahtuu tilauksille, jotka ohittavat ostoskorin?

Ne tulevat ilman noutopistettä. Joustavalla asetuksella asiakas valitsee pisteen Thank you -sivulla, Order status -sivulla tai muistutussähköpostista. Siksi suosittelemme pitämään valinnan näillä sivuilla.

Toimiiko se postiennakon kanssa?

Kyllä. Jos jokaisella kuljetusyhtiöllä on toinen hinta, jonka nimessä on ennakkoa tarkoittava sana, kassa säilyttää valitulle pisteelle sekä tavallisen että postiennakkohinnan.

Toimiiko widget headless-kaupoissa?

Ei. Widget toimii Shopify-teemoissa (Online Store). Headless-kauppoja ei tueta.

Tallennetaanko asiakkaan sijainti?

Ei. Sijaintia käytetään vain lähellä olevien noutopisteiden lataamiseen.

Yhteenveto

Tähän asti noutopistekartan ennen maksua ovat voineet tarjota vain Shopify Plus -kaupat. Cart widgetin avulla sen näyttää mikä tahansa Shopify-kauppa, ostoskorisivulla ja sivuostoskorissa, ja kassa tarjoaa sen jälkeen vain sen yhden hinnan, jonka asiakas valitsi. Poista ostoskorin ohittavat painikkeet käytöstä, pidä Thank you- ja Order status -sivujen valinta turvaverkkona, niin asiakkaasi valitsevat pakettiautomaattinsa tutulla tavalla.

Käytätkö jo ShipDockia? Avaa Settings → Widget → Cart widget settings ja aloita testitilassa. Etkö vielä? Asenna ShipDock Shopify App Storesta ja kokeile sitä 5 päivää ilmaiseksi.