Hoppa till huvudinnehåll
Dina kunder kan redan välja sitt ombud i en lista. I kassan kan de söka i den på postnummer eller ombudets namn, och i varukorgen på postnummer. Med två nycklar från ditt eget Google-konto kan du ge dem mer:
  • En Google Maps-nyckel visar en karta med en nål för varje ombud, i ombudsväljaren i kassan och i ombudsväljaren i varukorgen.
  • En Google-nyckel för adressökning låter kunderna söka på vilken adress eller vilket område som helst i kassan och flytta kartan för att se ombuden där.
Båda nycklarna är valfria, och du kan lägga till den ena utan den andra. Utan dem fungerar allt ändå med listan. Det tar ungefär 15 minuter att skapa nycklarna i Google Cloud, och den här sidan visar dig varje klick.
Det här behöver du

Vad det kostar

Google ger dig en viss kostnadsfri användning varje månad och tar betalt för användningen utöver den. Kartan räknas varje gång en kund öppnar den. Adressökningen räknas för varje sökning och varje gång en kund flyttar kartan. Googles aktuella priser finns på prissidan för Google Maps Platform. I Google Cloud kan du ställa in en budgetavisering, så att Google mejlar dig innan en faktura växer. En budgetavisering stoppar inte debiteringen: om du vill sätta ett tak för vad adressökningen kan kosta ställer du också in en daglig gräns för antalet anrop (en kvot) för Geocoding API.

Steg 1: Skapa ett projekt i Google Cloud

1

Logga in i Google Cloud

Gå till console.cloud.google.com och logga in med ditt Google-konto.
2

Skapa ett projekt

Skapa ett nytt projekt och ge det ett namn som du känner igen, till exempel “Karta för webbutiken”.
3

Ställ in fakturering

När Google ber om det lägger du till ett faktureringskonto med ditt betalkort.

Steg 2: Slå på API:erna

Öppna Google Maps Platform i ditt projekt och slå på (aktivera) de här två:
  • Maps JavaScript API: visar en karta på en webbsida, till exempel i din kassa.
  • Geocoding API: låter kunderna söka på en adress eller ett område och flytta kartan för att se ombuden där.

Steg 3: Skapa kartnyckeln och lås den till din webbutik

Öppna Keys & Credentials i Google Maps Platform, klicka på Create credentials och välj API key. Google visar din nya nyckel: en lång kod som börjar med “AIza”. Kopiera den. En nyckel som inte är låst fungerar på alla webbplatser, så någon annan kan använda den och du skulle betala för deras kartor. Lås den till de adresser där dina kunder går till kassan.
1

Öppna nyckelns inställningar

Klicka på namnet på din nya nyckel.
2

Tillåt bara din webbutiks adresser

Välj Websites under Application restrictions. Under Website restrictions lägger du till varje adress där dina kunder går till kassan, en i taget:
  • Din egen domän, till exempel https://nordlysliving.dk/*, och samma adress med *. framför, till exempel https://*.nordlysliving.dk/*, så att adresser som www. och checkout. kommer med.
  • Din Shopify-adress, till exempel https://nordlys-living.myshopify.com/*.
  • https://shop.app/*, om du slog på Include block in Shop Pay för väljaren.
3

Tillåt bara kartan

Välj Restrict key under API restrictions och markera bara Maps JavaScript API.
4

Spara

Klicka på Save. Det kan ta några minuter innan de nya begränsningarna börjar gälla.
Osäker på vilken adress din kassa använder? Starta en kassa i din webbutik och titta i webbläsarens adressfält. Den adressen måste finnas med i listan.

Steg 4: Skapa nyckeln för adressökning

Adressökningen behöver en andra nyckel. Till skillnad från kartnyckeln får den inte låsas till webbplatser, annars fungerar inte adressökningen.
1

Skapa en andra nyckel

Klicka på Create credentials i Keys & Credentials och välj API key igen. Kopiera den nya nyckeln.
2

Tillåt bara adressökning

Klicka på namnet på den nya nyckeln. Välj Restrict key under API restrictions och markera bara Geocoding API.
3

Lämna webbplatserna öppna

Välj None under Application restrictions. Eftersom nyckeln bara tillåter Geocoding API kan ingen använda den för att visa kartor.
4

Spara

Klicka på Save.
Använd två olika nycklar. Adressökningen fungerar inte med en nyckel som är låst till webbplatser, så en och samma nyckel kan inte användas till båda.
Google byter namn på sina menyer då och då. Om ett namn här inte stämmer med det du ser på skärmen visar Googles egen guide Use API keys de aktuella stegen.

Steg 5: Lägg till nycklarna i Zippendo

1

Öppna din webbutik

Klicka på Orderkanaler i sidofältet. Klicka på din Shopify-webbutik på fliken Anslutna. Du hamnar på fliken Ordrar och kassa.
2

Klistra in kartnyckeln

Klistra in kartnyckeln i Google Maps-nyckel (valfri) i kortet Ombud i kassan eller i kortet Ombud i varukorgen och klicka på Spara nyckel. Du ser Google-nyckeln har sparats. Båda korten använder samma nycklar, så du lägger bara till dem en gång.
3

Klistra in nyckeln för adressökning

Klistra in den andra nyckeln i Google-nyckel för adressökning (valfri) i kortet Ombud i kassan och klicka på Spara nyckel. Om Google godkänner nyckeln ser du Google-nyckeln har sparats, och i rutan står det Nyckeln är sparad. Klistra in en ny nyckel för att byta ut den. Varukorgen har ingen adressökning, så dess kort visar bara kartnyckeln.
Google Maps-nyckel (valfri) med en sparad nyckel och Google-nyckel för adressökning (valfri) med Nyckeln är sparad. Klistra in en ny nyckel för att byta ut den, med knapparna Spara nyckel och Ta bort nyckelGoogle Maps-nyckel (valfri) med en sparad nyckel och Google-nyckel för adressökning (valfri) med Nyckeln är sparad. Klistra in en ny nyckel för att byta ut den, med knapparna Spara nyckel och Ta bort nyckel

De två nyckelrutorna på kortet Ombud i kassan

Zippendo visar inte nyckeln för adressökning igen efter att du har sparat den. Om du vill ta bort den klickar du på Ta bort nyckel. Om du vill ta bort kartnyckeln tömmer du dess ruta och klickar på Spara nyckel.

Kontrollera att det fungerar

Starta en kassa i din webbutik, välj ditt leveranssätt till ombud och klicka på Byt ombud. Med nyckeln för adressökning står det Adress, postnummer eller ombudets namn i sökrutan ovanför listan. Med kartnyckeln kan dina kunder växla mellan Lista och Karta. Karta öppnar en karta med en nål för varje ombud, med transportörens logotyp. Har du också nyckeln för adressökning kan kunderna söka på en adress eller ett postnummer ovanför kartan, eller helt enkelt flytta kartan, så visas ombuden där.
Fönstret Välj ombud i Shopify-kassan med en sökruta för adress eller postnummer ovanför en Google-karta över Köpenhamn och en GLS-nål för varje ombud

Kartan som dina kunder ser när de har klickat på Karta

När de klickar på en nål ser de ombudets namn, adress och öppettider. Med Välj väljer de ombudet och kartan stängs.
En öppnad nål på kartan som visar Silvan Vesterbrogade, Vesterbrogade 10, København V, öppet mån–sön 09:00–19:00, med knappen Välj

Klicka på en nål och sedan på Välj

Fungerar något inte?

  • Det finns ingen karta. Kopiera kartnyckeln igen från Google Cloud och klistra in hela nyckeln. Jämför adressen i webbläsaren under kassan med Website restrictions för nyckeln, och kontrollera att Maps JavaScript API är påslaget och att faktureringen är inställd. När kassan visar leveranssätten i ett fönster ovanpå sidan finns det ingen knapp Karta: Shopify tillåter ingen karta där.
  • Zippendo säger Google godkände inte nyckeln. Nyckeln för adressökning är låst till webbplatser, eller så är Geocoding API inte påslaget för den. Rätta till båda i Google Cloud, eller skapa en ny nyckel som i steg 4.
  • Kunderna kan inte söka på en adress, eller så visas inga nya ombud när de flyttar kartan. Kontrollera att du har sparat en nyckel för adressökning, och att Geocoding API fortfarande är påslaget och faktureringen inställd i ditt Google Cloud-projekt.
  • Du har just ändrat en nyckel. Vänta några minuter och försök igen.

Vem ser vad

Kartan kommer direkt från Google, med din kartnyckel. När en kund söker på en adress eller flyttar kartan skickar Zippendo det som kunden skrev, eller platsen på kartan, vidare till Google med din nyckel för adressökning. Båda nycklarna används enligt ditt eget avtal med Google, och Google fakturerar ditt konto. Relaterat: Lägg till ombudsväljaren i Shopify-kassan · Ombudsväljare i kassan