Hopp til hovedinnhold
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 og i hentestedsvelgeren i handlekurven.
  • 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.
Dette trenger du

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. 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 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. 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.
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.
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 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økkelGoogle 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

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

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

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 · Hentestedsvelger i kassen