> ## Documentation Index
> Fetch the complete documentation index at: https://www.zippendo.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Lisää noutopisteen valitsin Shopify-kassalle

> Vaihe vaiheelta, kuvien kanssa. Anna Shopify Plus -paketissa asiakkaidesi valita noutopisteensä toimitustavan alla olevasta valitsimesta pitkän luettelon selaamisen sijaan.

Tässä oppaassa lisäät Zippendo-palvelun noutopisteen valitsimen Shopify-kassallesi. Pitkän luettelon sijaan, jossa jokaisella noutopisteellä on oma toimitustapansa, asiakkaasi näkevät kunkin noutopistetoimitustavan vain kerran. Kun he valitsevat sen, heitä lähin noutopiste on jo valittu, ja sen osoite ja aukioloajat näkyvät. Haluavatko he toisen? He napsauttavat **Vaihda noutopiste** ja valitsevat luettelosta tai, jos lisäät oman Google Maps -avaimesi, kartalta.

![Shopify-kassa, jossa GLS pakkeshop -toimitustapa on valittuna. Sen alla lähin noutopiste etäisyyksineen, osoitteineen ja aukioloaikoineen sekä Vaihda noutopiste -painike](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-service-point-picker/06-checkout-picker.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=03434e9719adebf1a89e2347ee4edf46)

Mitä asiakkaasi näkevät: lähin noutopiste on jo valittu

Tähän menee noin 10 minuuttia. Aloitat Zippendo-sovelluksessa ja lisäät sitten valitsimen Shopify-kassaeditorissa.

> [!NOTE]
>
> **Mitä tarvitset**
>
> * Shopify-verkkokauppa, jolla on **Shopify Plus** -paketti. Shopify sallii sovellusten lisätä asioita kassasivulle vain Shopify Plus -paketissa.
> * Toimitushintasi kassalla. Katso [Näytä toimitushintasi Shopify-kassalla](https://www.zippendo.com/docs/fi/tutorials/shopify-checkout-prices.md).
> * Noutopisteeseen toimittava [toimitussääntö](https://www.zippendo.com/docs/fi/tutorials/shipping-rules.md), esimerkiksi "GLS Pakkeshop".

> [!NOTE]
>
> Etkö ole Shopify Plus -paketissa? Asiakkaasi voivat silti valita noutopisteen: kukin noutopiste näytetään omana toimitustapanaan. Katso [Näytä toimitushintasi Shopify-kassalla](https://www.zippendo.com/docs/fi/tutorials/shopify-checkout-prices.md).

## Vaihe 1: Ota valitsin käyttöön Zippendo-sovelluksessa

**1. Avaa verkkokauppasi asetukset**

Napsauta vasemman reunan valikossa **Myyntikanavat**. Napsauta **Yhdistetyt**-välilehdellä Shopify-verkkokauppaasi. Päädyt **Tilaukset ja kassa** -välilehdelle.

**2. Valitse Zippendon noutopisteen valitsin kassalla**

Vieritä alas **Noutopisteet kassalla** -korttiin. Valitse kohdassa **Asiakkaat valitsevat noutopisteen** vaihtoehto **Zippendon noutopisteen valitsin kassalla**.

![Noutopisteet kassalla -kortti, jonka luettelo on auki: Hintaluettelo (yksi hinta noutopistettä kohti), Noutopistekartta (Shopify, kokeellinen) ja Zippendon noutopisteen valitsin kassalla](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-service-point-picker/01-service-point-choice-light.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=725c3d71cc793788b2ac4db56c72ccda)

Valitse Zippendon noutopisteen valitsin kassalla

Etkö voi valita sitä, ja siinä lukee **Poista ensin noutopisteet ostoskorista käytöstä**? Asiakkaasi valitsevat jo noutopisteensä ostoskorissa. Vain toinen näistä voi olla käytössä: poista ensin **Noutopisteet ostoskorissa** käytöstä.

**3. Hyväksy uudet käyttöoikeudet, jos Zippendo pyytää**

Jos kortissa lukee **Hyväksy Zippendon uudet käyttöoikeudet Shopifyssa**, napsauta **Hyväksy Shopifyssa**. Shopify avautuu ja pyytää sinua hyväksymään. Hyväksy, palaa Zippendo-sovellukseen, lataa sivu uudelleen ja valitse **Zippendon noutopisteen valitsin kassalla** uudelleen.

**4. Avaa kassaeditori**

Kortissa näkyy nyt **Noutopisteen valitsimen tila**, jossa lukee **Odottaa ensimmäistä kassaa**, kunnes valitsin on näytetty asiakkaalle. Napsauta **Avaa kassaeditori**. Shopify-kassaeditori avautuu uudelle välilehdelle.

![Noutopisteet kassalla -kortti, jossa Zippendon noutopisteen valitsin kassalla on valittuna, Noutopisteen valitsimen tila, Avaa kassaeditori -painike sekä kentät valinnaiselle Google Maps -avaimelle ja valinnaiselle Google-avaimelle osoitehakuun](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-service-point-picker/02-picker-status-light.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=44ae3f93d8bef66cf0965987d9cbb618)

Noutopisteen valitsimen tila ja Avaa kassaeditori -painike

Alla olevat kaksi Google-avainkenttää ovat valinnaisia. Voit lisätä avaimet nyt tai myöhemmin: katso tämän sivun lopussa oleva kohta "Kartta ja osoitehaku".

## Vaihe 2: Lisää Zippendo-lohko kassallesi

Kassaeditori on osa Shopify-alustaa, joten tässä käytetään Shopify-alustan omia nimiä.

**1. Avaa Apps**

Napsauta vasemman paneelin yläreunassa **Apps**: kolmas kuvake, jossa on neljä pientä neliötä. Näet lohkon **Zippendo service point picker**.

**2. Lisää lohko**

Napsauta **+** lohkon **Zippendo service point picker** vieressä ja napsauta sitten **Checkout**.

![Shopify-kassaeditorin Apps-paneeli, jossa on Zippendo service point picker ja pieni valikko: Add to, Checkout](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-service-point-picker/03-shopify-editor-add-block.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=b8af27f9bc947d59b6bbca1e0a0592bd)

Napsauta + lohkon Zippendo service point picker vieressä ja sitten Checkout

## Vaihe 3: Ota käyttöön kaksi asetusta

Lohkon asetukset avautuvat vasemmalle kohtaan **Checkout behavior**. Ota molemmat käyttöön:

* **Allow app to block checkout**: antaa valitsimelle hetken aikaa tallentaa asiakkaasi valinnan ennen maksamista. Se ei koskaan estä ketään maksamasta.
* **Include block in Shop Pay**: myös Shop Payllä maksavat asiakkaat näkevät valitsimen.

![Zippendo service point picker -lohkon asetukset, joissa Allow app to block checkout ja Include block in Shop Pay ovat molemmat päällä](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-service-point-picker/04-shopify-editor-block-settings.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=947e4915901fcb23b90c8b008d6b489e)

Molemmat kytkimet päällä

## Vaihe 4: Tallenna

Napsauta kassaeditorin oikeasta yläkulmasta **Save**. Haluatko tarkistaa, mihin lohko sijoittui? Napsauta vasemman paneelin yläreunan ensimmäistä kuvaketta: **Zippendo service point picker** on kohdan **Shipping method** alla.

![Kassan osiot Shopify-kassaeditorissa. Kohtien Delivery, Ship, Shipping method ja Shipping option list alla näkyy Zippendo service point picker -lohko](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-service-point-picker/05-shopify-editor-block-placed.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=d982185736a3da235625650b930b69dd)

Lohko on kohdan Shipping method alla

## Vaihe 5: Kokeile asiakkaana

Avaa verkkokauppasi, lisää tuote ostoskoriin ja siirry kassalle. Kirjoita toimitusosoite ja valitse noutopistetoimitustapasi. Lähin noutopiste valitaan puolestasi.

Napsauta **Vaihda noutopiste** nähdäksesi muut. Asiakkaasi voivat hakea postinumerolla tai noutopisteen nimellä ja selata luetteloa nuolilla. Jos lisäsit Google-avaimen osoitehakuun, he voivat hakea myös osoitetta tai aluetta.

![Avattu valitsin Shopify-kassalla: Lista- ja Kartta-painikkeet, hakukenttä, lähimmät noutopisteet etäisyyksineen ja nuolet luettelon selaamiseen](https://mintcdn.com/zippendo/3iHx7f4_tYAQ-H01/images/tutorials/shopify-service-point-picker/07-checkout-picker-list.png?fit=max\&auto=format\&n=3iHx7f4_tYAQ-H01\&q=85\&s=5bd91e8d8cb986d303edc9f2be5ba6c2)

Kun on napsautettu Vaihda noutopiste: hae ja valitse lähimmistä noutopisteistä

> [!TIP]
>
> Kun palaat Zippendo-sovellukseen, **Noutopisteen valitsimen tila** on vaihtunut tilasta **Odottaa ensimmäistä kassaa** tilaan **Käytössä**. Tästä lähtien tilaukset tulevat asiakkaasi valitseman noutopisteen kanssa.

> [!WARNING]
>
> Kunnes valitsin on näytetty kassalla, Zippendo näyttää edelleen yhden toimitustavan kutakin noutopistettä kohti, joten asiakkaasi voivat aina valita. Kun haluat lopettaa valitsimen käytön, poista se aina ensin käytöstä Zippendo-sovelluksessa ja poista lohko Shopify-hallinnassa vasta sen jälkeen.

## Kartta ja osoitehaku

Oletuksena asiakkaat saavat luettelon, josta he voivat hakea postinumerolla tai noutopisteen nimellä. Omilla Google-avaimillasi voit lisätä kaksi lisäominaisuutta:

* **Kartta**: kun sinulla on **Google Maps -avain**, asiakkaat voivat vaihtaa **Lista**- ja **Kartta**-näkymän välillä ja valita noutopisteen napsauttamalla sen neulaa.
* **Osoitehaku**: kun sinulla on **Google-avain osoitehakuun**, asiakkaat voivat hakea mitä tahansa osoitetta tai aluetta ja siirtää karttaa nähdäkseen siellä olevat noutopisteet.

Liitä avaimet **Noutopisteet kassalla** -kortin kahteen kenttään. Näin hankit ne vaihe vaiheelta: [Hanki Google-avaimet noutopistekarttaa ja osoitehakua varten](https://www.zippendo.com/docs/fi/how-to/google-maps-key.md).

## Hyvä tietää

* **Apple Pay ja Google Pay** ohittavat sen kassan osan, jossa valitsin on. Tilaus tulee silti, ja Zippendo käyttää toimitusosoitetta lähintä noutopistettä.
* **Nouto myymälästä tai Shopify-alustan omat noutopisteet (pickup points)**: jos verkkokauppasi tarjoaa näitä, lue kassaeditorin vaiheet sivulta [Noutopisteen valitsin kassalla](https://www.zippendo.com/docs/fi/order-channels/shopify-checkout-pickup-picker.md).
* **Poista käytöstä**: valitse kortissa **Hintaluettelo (yksi hinta noutopistettä kohti)**.

Kaikki yksityiskohdat: [Noutopisteen valitsin kassalla](https://www.zippendo.com/docs/fi/order-channels/shopify-checkout-pickup-picker.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.