Step 2. Click on New Project Button. After that, you need to enter the name of the project and Browse the location of the organization.
Step 3. After creating the project click on the Enable API And Services.
Step 6. Once you have enabled the API then you need to navigate through Credentials> Credentials in APIs & Services.
Step 7. After that, you need to click on the create credentials and select the API key.
Step 8. Now you can copy the generated API key.
The user needs to follow the given steps for verifying the domain.
Initially, on the Google Cloud Platform page, the user must navigate to APIs & Services > Domain verification as shown below.
This navigates the user to the Domain Verification page, where the user needs to click on the Add Domain button.
A popup shall appear as shown in the image, where the user needs to fill in the Domain URL (https://example.com/) in the text box and click the ADD DOMAIN button.
On clicking the ADD DOMAIN button, another popup opens up bearing a name Verify ownership.
The user must click on TAKE ME THERE, to proceed further.
On clicking the same, it redirects the user to the Webmaster Central page as shown in the image below.
The user must click on ADD A PROPERTY button present on this page.
A textbox opens up where the user needs to add the URL of the property that the user wishes to verify and click on Continue.
Google recommends some steps that the user must follow to verify the URL of the property.
Thereafter, the user can tick-mark the I’m not a robot checkbox and further click Verify button.
Once the verification process is completed, the following page shall appear.
Enable Google API Keys
To enable the Google APIs, the user must open up the Google Cloud Platform page and navigate to the Credentials page.
The user will find All Google Maps APIs dropdown, clicking which the user needs to click on the ENABLE API.
In doing so, a list of Google APIs opens up. If users don’t find the required API, they can type the name of the API in the search box and search for it.
To enable the API, the user needs to click on it.
Geocoding API: Enable
PLaces API: Enable
After the successful installation, the admin can configure the Opencart Google Map Pin module without any issues by navigating to Extensions>Modules>Webkul Google Maps Pin Address and click on edit option as shown in the image below.
On clicking the edit button, a new configuration page will open with the following configuration options as shown in the image below.
The admin can configure the following:
Status: The admin can set the module as enable or disable as desired.
Google API Key: The Google API key which was generated earlier can be filled in the following field. The admin can navigate directly to the get api key section in developer documents through the following link “For Google API Key”.
Enter Your Latitude: Enter the default latitude that you want to set for the Google Map pin.
Enter Your Longitude: Enter the default langitude that you want to set for the Google Map pin.
The admin can get the latitude and longitude detail of the respective location through the link provided ” For Latitude and Longitude”
Registration Page – Google Map
After the configuration, the customer will be able to add the address fields during the registration by selecting the location through the google map as shown in the image below.
Address Book – Google Map
The customer can even use the google map for the editing or creating new addresses in the Address Book section as shown in the image below.
Checkout Page – Google Map
Logged In Customers
The customer that are logged in can either use the save address from the address book or can create a new address through the Google Map.
For the Billing Details:
For the Delivery Details:
For the Billing Details
The guest customer can use the Google map for adding addresses in the billing detail section as shown in the image below.
For the Delivery Details
The guest customer can use the Google map for adding addresses in the delivery detail section as shown in the image below.
That’s all about Opencart Google Maps Pin Address module. For any further queries, suggestions or customization, please add a ticket to HelpDesk Support.