Address Autocomplete with Algolia Places
The process of completing online forms sucks. So, why not help your users get through them faster and more accurately. With Algolia, you can implement address autocomplete with minimal effort. Check out how you can do this in our tutorial below.
Signing Up for Algolia
Sign up for Algolia here: https://community.algolia.com/places. Their pricing is very generous with up to 100,000 requests for free.
After signing up for an account, click on API Keys in the left menu and find your Application Id and Search-Only API Key. We’ll be using them later in our javascript file we’re about to create.
Creating the Address Form
For this example, I’ll just be creating 2 files. An index.html file that will display our form and an index.js file that will hold our javascript code. I’ll also be importing the Algolia Places and Bootstrap CSS framework CDN.