Create a Client and corresponding site by following steps corresponding to your router before following this tutorial.
Assign a domain name to the spotipo server
Spotipo must be hosted on a server accessible via domain name.
Guest must be redirected to landing page using domain name (FQDN) not via IP address.
Pre-Authorize facebook IPs
Guest must be able to access facebook without logging in for FB login to work.
Please add following IPs to the Pre-Authorized list/Walled Garden
Create a facebook APP
Select the Scenerio as Integrate Facebook Login
_Note down APP ID and APP secret_
Configure OAuth settings
Configure OAuth settings using the domain name (FQDN) of your server. Add below URLs, remember to replace with your domain name.
Enable Facebook Login in Spotipo
Go to Settings-> Authentication Methods and enable Facebook Login. Make sure to configure FB APP ID and Secret correctly.
Change Status to Public
Once you are done with configuration and testing, make sure to set the Status to public so that all Guests will be able to use it for logging into WiFi.
Here you can see quick video.