DingDoong: Delivery and Pickup
WebsiteFacebookYoutubeTry for freePartner with us
  • πŸŽ‰About DingDoong: Delivery Date
  • GETTING STARTED
    • πŸ“°Onboarding
  • πŸ—“οΈHow to create a test theme?
  • πŸ‘©β€πŸ’»How to place an order test?
  • DASHBOARD
    • πŸ—“οΈDashboard
  • RATES
    • 🚚Delivery rates
      • How to add rates on CHECKOUT PAGE?
  • GENERAL SETTINGS
    • πŸ—“οΈGeneral settings
      • Date requirement
      • Email notifications
        • Order confirmation email
        • Email for "Ready for pickup"
        • Email for "Out for delivery"
      • Local delivery validation
      • Order management
      • Advanced settings
    • β›³How to add date and time to Thank You page?
  • HOW TO ENABLE GG MAPS API KEY?
    • πŸ—ΊοΈCreating a Google Maps API key
  • WIDGET SETTINGS
    • πŸ“†Widget position
    • πŸ“•Widget Appearance
    • πŸ”€Advanced widget text
      • Text Setting For Delivery Date Picker Widget
      • Text Setting For Store Pickup Date Picker Widget
      • Text Setting For Shipping Date Picker Widget
  • MULTIPLE LOCATIONS
    • πŸ“Multiple location management
  • LOCAL DELIVERY
    • 🚚Delivery Overview
    • πŸ₯Delivery Validator
      • Exact Postal Code Matching
      • Partial Postal Code Matching
    • πŸ“…Delivery Scheduling
      • Local delivery choice & delivery avaibility
      • Limit orders
      • Blackout dates (Holidays)
      • Order Tag
      • Product avaibility
      • Product Override
        • Set product-specific preparation time
        • Set product-specific available dates & time
        • Set product-specific blackout dates & time
        • What happens when a cart has different products with different rules?
  • STORE PICKUP
    • πŸͺStore Pickup Overview
    • πŸ“…Pickup Scheduling
      • Pickup choice & Pickup avaibility
      • Preparation time & date range
      • Limit orders
      • Blackout dates (Holidays)
      • Order Tag
      • Product avaibility
      • Product Override
        • Set product-specific preparation time
        • Set product-specific available dates & time
        • Set product-specific blackout dates & time
        • What happens when a cart has different products with different rules?
    • How to have a straightforward pickup experience?
  • SHIPPING
    • 🌟How to add Shipping with no date?
    • 🚚Shipping Overview
    • πŸ“…Shipping Date
      • Shipping choice & avaibility
      • Preparation time & Date range
      • Limit orders
      • Blackout dates (Holidays)
      • Order Tag
      • Product avaibility
      • Product Override
        • Set product-specific preparation time
        • Set product-specific available dates & time
        • Set product-specific blackout dates & time
        • What happens when a cart has different products with different rules?
  • ORDER REPORT
    • πŸ’ΉOrder report
    • πŸŽ‰Sync Orders To Google Calendar
  • FAQs
    • ❓FAQs
  • OUR BLOGS
    • 🚚Scheduled Delivery: How to let customers choose their preferred delivery date and time
    • 🏞️How to restrict delivery areas for Shopify stores?
    • ☺️Exceptional online shopping experience with Group Order! Why haven't you tried it yet?
    • πŸ—“οΈThe Essential Retail Calendar for 2025: Plan Your Year Ahead
    • πŸ“…Making the Holidays Hassle-Free: The Importance of Delivery Date
  • CONTACT
    • 🀝Partner with us, bring your vision to life
Powered by GitBook
On this page
  • 1. New Google Cloud users
  • 2. Exisiting Google Cloud User
  • 3. Use case
  • 3.1. Store Pickup Map
  • 3.2. Local delivery distance restriction

Was this helpful?

  1. HOW TO ENABLE GG MAPS API KEY?

Creating a Google Maps API key

PreviousHow to add date and time to Thank You page?NextWidget position

Last updated 2 months ago

Was this helpful?

Why do you need to create a Google Maps API key?

  • You want to show a map for PICKUP LOCATION

  • You want to validate local delivery by address with maximum distance from your store

You must have an active GG Maps API key to activate feature for Pickup Map and Local delivery distance restriction.

1. New Google Cloud users

To create a Google Maps API key, follow:

Step 1. Visit page and click Get started

Step 2. Verify your Account Information and fill in Payment details to add your business

Step 3. Copy the API Key and check Enable all

Step 4. Go to Google Maps Platform and choose "Maybe later" to not add a restriction

2. Exisiting Google Cloud User

Step 2. Click My First Project and choose New Project

Step 3. Add a Project Name and Billing account and click Create.

Step 4. Click Select project and then click Keys & Credentials

Step 5. Copy the API Key and check Enable all

Step 6. Go to Google Maps Platform and choose "Maybe later" to not add a restriction

3. Use case

After having a valid API key, you can use this key to activate feature for Store pickup location and Delivery distance restriction.

3.1. Store Pickup Map

Step 1. Navigate to General Settings and click Advanced Settings, then choose Enable Google Map

Step 2. Paste your API key

Step 3. If you have added an API key successfully, it will appear here

As a result, your storefront will look like this:

3.2. Local delivery distance restriction

Step 1. Navigate to General Settings and click Advanced Settings, then choose Local Delivery Validation

Step 2. Paste your API Key

Step 3. After successfully adding API key, choose the unit you want to measure distance in

Step 4. Go to Location and edit Delivery settings to choose maximum distance you want to set

In the storefront, your customers will need to enter their address in the widget to check if delivery is available

If the address that the customer entered in the widget falls within the radius you specified in your delivery condition settings, he will be able to proceed

If the address that the customer entered in the widget is out of the radius you specified in your delivery condition settings, he will be unable to proceed further

Step 1. Visit page and click Get started

Ensure that you have enabled these API: and and

πŸ—ΊοΈ
Google Maps Platform
Routes API
Maps JavaScript API
Places API
Google Maps Platform