How to create a geolocation-based service finder in WeWeb?

Step 1: Sign up for WeWeb

To begin with, you will need a WeWeb account. Visit weweb.io and click on the 'Sign up' button at the top right corner of the website. Follow the prompts to register a new account with your email address.

Step 2: Create a new website

Once you have successfully logged in, click on 'Create a new website'. You can either start from scratch or use one of the available templates. Input the name of the website and click on 'Create'. You will be navigated automatically to the Website editor.

Step 3: Access site settings

On the left side of the Website editor, find the 'Settings' button represented by a cog icon. Click on it to open the settings.

Step 4: Integrating APIs

In order for geolocation to function, you will need to participate in certain APIs. Click on 'Integrations' in the settings. Here you’ll find a list of possible integrations. You’ll need to locate an integration that corresponds to 'Geolocation' or 'Map services'.

Be aware, however, that WeWeb does not have a predefined geolocation service, you should use an external service such as Google Maps, MapBox, or similar. The process usually involves creating an account with the geolocation service provider, generating a personal API key, and pasting it into the required field in WeWeb.

Step 5: Set up location-based service finder

To set up a geolocation-based service finder, you have to add a form on your website where users can input their location. For that, click on 'Add elements' on the left side of the page, and from there, select the 'Form' option and add it onto your webpage.

In the form settings, you want to add an 'Address' field or a similar field that can accept geolocation data from your users.

Step 6: Connect the form to the geolocation service

After you’ve added the field, click on it, then click on the 'Action' tab on the right-hand side of the screen. Here, select 'Connect to a service'. You’ll be asked to select the service type, find and select the earlier integrated geolocation service.

Follow the prompts to connect the service to the form. You would most likely need to configure how the address field corresponds with the geolocation service.

Step 7: Add search functionality

You need a way to display the results based on the geolocation input. Typically, you can use the 'Map' element available in WeWeb. Add it to your site, then in the settings, connect the 'Map' to the geolocation service.

In the data settings of the 'Map' element configure it to display markers based on the geolocation input from the form.

Step 8: Publish your website

After you've ensured everything is working correctly; save all changes and click on 'Publish' to make your website live.

And voila! You've successfully created a geolocation-based service finder on WeWeb. Remember, accurate usage largely depends on the external geolocation service you've opted for.