Installing the IP Geolocation Plugin
In this Bubble.io tutorial, I'm going to show you how to take your users' IP address and generate a country code for the location of the IP address and then save that into your Bubble app. We need a plugin to do that, and I've got this plugin here IP geolocation by Zeroqode. To get the data from it, I need to add the elements to my page so you can test that it's working.
Adding Elements to Display IP Information
I'll add a text box and then I just refer to the element and I can get all these different pieces of information. I'm going for country code because this is part of a two-video series showing how to insert a country code into the Page2API so that you can web scrape from the perspective of another country like viewing the website that you're scraping content from as if you're viewing them from basically any country around the world.
Configuring the IP Geolocation Element
So I'm going to take the country code because that's a two-digit representation of the country. If I click here I just need to change this to GEO to IP. If I look at the documentation it says response IP geolocation but I think they've updated their plugin. I just checked and the field I need to use is text. If I click preview there we go I am in the UK or Great Britain as a country code so it gives back GB.
Saving the Country Code to the Database
Now how do I save that into my database? I'm just going to add a button in and this could be part of like an onboarding workflow. Assuming that I've already registered the user, I can go account make changes to current user change another field and then I can add in country code and it's just text.
Referencing the Plugin Element
Then I refer to the item. Remember the text on the page is just so I can check that it's working so I can refer back to the plugin element that I've added to the page country code. I know looking at the Page2API documentation that it expects the country code values to be lowercase so I'll just go more and then lowercase.
Saving the Country Code to the Current User
So by clicking this button I'm saving that two-digit country code in lowercase to my current user. I'm now going to stop this video and I'll be recording right away a video showing how to input this into the API connector workflow for Page2API.