Menu Close
    Searching for an experienced Shopware Development Company ?

    Google Maps Pin Address for Shopware 6

    Introduction

    With the help of this module, the admin can set Google Maps pin Address for the frontend users to insert the address. The customers can pinpoint the accurate address on Google Maps and the address will get inserted automatically.

    This module also provides the facility to add default Google pin location by using the latitude and longitude of the address.

    Features

    • The admin can set the Google Maps API key.
    • On the checkout page, the user can autofill data related to the address with the help of Google Maps Pin.
    • The user can set the address on the registration page with the help of Google Maps Pin.
    • Logged in user can add the address in the address book with the help of Google Maps Pin.
    • The default Google pin location can be set by adding the latitude and longitude of the address.

    Installation

    Shopware provides two ways to install the plugin to the server.

    1. Using Command
    2. Manual installation

    Installation Using Commands

    Customers will get a zip folder, then they have to extract the contents of this zip folder on their system. The customer has Copy the folder WebkulGPA to custom/plugins directory of Shopware6. As shown in the below image:

    screenshot_from_2020_01_22_13_30_42-1

    Now open the Shopware6 application in the Terminal.

    Run this command to refresh the plugin –

    /bin/console plugin:refresh

    Go to your Shopware installation Root directory and run this command to install then activate the plugin –

    /bin/console plugin:install --activate  WebkulGPA
    

    To clear the cache run this command –

    ./bin/console c:c

    Now refresh the administration.

    Manual Installation

    For the manual installation of the plugin follow the steps as mentioned below:

    1) Extract the zip file of the plugin.

    2) Goto your Shopware 6 installation backend panel and navigate to  Extensions-> My Extensions after that you can find all the installed plugins in it.

    screenshot-shopware6demo.webkul.com-2021.09.03-08_45_25

    For installing the plugin, the user can click on the Upload Extension button. The user can upload the plugin zip(WebkulGPA) here.

    3) After uploading the plugin zip, the user can see the Extension in the list.

    screenshot-shopware6demo.webkul.com-2021.09.03-08_45_25-1

    4) Now the user can click on the install icon to install the Google Pin Address extension.

    5) After the installation of the extension, the user can click to activate the extension.

    screenshot-shopware6demo.webkul.com-2021.09.03-08_45_25-2

    While in the process the admin can see the success message ‘Extension has been activated‘.

    After the installation process and plugin configuration if the GPA icon option is not visible then run this command to clear the cache:

    /bin/console c:c

    How To Get The Google API

    Before configuring the module, the admin needs to have the Google Map Pin API. You can easily get one by following the steps mentioned below.

    Step 1. Go to console.developers.google.com and log in using your Gmail ID. After that, click on select a project.

    create-app-1

    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.

    Google-API-step-2

    Step 3. After creating the project click on the Enable API And Services.

    Google-API-step-3

    Step 4. Then click on the Maps JavaScript API to get the API key.

    Google-API-step-4-1200x644-1

    Step 5. After clicking on the Maps JavaScript API, you need to click on the ENABLE button.

    Google-API-step-5

    Step 6. Once you have enabled the API then you need to navigate through Credentials> Credentials in APIs & Services.

    Google-API-step-6-1200x400-1

    Step 7. After that, you need to click on the create credentials and select the API key.

    Google-API-step-7

    Step 8. Now you can copy the generated API key.

    Google-API-step-8

    Admin Configuration

    After the successful installation, the admin needs to navigate through Settings>Extensions>Google Pin Address.

    screenshot-shopware6demo.webkul.com-2021.09.03-10_27_56

    After that click on Google Pin Address. Then in general settings, you need to enter the Google Api key.

    screenshot-shopware6demo.webkul.com-2021.09.03-17_22_26

    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”.

    After that click on the Save button.

    Front-view

    Registration page

    Now go to the front store, where the customer can use the google map for editing or creating new addresses in the registration page section as shown in the image below.

    Registration

    Check out page – Google Pin Address

    On the check-out page, the customer can change the billing address very easily with the help of google pin address.

    For the Billing Details

    https-shopwaredemo-webkul-com-shopwaregpa-public-checkout-confirm

    For Shipping Address –

    https-shopwaredemo-webkul-com-shopwaregpa-public-checkout-confirm1

    Guest Customers

    Guest customers can also use this module for adding addresses in the billing detail section as shown in the image below.

    shop-1

    Need Help?

    For any further queries, suggestions, or customization, please add a ticket to [email protected] 

    Check out Webkul Blogs for more!

    Please explore our shopware development services and Quality shopware extensions .

    Current Product Version - 1.0.6

    Supported Framework Version - Shopware 6.4.3.0

    Blog Version - Shopware 6.4.3.0
    • Version Shopware 6.4.3.0
    • Version Shopware 6.3.0.2
    • Version Shopware 6.1.0 stable version
    . . .
    Discuss on Helpdesk

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    Be the first to comment.

    Back to Top

    Table of Content

    Hide Index