 Now one of the things that I love about WordPress and Wukamas is that you can install them from scratch and you have your shop ready to go. So what I have here is I have storefront theme installed. Wukamas has a plugin on my WordPress. And I am able to have a cut that I can just actually click to add items, view the cut. And once I'm happy with that I can actually just proceed to the checkout. Now once I get here I'm supposed to fill in all my different details. Then my location, my street address, my village, a district or state and these are the fields that show in the checkout. Now give or take we have human error as we add all this information. What if you actually just had a Google map where you just click and add a little pin that would automatically fill all these fields for you and you would have a proper delivery from your shop. That would increase your sales, that would increase your store's viability, that would increase your customers trust in having online orders. So how do we do this? This is what I'm going to show in this video as I found a very nice plugin that can actually do this for you. The plugin that I'm talking about is the location picker at checkout for Wukamas. And this can be found on the WordPress.org plugin repository. And this is by Uriah's Victor and it's a plugin that has a very well written documentation explaining everything that you need and how you can use the different pieces of the features that are embedded in this plugin. And since it's on the WordPress repository it means it can be a free or a freemium kind of plugin. But right now you have so many features coming out of the box for free. So I would advise you to pick it up and then use it. Now I'm just going to copy this title because it's a bit long for me to remember and memorize. But you can just remember that it's the location picker at checkout for Wukamas. So I'll go to the back end of my site. You'll see I only have Wukamas installed. I'm going to click add new. I'll go in the search and I'll just press the location picker checkout for Wukamas. Hit enter to search and then it will come up. And right now this plugin has over 200 active installs. Now this is not the only installs that are being measured. But you have 200 people trusting the plugin. I'll hit activate. Now when this comes up you have the option to allow and continue. That is for you to opt in to check for security updates and so on. Or you can choose to skip it. So you can also find out what permissions you're giving out by clicking this little link. So for now I'm just going to allow and continue. And now we are ready to actually work with the plugin right here. So I'll go to Wukamas then I'll go to settings. And then I'll go to the location picker at checkout in this tab. And the plugin automatically gives you some guides that can help you to navigate through the whole challenge and that's what I liked about this. So immediately you know that this particular plugin is going to use a Google API key and you need to create one. If you've never created a Google API key the plugin already gives you the steps in the documentation. So by clicking on that link you will see how you can actually create one. But I'm not going to just leave you the documentation I'm going to show you how to do that in this very video. So right here they tell you you need to go to the Google Cloud Platform will click that link and open it in the new tab and the requirement for using the Google Cloud Platform is that you need to have a Gmail account. Now since the Gmail accounts are free and the Google Cloud Platform is also free to a certain extent you're given a number of credit dollars to start off with and the reason is because the Google API is so popular everyone would want to use it but maintaining it with the servers and so on costs money so Google gives you about 15,000 requests for free of the bat and that's about $200 worth but if you have a very busy busy shop then I would advise you to pay so that you can have more requests than just 15,000 So the first thing we do when we get into the platform here is we're going to create a new project so if you have not created a project before you'll have a button here that tells you to create project but since I have a few projects I'm going to click here and then you'll click New Project and here I'll call this WooCommerce Store and then I'm going to click Create and once that's created you're going to see that we're given a number of APIs in our particular project now for this very project we're going to use the Places API and we're going to use the Maps JavaScript API those are two it doesn't hurt if you enable all of them I'll enable the Places API by clicking on it click enable and that will provide us with over 100 million places available on our map and that's one now next we need to click on the Maps JavaScript API so I'll click on that I'll hit enable and you might be wondering why I'm looking for the Maps JavaScript API and the Places API and that is because in our documentation it tells us we need the Maps JavaScript API and the Geocoding API so I'm going to scroll all the way down and I'm going to add the Geocoding API as well I'll click enable we've enabled three different APIs in here but our plugin actually just needs only two of those Maps JavaScript API and the Geocoding API we will be using the Places API in another feature of this very plugin so if we have these two working like we do right in here we have the Geocoding and the Maps API we are good to go so the next step would be for us to create credentials right here so I'll click on the credentials in this left panel go ahead and click create credentials and then I'll choose the API key because that's what we'll need and then Google is going to automatically generate for us one right here so I'll click this icon to just copy it and then close the button here but we have this other button that says restrict the key so we can be able to restrict our key to a particular domain or a mobile app so that will reduce the likelihood that in case someone copied our key and they're trying to use it in their particular project then they are not allowed to do so because we are paying for it maybe and we don't want our credits to run out but for now I'm not going to restrict the key you can see how to do that in this documentation if you want to do that but it's not necessary for me to do that because I'm going to delete it after this anyway so I'll come back to my WordPress because I've created the key I'll go into this portion I'll add the new key right here I'll enable the map to appear on the checkout and in the order details and then we have all these other options down here that I'll run you through but for now let's just stand on the housekeeping and say whenever we're deleting the plugin we should remove all the plugin settings and after doing that I'll hit save changes here and now we are ready so I'm going to go back to my shop I'll click this and say open in the new private window and then I'm going to go to my shop I'll click add to cart I'll choose to view the cart and ensure that my order is correct and then I'll hit the checkout button and once I am here you will see that we have this new map showing up here and it's saying the page cannot be loaded correctly the best way to see what the problem is is by going to inspect right here click on the console and you will have the message that shows you what's going on so they tell us we need to enable this by adding a billing so I'll just do that I'll go and enable the billing and once I sought out my billing issues and now with this map we can be able to add more settings to what we had before so I'll go back to the backend and inside here we have the options where we can tell the map to detect the customer's location on the checkout page I'll leave this turned off because there could be some issues maybe in that particular area to track IPs and so on these privacy issues all with that I'll leave this disabled but also this can negatively impact the customer's experience as the plugin makes mention here so I'll leave this off I'm going to tell the plugin to force the use of the map thereby making sure that the customer and this will mean that the customer cannot checkout until they have selected the location on the map remember that we want to make sure that we have the correct pin or the correct location for our delivery of our products now we also have the option to set the default coordinates let's say we are working in a local area like in a small town or just a few towns away or even in a whole country so we can set the coordinates right here so let's say I'm going to say Kampala coordinates and say Google Maps so I'm just googling this up longitudes and latitudes so I'll copy the latitude first copy it come and add it here add a comma then I'll get the longitude for my location and you can do the same for yours just separate them with a comma I'll set the default zoom to about 15 which is good so 10 to 15 is usually okay right here it's recommended that I leave this disabled but that means allow different things to be clicked on but that could distract your customer so we'll leave this disabled we shall then turn on the auto field for the billing fields so that they come from the map then we shall also turn on or enable this field to show the map on the received order page enable this to show the map on the view order page we shall also allow the map to be shown in the emails and we shall leave it as a button let's save this so after adding all these particular settings I'm going to go to my store I'll open up in a new private window so that I don't have to log out of my admin but I want to be able to test to make sure this is working I'll then go to the shop I'll add what item I'll choose to view the catch to make sure that my order is safe it is what I need then I'll click proceed to checkout and with this I now have a new map showing up here I'll click to detect the current location and that is going to give me this little red marker right here this marker can be moved to any other location I can move out of my map go to another location keep going into the specific part and then I can hit all the way to a building level and once I'm done with that you'll scroll down and you'll see that all these different pieces have been actually filled out for you so this is what we needed on our map it's giving us the right details it's giving us everything down to granular level so let's say I wanted to change this location it wasn't the correct one I can change that this will give it a little bit of a reload and you'll see that we get something that's really really new right here so this is brilliant this is what we need for our maps this is what we need to make sure that we are getting the correct information so once I'm done filling in let's say these areas so I'll just fill in this last area fill in my email so once I've filled in all this information I can actually click plus order and you'll see that now my order comes up here it has also the map location which I pinned right on here and my order is as good as it should have been so I'm going to go into the administration area and I'm going to go into the orders just to show you what that looks like and if I go to this particular order which just came in a few seconds ago you'll see that in this section we also have a delivery map showing the location that was selected by the customer so of course this will mean that we are going to get the right place we are going to be able to make the delivery order you'll see that the billing is in the right place so this is good to go so this is a very nice implementation that you can use on your shop to make sure that you're having good deliveries and you're having your customers happy now there is one more setting here which we can use enable places auto complete feature and this one will allow you to just type in as you're typing in a name of a place it will allow you to type and get the correct address and once we click this particular piece you'll see that we get this new field that asks us to add the input field where we want this to happen so I'll click on the billing address hide them up when we're using the auto complete so I'll say yes and hit save changes here so I'll open up our store again after saving those settings so once we've saved those settings ensuring that we're going to have an auto complete I'll go to visit my store again in a private window I'll choose a few items on sale by clicking add to cut I'll quickly run out go checkout and on the checkout page you're going to realize that we have our items in the cut however we don't have the map showing up right here so what I'm going to do is just add my little information I'll say I'll just add a fake name I'll add the country there but as I go to the street address and begin to type let's say 41 you'll see that I get all these options showing up and I can be able to choose this for my country so I can fit this information right here and you'll see that this all gets thrown into the right fields and since this information is already there all we need to do is just fill in all the other information that's missing then we can be able to place our order so I'll just quickly do this add simple information here I'll add an email and then what I'm going to do at the end of the day is just place my order and my order will be received so it is important for us to know that if we want to use the auto complete then we need to have the places API installed that's why in the first case when I was setting up my google account I added the places API and that's where we're using it with this particular feature now depending on the version of the plugin that you're using it will be important for you to go and check out are there any other APIs that I need to do ABCD for example as of now you can actually have a map showing up inside your order as an admin and that is based on a different API that we've not installed in this particular plugin so as the plugin is changing and evolving I'm pretty sure other will be able to use all the different APIs that are available on google so it is important for you to actually go and check out the documentation find out is there any API that I need to install for a particular feature X and when you do that then you'll have it just working out fine as it is intended to be so if you're planning on using this plugin don't forget to leave the publisher or the author of it a comment by just going to the plugin section you can go and check out the view details pin inside here visit the homepage on the wordpress repo leave a comment leave a suggestion look at the documentation see something that will help the plugin make it better for you and for others that will use it of course leave a rating depending on how you found it otherwise I really enjoyed using this particular plugin and it's making my shop work much much better otherwise thank you for watching the video and enjoy whatever you're developing