Google-sleutels aanmaken voor de afhaalpuntenkaart en zoeken op adres

Je klanten kunnen hun afhaalpunt al uit een lijst kiezen. In de checkout kunnen ze ernaar zoeken op postcode of naam van het afhaalpunt, en in de winkelwagen op postcode. Met twee sleutels uit je eigen Google-account geef je ze meer mogelijkheden:

• Een Google Maps-sleutel toont een kaart met een speld voor elk afhaalpunt, in de afhaalpuntkiezer in de checkout en in de afhaalpuntkiezer in de winkelwagen.
• Een Google-sleutel voor adres zoeken laat klanten in de checkout zoeken op elk adres of gebied, en de kaart verschuiven om de afhaalpunten daar te zien.

Beide sleutels zijn optioneel, en je kunt de ene toevoegen zonder de andere. Zonder sleutels werkt alles gewoon met de lijst. Het aanmaken van de sleutels in Google Cloud duurt ongeveer 15 minuten, en deze pagina neemt je mee langs elke klik.

​

Wat het kost

Google geeft je elke maand een gratis hoeveelheid gebruik en rekent het gebruik daarboven af. De kaart telt elke keer dat een klant hem opent. Zoeken op adres telt elke zoekopdracht en elke keer dat een klant de kaart verschuift. De actuele prijzen van Google vind je op Prijzen van Google Maps Platform. In Google Cloud kun je een budgetmelding instellen, zodat Google je een e-mail stuurt voordat een rekening te hoog oploopt. Een budgetmelding houdt de kosten niet tegen: wil je begrenzen wat zoeken op adres kan kosten, stel dan ook een dagelijkse limiet op het aantal verzoeken (een quotum) in voor de Geocoding API.

​

Stap 1: Een project aanmaken in Google Cloud

​

Stap 2: De API’s inschakelen

Open in je project Google Maps Platform en zet deze twee aan (inschakelen):

• Maps JavaScript API: toont een kaart op een webpagina, zoals je checkout.
• Geocoding API: laat klanten zoeken op een adres of een gebied, en de kaart verschuiven om de afhaalpunten daar te zien.

​

Stap 3: De kaartsleutel aanmaken en beperken tot je webshop

Open in Google Maps Platform het onderdeel Keys & Credentials, klik op Create credentials en kies API key. Google toont je nieuwe sleutel: een lange code die begint met “AIza”. Kopieer hem. Een sleutel zonder beperking werkt op elke website. Iemand anders zou hem dus kunnen gebruiken, en dan betaal jij voor diens kaarten. Beperk hem tot de adressen waarop je klanten afrekenen.

​

Stap 4: De sleutel voor adres zoeken aanmaken

Voor zoeken op adres is een tweede sleutel nodig. In tegenstelling tot de kaartsleutel mag je deze niet beperken tot websites, anders werkt zoeken op adres niet. Google wijzigt de namen van zijn menu’s af en toe. Komt een naam hier niet overeen met je scherm, dan toont de handleiding API-sleutels gebruiken van Google zelf de actuele stappen.

​

Stap 5: De sleutels toevoegen in Zippendo

Zippendo toont de sleutel voor adres zoeken niet meer nadat je hem hebt opgeslagen. Om hem te verwijderen, klik je op Sleutel verwijderen. Om de kaartsleutel te verwijderen, maak je het vak leeg en klik je op Sleutel opslaan.

​

Controleren of het werkt

Start een checkout in je webshop, kies je verzendmethode voor afhaalpunten en klik op Afhaalpunt wijzigen. Met de sleutel voor adres zoeken staat er in het zoekvak boven de lijst Adres, postcode of naam van het afhaalpunt. Met de kaartsleutel kunnen je klanten wisselen tussen Lijst en Kaart. Kaart opent een kaart met een speld voor elk afhaalpunt, met het logo van de vervoerder. Heb je ook de sleutel voor adres zoeken toegevoegd, dan kunnen klanten boven de kaart een adres of postcode zoeken, of de kaart gewoon verschuiven, en dan verschijnen de afhaalpunten daar. Als ze op een speld klikken, zien ze de naam, het adres en de openingstijden van het afhaalpunt. Met Kiezen selecteren ze het afhaalpunt, waarna de kaart sluit.

​

Werkt er iets niet?

• Er is geen kaart. Kopieer de kaartsleutel opnieuw uit Google Cloud en plak de hele sleutel. Vergelijk het adres in je browser tijdens de checkout met de Website restrictions van de sleutel, en controleer of de Maps JavaScript API aan staat en de facturering is ingesteld. Toont de checkout de verzendmethoden in een venster boven op de pagina, dan is er geen knop Kaart: Shopify staat daar geen kaart toe.
• Zippendo meldt: Google heeft deze sleutel niet geaccepteerd. De sleutel voor adres zoeken is beperkt tot websites, of de Geocoding API is er niet voor ingeschakeld. Pas beide aan in Google Cloud, of maak een nieuwe sleutel aan zoals in stap 4.
• Klanten kunnen niet op een adres zoeken, of bij het verschuiven van de kaart verschijnen geen nieuwe afhaalpunten. Controleer of je een sleutel voor adres zoeken hebt opgeslagen, en of de Geocoding API nog aan staat en de facturering is ingesteld in je Google Cloud-project.
• Je hebt net een sleutel gewijzigd. Wacht een paar minuten en probeer het opnieuw.

​

Wie wat ziet

De kaart komt rechtstreeks van Google, met jouw kaartsleutel. Als een klant een adres zoekt of de kaart verschuift, geeft Zippendo wat die heeft getypt, of de plek op de kaart, met jouw sleutel voor adres zoeken door aan Google. Beide sleutels lopen onder je eigen overeenkomst met Google, en Google brengt de kosten in rekening bij jouw account. Zie ook: De afhaalpuntkiezer toevoegen aan de Shopify-checkout · Afhaalpuntkiezer in de checkout