{"id":378453,"date":"2023-05-17T05:15:15","date_gmt":"2023-05-17T05:15:15","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=378453"},"modified":"2024-03-04T12:09:10","modified_gmt":"2024-03-04T12:09:10","slug":"magento2-google-address-autocomplete-extension-documentation","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/","title":{"rendered":"Guide for Magento 2 Google Address Autocomplete Extension"},"content":{"rendered":"\n<p>Using the Magento 2 Google Address Autocomplete Extension now the users\/customers of your Magento 2 store can easily enter their address using the Google auto address suggestion at the checkout page. <\/p>\n\n\n\n<p>Apart from that, the customers can enter their address under their address book using the feature as well. <\/p>\n\n\n\n<p>The admin on the other hand will be able to configure the plugin by enabling the functionality and entering the Google API key in the plugin&#8217;s configuration settings. <\/p>\n\n\n\n<p>The admin will also be able to use the Google auto address suggestion to add the address of the customers while creating an order and when editing the address of the customer. <\/p>\n\n\n\n<p>With the autocomplete feature, customers no longer need to type their entire address, which can take time and lead to errors. Instead, they can select their address from the suggestions provided by Google Address Autocomplete.&nbsp;<br><br>Apart from that, A long and tedious checkout process can lead to <a href=\"https:\/\/store.webkul.com\/magento2-abandoned-cart-email.html\">Magento 2 cart abandonment<\/a>. By providing a fast and efficient checkout process, you can reduce the chances of customers abandoning their carts.<\/p>\n\n\n\n<p>Check how you can add this extension from the admin backend panel and how it will reflect on the storefront in the mentioned video:<\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wp-block-wk-block--yt-video components-placeholder\"><div class=\"wk-block--yt-video-frame\"><div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"WsYOmxqy9EM\"><div class=\"components-placeholder__instructions\">WsYOmxqy9EM<\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Features<\/h3>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Google Address Autocomplete for customers&#8217; add address section.<\/li>\n\n\n\n<li>Google Address Autocomplete for the checkout section.<\/li>\n\n\n\n<li>Google Address Autocomplete for placing orders from the admin panel.<\/li>\n\n\n\n<li>Google Address Autocomplete for editing customer addresses from the admin panel.<\/li>\n\n\n\n<li>Google Address Autocomplete for editing all the order&#8217;s addresses from the admin panel.<\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Installation<\/h3>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">#Download Module<\/h3>\n\n\n\n<p>Firstly, you need to log in to Webkul Store, go to<strong>&nbsp;My Account&gt;My Purchased Products section<\/strong>, verify and then download and extract the contents of this zip folder on the system.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#Upload Folder<\/h3>\n\n\n\n<p>Once the module zip for  Magento 2 Google Address Autocomplete Extension is extracted, follow path src&gt;app and then copy the app folder into the Magento 2 root directory on the server as shown below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"451\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-1200x451.png\" alt=\"Magento 2 Google Address Auto Complete Installation\" class=\"wp-image-373037\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-1200x451.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-300x113.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-250x94.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-768x289.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-1536x577.png 1536w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation.png 1855w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">#3 Run Commands<\/h3>\n\n\n\n<p>You need to run the following commands:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>php bin\/magento setup:upgrade<\/code><\/li>\n\n\n\n<li><code>php bin\/magento setup:di:compile<\/code><\/li>\n\n\n\n<li><code>php bin\/magento setup:static-content:deploy<\/code><\/li>\n\n\n\n<li><code>php bin\/magento indexer:reindex<\/code><\/li>\n\n\n\n<li><code>php bin\/magento cache:flush<\/code><\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Language Translation<\/h3>\n<\/div><\/div>\n\n\n\n<p>For translating the module language, navigate through&nbsp;<strong>src\/app\/code\/Webkul\/GoogleAddressAutoComplete\/i18n<\/strong>&nbsp;and edit the en_US.csv file. Thereafter, rename the CSV as \u201cen_SA.csv\u201d and translate all right side content after the comma in the Arabic language. After editing the CSV, save it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"293\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/i18folder-1200x293.png\" alt=\"Magento 2 Google Address Auto Complete i18 Folder\" class=\"wp-image-373049\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/i18folder-1200x293.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/i18folder-300x73.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/i18folder-250x61.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/i18folder-768x187.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/i18folder.png 1366w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, upload it to the path&nbsp;<strong>src\/app\/code\/Webkul\/GoogleAddressAutoComplete\/i18n<\/strong>&nbsp;where the installation of Magento 2 is on the server. The module gets translated into the Arabic Language. It supports both RTL and LTR languages.<\/p>\n\n\n\n<p>The user can edit the CSV like the image below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"700\" height=\"214\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/Screenshot-from-2023-04-27-10-58-05.png\" alt=\"Magento 2 Google Address Auto Complete Translation\" class=\"wp-image-378466\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/Screenshot-from-2023-04-27-10-58-05.png 700w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/Screenshot-from-2023-04-27-10-58-05-300x92.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/Screenshot-from-2023-04-27-10-58-05-250x76.png 250w\" sizes=\"(max-width: 700px) 100vw, 700px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">How to get the Google Maps API Key<\/h3>\n<\/div><\/div>\n\n\n\n<p>Step 1. Go to&nbsp;<a href=\"https:\/\/console.developers.google.com\/apis\/dashboard?project=my-project-34547rrr&amp;folder=&amp;organizationId=\" target=\"_blank\" rel=\"noreferrer noopener\">console.developers.google.com<\/a>&nbsp;and log in using your Gmail ID. After that, click on the Select a project option.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/07\/create-app-1.png\" alt=\"Magento 2 Google Address Auto Complete\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Step 2. Click on&nbsp;<strong>New Project<\/strong>&nbsp;Button. After that, you need to enter the name of the project and Browse the location of the organization.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"874\" height=\"421\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-2.png\" alt=\"Magento 2 Google Address Auto Complete New Project\" class=\"wp-image-202991\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-2.png 874w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-2.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-2.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-2.png 768w\" sizes=\"(max-width: 874px) 100vw, 874px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Step 3. After creating the project click on the&nbsp;<strong>Enable API And Services<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"337\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-3.png\" alt=\"Magento 2 Google Address Auto Complete Enable API\" class=\"wp-image-202998\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-3.png 1024w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-3.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-3.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-3.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Step 4. Then click on the&nbsp;<strong>Maps JavaScript API<\/strong>&nbsp;to get the API key.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1237\" height=\"664\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-4.png\" alt=\"Magento 2 Google Address Auto Complete Maps Javascript\" class=\"wp-image-203002\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-4.png 1237w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-4.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-4.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-4.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-4.png 1200w\" sizes=\"(max-width: 1237px) 100vw, 1237px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Step 5. After clicking on the&nbsp;<strong>Maps JavaScript API<\/strong>, you need to click on the&nbsp;<strong>ENABLE<\/strong>&nbsp;button.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"958\" height=\"616\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-5.png\" alt=\"Magento 2 Google Address Auto Complete Maps JavaSacript API\" class=\"wp-image-203004\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-5.png 958w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-5.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-5.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-5.png 768w\" sizes=\"(max-width: 958px) 100vw, 958px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Step 6. Once you have enabled the API then you need to navigate through&nbsp;<strong>Credentials&gt; Credentials in APIs &amp; Services.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1208\" height=\"403\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-6.png\" alt=\"Magento 2 Google Address Auto Complete CREDENTIALS\" class=\"wp-image-203013\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-6.png 1208w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-6.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-6.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-6.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-6.png 1200w\" sizes=\"(max-width: 1208px) 100vw, 1208px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Step 7. After that, you need to click on the create credentials and select the API key.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1086\" height=\"454\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-7.png\" alt=\"Magento 2 Google Address Auto Complete API key\" class=\"wp-image-203022\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-7.png 1086w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-7.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-7.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-7.png 768w\" sizes=\"(max-width: 1086px) 100vw, 1086px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Step 8. Now you can copy the generated API key.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1060\" height=\"494\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-8.png\" alt=\"Magento 2 Google Address Auto Complete API Created\" class=\"wp-image-203024\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-8.png 1060w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-8.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-8.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/Google-API-step-8.png 768w\" sizes=\"(max-width: 1060px) 100vw, 1060px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Initial Configuration Settings<\/h3>\n<\/div><\/div>\n\n\n\n<p>After the successful installation of the extension, the admin will navigate through Stores-&gt;Configuration-&gt;Google Address Autofill.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/5-2.png\" alt=\"5-2\" class=\"wp-image-378478\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/5-2.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/5-2-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/5-2-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/5-2-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here, the admin will &#8211; <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enable the plugin functionality by choosing the option as a Yes else to disable the functionality choose it as a NO. <\/li>\n\n\n\n<li>Enter the Google Map API Key as required. <\/li>\n<\/ul>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">At Checkout &#8211; Goggle Auto Address Suggestion<\/h3>\n<\/div><\/div>\n\n\n\n<p>At checkout time, the customers\/users can add their street address and the suggestion for the address is displayed by the Google Auto Address suggestion as shown below in the snapshot. <\/p>\n\n\n\n<p>After that, the customer\/user can choose the most appropriate one and then proceed further to place the order. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"675\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/2-5-1200x675.png\" alt=\"2-5\" class=\"wp-image-378484\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/2-5-1200x675.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/2-5-300x169.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/2-5-250x141.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/2-5-768x432.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/2-5.png 1366w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Address Book &#8211; Google Auto Address Suggestion<\/h3>\n<\/div><\/div>\n\n\n\n<p>The customers can add their addresses within the address book using the Google Auto Address suggestion feature. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"675\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/1-5-1200x675.png\" alt=\"1-5\" class=\"wp-image-378486\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/1-5-1200x675.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/1-5-300x169.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/1-5-250x141.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/1-5-768x432.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/1-5.png 1366w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>So, the customers can add the address via the address auto-complete at the checkout time or within the address book section as required for filling up the <a href=\"https:\/\/store.webkul.com\/magento2-google-maps-pin-address.html\">Magento 2 Google Maps Pin Address<\/a> to proceed further.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Admin &#8211; Add Address Via Google Auto Address Suggestion<\/h3>\n<\/div><\/div>\n\n\n\n<p>The admin while editing customer information, can add the address using the Google Auto Address suggestion feature as shown below in the snapshot. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"675\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/3-3-1200x675.png\" alt=\"3-3\" class=\"wp-image-378487\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/3-3-1200x675.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/3-3-300x169.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/3-3-250x141.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/3-3-768x432.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/3-3.png 1366w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>The admin whilst creating an order from the admin backend can add the address for the customer using the Google Auto Address suggestion feature as shown below in the snapshot. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1200\" height=\"675\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/4-2-1200x675.png\" alt=\"4-2\" class=\"wp-image-378488\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/4-2-1200x675.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/4-2-300x169.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/4-2-250x141.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/4-2-768x432.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/04\/4-2.png 1366w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Support<\/h3>\n<\/div><\/div>\n\n\n\n<p>That is all about the&nbsp;<strong>Magento 2 Google Address Auto Complete<\/strong> extension.&nbsp;If you have any queries regarding the plugin, please contact us at&nbsp;<a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\" target=\"_blank\" rel=\"noreferrer noopener\">Webkul Support System<\/a><strong>.<\/strong><\/p>\n\n\n\n<p>If you&#8217;re looking to create a custom e-commerce website, it&#8217;s a great idea to <a href=\"https:\/\/webkul.com\/hire-magento-developers\/\" target=\"_blank\" rel=\"noreferrer noopener\">hire Magento developers<\/a> who can help you build a powerful and scalable online store.<\/p>\n\n\n\n<p>You can also check our complete&nbsp;<a href=\"https:\/\/store.webkul.com\/Magento-2.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 extensions<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Using the Magento 2 Google Address Autocomplete Extension now the users\/customers of your Magento 2 store can easily enter their address using the Google auto address suggestion at the checkout page. Apart from that, the customers can enter their address under their address book using the feature as well. The admin on the other hand <a href=\"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":79,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[302],"tags":[],"class_list":["post-378453","post","type-post","status-publish","format-standard","hentry","category-magento2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Guide for Magento 2 Google Address Autocomplete Extension<\/title>\n<meta name=\"description\" content=\"User guide for Magento 2 Google Address Autocomplete shows how the customers can add their address using the Google Auto Address Complete.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guide for Magento 2 Google Address Autocomplete Extension\" \/>\n<meta property=\"og:description\" content=\"User guide for Magento 2 Google Address Autocomplete shows how the customers can add their address using the Google Auto Address Complete.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-17T05:15:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-04T12:09:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-1200x451.png\" \/>\n<meta name=\"author\" content=\"Nishad Bhan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nishad Bhan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/\"},\"author\":{\"name\":\"Nishad Bhan\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/d5f376b54be75483744f8320d172d9e0\"},\"headline\":\"Guide for Magento 2 Google Address Autocomplete Extension\",\"datePublished\":\"2023-05-17T05:15:15+00:00\",\"dateModified\":\"2024-03-04T12:09:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/\"},\"wordCount\":896,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-1200x451.png\",\"articleSection\":[\"Magento2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/\",\"url\":\"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/\",\"name\":\"Guide for Magento 2 Google Address Autocomplete Extension\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-1200x451.png\",\"datePublished\":\"2023-05-17T05:15:15+00:00\",\"dateModified\":\"2024-03-04T12:09:10+00:00\",\"description\":\"User guide for Magento 2 Google Address Autocomplete shows how the customers can add their address using the Google Auto Address Complete.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation.png\",\"width\":1855,\"height\":697,\"caption\":\"m2_installation\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Guide for Magento 2 Google Address Autocomplete Extension\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/d5f376b54be75483744f8320d172d9e0\",\"name\":\"Nishad Bhan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7a708390ff9ca00da55b3ed0b076fe4f3624005bce5b5d88e6b3d99d15c13ec2?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7a708390ff9ca00da55b3ed0b076fe4f3624005bce5b5d88e6b3d99d15c13ec2?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Nishad Bhan\"},\"description\":\"Nishad Bhan excels in analyzing eCommerce processes on the Magento platform, optimizing workflows, and delivering strategic solutions. Expertise ensures seamless platform integration, driving digital innovation and aligning technology with business objectives for growth.\",\"url\":\"https:\/\/webkul.com\/blog\/author\/nishad-bhan981\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Guide for Magento 2 Google Address Autocomplete Extension","description":"User guide for Magento 2 Google Address Autocomplete shows how the customers can add their address using the Google Auto Address Complete.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/","og_locale":"en_US","og_type":"article","og_title":"Guide for Magento 2 Google Address Autocomplete Extension","og_description":"User guide for Magento 2 Google Address Autocomplete shows how the customers can add their address using the Google Auto Address Complete.","og_url":"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2023-05-17T05:15:15+00:00","article_modified_time":"2024-03-04T12:09:10+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-1200x451.png","type":"","width":"","height":""}],"author":"Nishad Bhan","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Nishad Bhan","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/"},"author":{"name":"Nishad Bhan","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/d5f376b54be75483744f8320d172d9e0"},"headline":"Guide for Magento 2 Google Address Autocomplete Extension","datePublished":"2023-05-17T05:15:15+00:00","dateModified":"2024-03-04T12:09:10+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/"},"wordCount":896,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-1200x451.png","articleSection":["Magento2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/","url":"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/","name":"Guide for Magento 2 Google Address Autocomplete Extension","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation-1200x451.png","datePublished":"2023-05-17T05:15:15+00:00","dateModified":"2024-03-04T12:09:10+00:00","description":"User guide for Magento 2 Google Address Autocomplete shows how the customers can add their address using the Google Auto Address Complete.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/03\/m2_installation.png","width":1855,"height":697,"caption":"m2_installation"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/magento2-google-address-autocomplete-extension-documentation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Guide for Magento 2 Google Address Autocomplete Extension"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/d5f376b54be75483744f8320d172d9e0","name":"Nishad Bhan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7a708390ff9ca00da55b3ed0b076fe4f3624005bce5b5d88e6b3d99d15c13ec2?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7a708390ff9ca00da55b3ed0b076fe4f3624005bce5b5d88e6b3d99d15c13ec2?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Nishad Bhan"},"description":"Nishad Bhan excels in analyzing eCommerce processes on the Magento platform, optimizing workflows, and delivering strategic solutions. Expertise ensures seamless platform integration, driving digital innovation and aligning technology with business objectives for growth.","url":"https:\/\/webkul.com\/blog\/author\/nishad-bhan981\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/378453","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/79"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=378453"}],"version-history":[{"count":18,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/378453\/revisions"}],"predecessor-version":[{"id":406791,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/378453\/revisions\/406791"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=378453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=378453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=378453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}