> ## 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. # Skaff Google-nøkler til hentestedskartet og adressesøket > Lag to nøkler i din egen Google Cloud-konto og legg dem til i Zippendo, slik at kundene kan velge hentested på et kart og søke på en adresse i Shopify-kassen. Kundene dine kan allerede velge hentested fra en liste. I kassen kan de søke i den på postnummer eller navnet på hentestedet, og i handlekurven på postnummer. Med to nøkler fra din egen Google-konto kan du gi dem mer: * **En Google Maps-nøkkel** viser et kart med en nål for hvert hentested, i [hentestedsvelgeren i kassen](https://www.zippendo.com/docs/no/tutorials/shopify-service-point-picker.md) og i [hentestedsvelgeren i handlekurven](https://www.zippendo.com/docs/no/tutorials/shopify-cart-service-points.md). * **En Google-nøkkel for adressesøk** lar kundene søke på hvilken som helst adresse eller hvilket som helst område i kassen, og flytte kartet for å se hentestedene der. Begge nøklene er valgfrie, og du kan legge til den ene uten den andre. Uten dem fungerer alt fortsatt med listen. Det tar omtrent 15 minutter å lage nøklene i Google Cloud, og denne siden viser deg hvert klikk. > [!NOTE] > > **Dette trenger du** > > * Hentestedsvelgeren satt opp i Shopify-kassen, eller hentesteder i handlekurven. Se [Legg til hentestedsvelgeren i Shopify-kassen](https://www.zippendo.com/docs/no/tutorials/shopify-service-point-picker.md) eller [La kundene velge hentested i Shopify-handlekurven](https://www.zippendo.com/docs/no/tutorials/shopify-cart-service-points.md). > * En Google-konto. > * Et betalingskort. Google ber deg sette opp fakturering før en Google-nøkkel fungerer, også når du holder deg innenfor den gratis månedlige bruken. ## Hva det koster Google gir deg en viss mengde gratis bruk hver måned og tar betalt for bruken utover det. Kartet telles hver gang en kunde åpner det. Adressesøk telles for hvert søk og hver gang en kunde flytter kartet. De gjeldende prisene til Google står på [Google Maps Platform pricing](https://mapsplatform.google.com/pricing/). I Google Cloud kan du sette opp et budsjettvarsel, slik at Google sender deg en e-post før en regning vokser. Et budsjettvarsel stopper ikke kostnadene: for å sette et tak på hva adressesøk kan koste, setter du også en daglig grense for forespørsler (en kvote) for Geocoding API. ## Trinn 1: Lag et prosjekt i Google Cloud **1. Logg på Google Cloud** Gå til [console.cloud.google.com](https://console.cloud.google.com) og logg på med Google-kontoen din. **2. Opprett et prosjekt** Opprett et nytt prosjekt og gi det et navn du kjenner igjen, for eksempel "Kart for nettbutikken". **3. Sett opp fakturering** Når Google ber om det, legger du til en faktureringskonto med betalingskortet ditt. ## Trinn 2: Slå på API-ene I prosjektet ditt åpner du **Google Maps Platform** og slår på (enable) disse to: * **Maps JavaScript API**: viser et kart på en nettside, for eksempel kassen din. * **Geocoding API**: lar kundene søke på en adresse eller et område, og flytte kartet for å se hentestedene der. ## Trinn 3: Opprett kartnøkkelen og lås den til nettbutikken din I **Google Maps Platform** åpner du **Keys & Credentials**, klikker **Create credentials** og velger **API key**. Google viser den nye nøkkelen din: en lang kode som starter med "AIza". Kopier den. En nøkkel som ikke er låst, fungerer på alle nettsteder, så noen andre kan bruke den, og da betaler du for kartene deres. Lås den til adressene kundene dine handler på. **1. Åpne innstillingene for nøkkelen** Klikk navnet på den nye nøkkelen din. **2. Tillat bare adressene til nettbutikken din** Under **Application restrictions** velger du **Websites**. Under **Website restrictions** legger du til hver adresse kundene dine handler på, én om gangen: * Ditt eget domene, for eksempel `https://nordlysliving.dk/*`, og det samme med `*.` foran, for eksempel `https://*.nordlysliving.dk/*`, slik at adresser som [www](http://www). og checkout. også blir med. * Shopify-adressen din, for eksempel `https://nordlys-living.myshopify.com/*`. * `https://shop.app/*`, hvis du har slått på **Include block in Shop Pay** for velgeren. **3. Tillat bare kartet** Under **API restrictions** velger du **Restrict key** og krysser bare av for **Maps JavaScript API**. **4. Lagre** Klikk **Save**. Det kan ta noen minutter før de nye begrensningene virker. > [!TIP] > > Usikker på hvilken adresse kassen din bruker? Start en kasse i nettbutikken din og se på adressefeltet i nettleseren. Den adressen må stå på listen. ## Trinn 4: Opprett nøkkelen for adressesøk Adressesøk trenger en nøkkel til. I motsetning til kartnøkkelen må den ikke låses til nettsteder, ellers fungerer ikke adressesøket. **1. Opprett en nøkkel til** I **Keys & Credentials** klikker du **Create credentials** og velger **API key** igjen. Kopier den nye nøkkelen. **2. Tillat bare adressesøk** Klikk navnet på den nye nøkkelen. Under **API restrictions** velger du **Restrict key** og krysser bare av for **Geocoding API**. **3. La nettstedene være åpne** Under **Application restrictions** velger du **None**. Siden nøkkelen bare tillater Geocoding API, kan ingen bruke den til å vise kart. **4. Lagre** Klikk **Save**. > [!WARNING] > > Bruk to forskjellige nøkler. Adressesøk fungerer ikke med en nøkkel som er låst til nettsteder, så én nøkkel kan ikke gjøre begge deler. Google endrer navn på menyene sine fra tid til annen. Hvis et navn her ikke stemmer med det du ser på skjermen, viser veiledningen [Use API keys](https://developers.google.com/maps/documentation/javascript/get-api-key) fra Google de gjeldende trinnene. ## Trinn 5: Legg til nøklene i Zippendo **1. Åpne nettbutikken din** Klikk **Ordrekanaler** i sidemenyen. I fanen **Tilkoblet** klikker du Shopify-nettbutikken din. Du kommer til fanen **Ordrer og kasse**. **2. Lim inn kartnøkkelen** I kortet **Hentesteder i kassen**, eller i kortet **Hentesteder i handlekurven**, limer du inn kartnøkkelen i **Google Maps-nøkkel (valgfri)** og klikker **Lagre nøkkel**. Du ser **Google-nøkkelen er lagret**. Begge kortene bruker de samme nøklene, så du legger dem bare til én gang. **3. Lim inn nøkkelen for adressesøk** I kortet **Hentesteder i kassen** limer du inn den andre nøkkelen i **Google-nøkkel for adressesøk (valgfri)** og klikker **Lagre nøkkel**. Hvis Google godtar nøkkelen, ser du **Google-nøkkelen er lagret**, og i boksen står det **Nøkkelen er lagret. Lim inn en ny nøkkel for å bytte den ut.** Handlekurven har ikke adressesøk, så kortet for handlekurven viser bare kartnøkkelen. ![Google Maps-nøkkel (valgfri) med en lagret nøkkel, og Google-nøkkel for adressesøk (valgfri) med teksten Nøkkelen er lagret. Lim inn en ny nøkkel for å bytte den ut, med knappene Lagre nøkkel og Fjern nøkkel](https://mintcdn.com/zippendo/cPFBHhpG6rolz2WC/images/how-to/google-maps-key/03-zippendo-keys-light.png?fit=max\&auto=format\&n=cPFBHhpG6rolz2WC\&q=85\&s=a54f62e7b8caa8987618d9f4103a1de4) De to nøkkelboksene på kortet Hentesteder i kassen Zippendo viser ikke nøkkelen for adressesøk igjen etter at du har lagret den. For å fjerne den klikker du **Fjern nøkkel**. For å fjerne kartnøkkelen tømmer du boksen for den og klikker **Lagre nøkkel**. ## Kontroller at det fungerer Start en kasse i nettbutikken din, velg leveringsmåten din med hentested og klikk **Bytt hentested**. Med nøkkelen for adressesøk står det **Adresse, postnummer eller hentestedets navn** i søkeboksen over listen. Med kartnøkkelen kan kundene dine bytte mellom **Liste** og **Kart**. **Kart** åpner et kart med en nål for hvert hentested, med transportørens logo. Har du også nøkkelen for adressesøk, kan kundene søke etter en adresse eller et postnummer over kartet, eller bare flytte kartet, så vises hentestedene der. ![Vinduet Velg hentested i Shopify-kassen med en søkeboks for adresse eller postnummer over et Google-kart over København, og en GLS-nål for hvert hentested](https://mintcdn.com/zippendo/cPFBHhpG6rolz2WC/images/how-to/google-maps-key/01-checkout-map.png?fit=max\&auto=format\&n=cPFBHhpG6rolz2WC\&q=85\&s=021bb7eafed15dbd35cdf30f6d44c999) Kartet kundene dine ser etter at de har klikket på Kart Når de klikker på en nål, ser de navnet, adressen og åpningstidene til hentestedet. De velger det med **Velg**, og kartet lukkes. ![En åpnet nål på kartet som viser Silvan Vesterbrogade, Vesterbrogade 10, København V, åpent man–søn 09:00–19:00, med knappen Velg](https://mintcdn.com/zippendo/cPFBHhpG6rolz2WC/images/how-to/google-maps-key/02-checkout-map-pin.png?fit=max\&auto=format\&n=cPFBHhpG6rolz2WC\&q=85\&s=02c77381f26dc3937ed3cb3ced24dc46) Klikk på en nål og deretter på Velg ## Fungerer noe ikke? * **Det er ikke noe kart.** Kopier kartnøkkelen på nytt fra Google Cloud og lim inn hele nøkkelen. Sammenlign adressen i nettleseren mens du er i kassen, med **Website restrictions** på nøkkelen, og kontroller at Maps JavaScript API er slått på og at fakturering er satt opp. Når kassen viser leveringsmåtene i et vindu over siden, finnes det ingen **Kart**-knapp: Shopify tillater ikke kart der. * **Zippendo sier: Google godtok ikke denne nøkkelen.** Nøkkelen for adressesøk er låst til nettsteder, eller Geocoding API er ikke slått på for den. Rett opp begge deler i Google Cloud, eller lag en ny nøkkel som i trinn 4. * **Kundene kan ikke søke på en adresse, eller det vises ingen nye hentesteder når de flytter kartet.** Kontroller at du har lagret en nøkkel for adressesøk, og at Geocoding API fortsatt er slått på og fakturering er satt opp i Google Cloud-prosjektet ditt. * **Du har nettopp endret en nøkkel.** Vent noen minutter og prøv igjen. ## Hvem ser hva Kartet kommer rett fra Google, med kartnøkkelen din. Når en kunde søker på en adresse eller flytter kartet, sender Zippendo det kunden skrev, eller stedet på kartet, videre til Google med nøkkelen din for adressesøk. Begge nøklene brukes under din egen avtale med Google, og Google fakturerer kontoen din. Relatert: [Legg til hentestedsvelgeren i Shopify-kassen](https://www.zippendo.com/docs/no/tutorials/shopify-service-point-picker.md) · [Hentestedsvelger i kassen](https://www.zippendo.com/docs/no/order-channels/shopify-checkout-pickup-picker.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.