> ## 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. # Google-sleutels aanmaken voor de afhaalpuntenkaart en zoeken op adres > Maak twee sleutels aan in je eigen Google Cloud-account en voeg ze toe in Zippendo, zodat klanten in de Shopify-checkout hun afhaalpunt op een kaart kunnen kiezen en op een adres kunnen zoeken. 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](https://www.zippendo.com/docs/nl/tutorials/shopify-service-point-picker.md) en in de [afhaalpuntkiezer in de winkelwagen](https://www.zippendo.com/docs/nl/tutorials/shopify-cart-service-points.md). * **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. > [!NOTE] > > **Wat je nodig hebt** > > * De afhaalpuntkiezer, ingesteld in de Shopify-checkout, of afhaalpunten in de winkelwagen. Zie [De afhaalpuntkiezer toevoegen aan de Shopify-checkout](https://www.zippendo.com/docs/nl/tutorials/shopify-service-point-picker.md) of [Klanten een afhaalpunt laten kiezen in de Shopify-winkelwagen](https://www.zippendo.com/docs/nl/tutorials/shopify-cart-service-points.md). > * Een Google-account. > * Een betaalkaart. Google vraagt je de facturering in te stellen voordat een Google-sleutel werkt, ook als je binnen het gratis maandelijkse gebruik blijft. ## 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](https://mapsplatform.google.com/pricing/). 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 **1. Inloggen bij Google Cloud** Ga naar [console.cloud.google.com](https://console.cloud.google.com) en log in met je Google-account. **2. Een project aanmaken** Maak een nieuw project aan en geef het een naam die je herkent, zoals "Webshopkaart". **3. Facturering instellen** Voeg een factureringsaccount met je betaalkaart toe als Google erom vraagt. ## 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. **1. De instellingen van de sleutel openen** Klik op de naam van je nieuwe sleutel. **2. Alleen de adressen van je webshop toestaan** Kies onder **Application restrictions** de optie **Websites**. Voeg onder **Website restrictions** één voor één elk adres toe waarop je klanten afrekenen: * Je eigen domein, bijvoorbeeld `https://nordlysliving.dk/*`, en hetzelfde met `*.` ervoor, bijvoorbeeld `https://*.nordlysliving.dk/*`, zodat ook adressen als [www](http://www). en checkout. meetellen. * Je adres bij Shopify, bijvoorbeeld `https://nordlys-living.myshopify.com/*`. * `https://shop.app/*`, als je voor de kiezer **Include block in Shop Pay** hebt aangezet. **3. Alleen de kaart toestaan** Kies onder **API restrictions** de optie **Restrict key** en vink alleen **Maps JavaScript API** aan. **4. Opslaan** Klik op **Save**. Het kan een paar minuten duren voordat de nieuwe beperkingen werken. > [!TIP] > > Weet je niet welk adres je checkout gebruikt? Start een checkout in je webshop en kijk naar de adresbalk van je browser. Dat adres moet in de lijst staan. ## 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. **1. Een tweede sleutel aanmaken** Klik in **Keys & Credentials** op **Create credentials** en kies opnieuw **API key**. Kopieer de nieuwe sleutel. **2. Alleen zoeken op adres toestaan** Klik op de naam van de nieuwe sleutel. Kies onder **API restrictions** de optie **Restrict key** en vink alleen **Geocoding API** aan. **3. De websites niet beperken** Kies onder **Application restrictions** de optie **None**. Omdat de sleutel alleen de Geocoding API toestaat, kan niemand hem gebruiken om kaarten te tonen. **4. Opslaan** Klik op **Save**. > [!WARNING] > > Gebruik twee verschillende sleutels. Zoeken op adres werkt niet met een sleutel die beperkt is tot websites, dus één sleutel kan niet allebei. 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](https://developers.google.com/maps/documentation/javascript/get-api-key) van Google zelf de actuele stappen. ## Stap 5: De sleutels toevoegen in Zippendo **1. Je webshop openen** Klik in de zijbalk op **Verkoopkanalen**. Klik op het tabblad **Gekoppeld** op je Shopify-webshop. Je komt uit op het tabblad **Bestellingen en checkout**. **2. De kaartsleutel plakken** Plak in de kaart **Afhaalpunten in de checkout**, of in de kaart **Afhaalpunten in de winkelwagen**, de kaartsleutel in het vak **Google Maps-sleutel (optioneel)** en klik op **Sleutel opslaan**. Je ziet **Google-sleutel opgeslagen**. Beide kaarten gebruiken dezelfde sleutels, dus je voegt ze maar één keer toe. **3. De sleutel voor adres zoeken plakken** Plak in de kaart **Afhaalpunten in de checkout** de tweede sleutel in het vak **Google-sleutel voor adres zoeken (optioneel)** en klik op **Sleutel opslaan**. Accepteert Google de sleutel, dan zie je **Google-sleutel opgeslagen** en staat er in het vak **Sleutel opgeslagen. Plak een nieuwe sleutel om hem te vervangen.** Voor de winkelwagen is er geen zoeken op adres, dus die kaart toont alleen de kaartsleutel. ![Google Maps-sleutel (optioneel) met een opgeslagen sleutel, en Google-sleutel voor adres zoeken (optioneel) met Sleutel opgeslagen. Plak een nieuwe sleutel om hem te vervangen, met de knoppen Sleutel opslaan en Sleutel verwijderen](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 twee sleutelvakken in de kaart Afhaalpunten in de checkout 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. ![Het venster ‘Kies een afhaalpunt’ in de Shopify-checkout met een zoekvak voor een adres of postcode boven een Google-kaart van Kopenhagen, en een GLS-speld voor elk afhaalpunt](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) De kaart die je klanten zien nadat ze op Kaart hebben geklikt 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. ![Een geopende speld op de kaart met Silvan Vesterbrogade, Vesterbrogade 10, København V, open ma–zo 09:00–19:00, en een knop Kiezen](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) Klik op een speld en daarna op Kiezen ## 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](https://www.zippendo.com/docs/nl/tutorials/shopify-service-point-picker.md) · [Afhaalpuntkiezer in de checkout](https://www.zippendo.com/docs/nl/order-channels/shopify-checkout-pickup-picker.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.