Display Your Website Visitors Location On Your Website (IP GeoLocation)
Hi guys have you ever been on a website and it knows your location when the page loads your city location is displayed on the screen. When you visit that site again from a different location and the city names changed again. In this Tutorial I’m going to show you how to replicate that for your own website. All you need is one plugin and a tiny bit of short code keep watching to find out how and like and subscribe for future Tutorials.
Okay guys so the first thing you’re going to need to do is head over to plugins on the left hand side and click on add new at the top of the page. In the search bar on the right hand side you’re going to have to type in user IP and location. When you finish typing it in push enter and you’re going to want to install this plugin by guidex.
Once the plugin has been installed click on activate. Now that the plugin has been installed and activated we’re going to create a new page by clicking pages on the left and add new on the top row. Next I’m going to add our page title and I’m just simply going to call this city location. Once the page name is typed in I’m going to click on edit with Elementor on the top. Once Elementor has finished loading we’re going to create a new section by clicking on the plus key in the middle of the page and selecting our section. I’m not going to make any changes.
All I’m going to do is select the box and bring up our widgets and drag in our heading widget in the box on the left hand side. Where it says title we’re going to paste in our short code. You’ll be able to find the short code in the description of this Tutorial. The good thing about using this code in a header is that you can add text around it. It can also be used in paragraphs.
To see how it will look for your visitors on your page. All you need to do is click on publish and click on the preview button next to it. Once the page loads it will display the city that your visitor is in. For the purpose of this Tutorial I am using NordVPN to change my location so if someone visited your page from Madrid in Spain. Madrid would be displayed in the text box.
Or if your visitor was in Dublin in Ireland then it would say Dublin in the box. So how can we use this short bit of code to get more customers for our business. Heading back into Elementor we’re going to change our text in the title box and say for example we’re a service based company. We could have potential customers all over the country and offices in every city to keep our potential customers engaged with our site and not click off and go to someone else.
We’re going to use the wording around the code to make sure our customers know they’re in the right place. To remind you again we can use this bit of code in all our paragraphs. So anywhere we want to use the location and enforce the fact that we’re in that city. We can use this bit of short code in the text.
To show you what our customers will see just click on the update button and we can preview our page. We shouldn’t have had the word that in there so I can go back into Elementor and take the out of the text. Now that’s removed I’m going to click on update again and preview our page. Again if a visitor is visiting from another country I’m going to change the VPN and click update and as you can see we’re now in London.
So that’s it for this Tutorial. I really do hope you found it useful as always like and subscribe for future Tutorials. Thanks for reading and see you in the next one.
Home
Elementor Tutorials
Tutorials
YouTube Channels