Spring til hovedindhold
Dine kunder kan allerede vælge deres pakkeshop fra en liste. I checkout kan de søge efter den på postnummer eller pakkeshoppens navn og i kurven på postnummer. Med to nøgler fra din egen Google-konto kan du give dem flere muligheder:
  • En Google Maps-nøgle viser et kort med en nål for hver pakkeshop, i pakkeshopvælgeren i checkout og i pakkeshopvælgeren i kurven.
  • En Google-nøgle til adressesøgning lader kunderne søge efter en hvilken som helst adresse eller et område i checkout og flytte kortet for at se pakkeshoppene dér.
Begge nøgler er valgfrie, og du kan tilføje den ene uden den anden. Uden dem virker alt stadig med listen. Det tager ca. 15 minutter at oprette nøglerne i Google Cloud, og denne side guider dig gennem hvert eneste klik.
Det skal du bruge

Hvad det koster

Google giver dig en vis mængde gratis forbrug hver måned og tager betaling for forbrug ud over det. Kortet tælles, hver gang en kunde åbner det. Adressesøgningen tælles for hver søgning, og hver gang en kunde flytter kortet. Googles aktuelle priser står på Google Maps Platform pricing. I Google Cloud kan du oprette en budgetadvarsel, så Google sender dig en e-mail, før en regning vokser. En budgetadvarsel stopper ikke opkrævningerne: hvis du vil begrænse, hvad adressesøgningen kan koste, skal du også sætte en daglig grænse for antallet af forespørgsler (en kvote) for Geocoding API.

Trin 1: Opret et projekt i Google Cloud

1

Log ind i Google Cloud

Gå til console.cloud.google.com, og log ind med din Google-konto.
2

Opret et projekt

Opret et nyt projekt, og giv det et navn, du kan genkende, f.eks. “Webshopkort”.
3

Opret fakturering

Når Google beder om det, tilføjer du en faktureringskonto med dit betalingskort.

Trin 2: Slå API’erne til

Åbn Google Maps Platform i dit projekt, og slå disse to til (enable):
  • Maps JavaScript API: viser et kort på en webside, f.eks. dit checkout.
  • Geocoding API: lader kunderne søge efter en adresse eller et område og flytte kortet for at se pakkeshoppene dér.

Trin 3: Opret kortnøglen, og lås den til din webshop

Åbn Keys & Credentials i Google Maps Platform, klik på Create credentials, og vælg API key. Google viser din nye nøgle: en lang kode, der starter med “AIza”. Kopiér den. En nøgle, der ikke er låst, virker på alle websteder, så andre kan bruge den, og så betaler du for deres kort. Lås den til de adresser, dine kunder handler på.
1

Åbn nøglens indstillinger

Klik på navnet på din nye nøgle.
2

Tillad kun din webshops adresser

Vælg Websites under Application restrictions. Under Website restrictions tilføjer du hver adresse, dine kunder handler på, én ad gangen:
  • Dit eget domæne, f.eks. https://nordlysliving.dk/*, og det samme med *. foran, f.eks. https://*.nordlysliving.dk/*, så adresser som www. og checkout. også er med.
  • Din Shopify-adresse, f.eks. https://nordlys-living.myshopify.com/*.
  • https://shop.app/*, hvis du har slået Include block in Shop Pay til for vælgeren.
3

Tillad kun kortet

Vælg Restrict key under API restrictions, og sæt kun flueben ved Maps JavaScript API.
4

Gem

Klik på Save. Der kan gå et par minutter, før de nye begrænsninger virker.
Er du i tvivl om, hvilken adresse dit checkout bruger? Start et checkout i din webshop, og se på adresselinjen i din browser. Den adresse skal være på listen.

Trin 4: Opret nøglen til adressesøgning

Adressesøgning kræver en nøgle mere. I modsætning til kortnøglen må den ikke låses til websteder, ellers virker adressesøgningen ikke.
1

Opret en anden nøgle

Klik på Create credentials i Keys & Credentials, og vælg API key igen. Kopiér den nye nøgle.
2

Tillad kun adressesøgning

Klik på navnet på den nye nøgle. Vælg Restrict key under API restrictions, og sæt kun flueben ved Geocoding API.
3

Lad webstederne være åbne

Vælg None under Application restrictions. Da nøglen kun tillader Geocoding API, kan ingen bruge den til at vise kort.
4

Gem

Klik på Save.
Brug to forskellige nøgler. Adressesøgning fungerer ikke med en nøgle, der er låst til websteder, så én nøgle kan ikke klare begge dele.
Google omdøber sine menuer fra tid til anden. Hvis et navn her ikke passer med det, du ser på skærmen, viser Googles egen vejledning Use API keys de aktuelle trin.

Trin 5: Tilføj nøglerne i Zippendo

1

Åbn din webshop

Klik på Ordrekanaler i sidemenuen. Klik på din Shopify-webshop på fanen Forbundet. Du lander på fanen Ordrer og checkout.
2

Indsæt kortnøglen

Indsæt kortnøglen i Google Maps-nøgle (valgfri) i kortet Pakkeshops i checkout eller i kortet Pakkeshops i kurven, og klik på Gem nøgle. Du ser Google-nøglen er gemt. Begge kort bruger de samme nøgler, så du tilføjer dem kun én gang.
3

Indsæt nøglen til adressesøgning

Indsæt den anden nøgle i Google-nøgle til adressesøgning (valgfri) i kortet Pakkeshops i checkout, og klik på Gem nøgle. Hvis Google godkender nøglen, ser du Google-nøglen er gemt, og i feltet står der Nøglen er gemt. Indsæt en ny nøgle for at udskifte den. Kurven har ingen adressesøgning, så dens kort viser kun kortnøglen.
Google Maps-nøgle (valgfri) med en gemt nøgle og Google-nøgle til adressesøgning (valgfri) med teksten Nøglen er gemt. Indsæt en ny nøgle for at udskifte den, med knapperne Gem nøgle og Fjern nøgleGoogle Maps-nøgle (valgfri) med en gemt nøgle og Google-nøgle til adressesøgning (valgfri) med teksten Nøglen er gemt. Indsæt en ny nøgle for at udskifte den, med knapperne Gem nøgle og Fjern nøgle

De to nøglefelter på kortet Pakkeshops i checkout

Zippendo viser ikke nøglen til adressesøgning igen, når du har gemt den. Klik på Fjern nøgle for at fjerne den. Hvis du vil fjerne kortnøglen, skal du tømme dens felt og klikke på Gem nøgle.

Tjek, at det virker

Start et checkout i din webshop, vælg din leveringsmetode til pakkeshop, og klik på Skift pakkeshop. Med nøglen til adressesøgning står der Adresse, postnummer eller pakkeshoppens navn i søgefeltet over listen. Med kortnøglen kan dine kunder skifte mellem Liste og Kort. Kort åbner et kort med en nål for hver pakkeshop, med transportørens logo. Har du også nøglen til adressesøgning, kan kunderne søge efter en adresse eller et postnummer over kortet eller blot flytte kortet, og så vises pakkeshoppene dér.
Vinduet Vælg pakkeshop i Shopify checkout med et søgefelt til adresse eller postnummer og under det et Google-kort over København med en GLS-nål for hver pakkeshop

Kortet, som dine kunder ser, når de har klikket på Kort

Når de klikker på en nål, ser de pakkeshoppens navn, adresse og åbningstider. De vælger den med Vælg, og så lukker kortet.
En åben nål på kortet med Silvan Vesterbrogade, Vesterbrogade 10, København V, åben man–søn 09:00–19:00, og knappen Vælg

Klik på en nål, og klik derefter på Vælg

Virker noget ikke?

  • Der er intet kort. Kopiér kortnøglen igen fra Google Cloud, og indsæt hele nøglen. Sammenlign adressen i din browser under checkout med Website restrictions på nøglen, og tjek, at Maps JavaScript API er slået til, og at fakturering er sat op. Når checkout viser leveringsmetoderne i et vindue oven på siden, er knappen Kort der ikke: Shopify tillader ikke et kort dér.
  • Zippendo viser beskeden Google accepterede ikke nøglen. Nøglen til adressesøgning er låst til websteder, eller Geocoding API er ikke slået til for den. Ret begge dele i Google Cloud, eller opret en ny nøgle som i trin 4.
  • Kunderne kan ikke søge efter en adresse, eller der vises ingen nye pakkeshops, når de flytter kortet. Tjek, at du har gemt en nøgle til adressesøgning, og at Geocoding API stadig er slået til, og fakturering er sat op i dit Google Cloud-projekt.
  • Du har lige ændret en nøgle. Vent et par minutter, og prøv igen.

Hvem ser hvad

Kortet kommer direkte fra Google med din kortnøgle. Når en kunde søger efter en adresse eller flytter kortet, sender Zippendo det, kunden skrev, eller stedet på kortet, videre til Google med din nøgle til adressesøgning. Begge nøgler kører under din egen aftale med Google, og Google fakturerer din konto. Relateret: Tilføj pakkeshopvælgeren til Shopify checkout · Pakkeshopvælger i checkout