Connect via a ethernet to a Mikrotik router.
Get MAC Address of Router
Find the MAC address of your AP by logging into Winbox and going to QuickSet.
Look for MAC address listed under Internet.
Add Mikrotik AP to your Site
Login to Spotipo cloud portal. Navigate to Settings -> Mikrotik APs
Here you need to add each and every Mikrotik AP that will be connected to this site. Use the New AP button.
Add the MAC address of your AP and the external IP of your Mikrotik AP ( required only if you want to have the ability to disconnect hotspot devices directly from Spotipo dashboard).
Note down Identity and Secret
After adding, Spotipo will generate an identity string and secret string. Note these down as it will be needed later.
Reset Mikrotik Configuration
It is recommended to perform a system configuration reset (from System-> Reset Configuration) before starting the below steps.
Configure Mikrotik RADIUS Settings
Login to Winbox and open the RADIUS configuration.
Add a new RADIUS server and enter 34.77.150.10 as the server IP Address
Provide the secret that is just generated in Spotipo as the Secret. Change the timeout to 3000 and enable hotspot option.
Configure Mikrotik Identity
Change the identity by going to System->Identity and use the identity string that just got generated in Spotipo.
Delete WLAN1
Open Bridge-> Ports configuration and delete wlan1 from bridge as it will be used for the hotspot.
Configure Hotspot
Go to IP->Hotspot and start the Hotspot Setup. Here select wlan1 as the interface and keep the rest default.
Once the setup is finished, there will be a new server profile created. Double click on it and configure Login By as HTTP CHAP
Go to the RADIUS tab and select the Use Radius option. Make sure to enable accounting and set the interim update to 00:05:00
Disable Keep Alive Timeout
Under the User Profiles tab, click on the User Profile and remove the Keep-Alive timeout. This will prevent Guests from getting kicked out of the network if they are away for some time.
Configure Walled Garden
On the main Winbox interface, click New Terminal to open the Terminal Window.
Depending upon the login types you will be using copying below lines into the console. Make sure to run commands for all the login types
For All Login types
/ip hotspot walled-garden
add dst-host=*logme2wifi*
add dst-host=*spotipo*
If you want to enable Facebook Login
/ip hotspot walled-garden
add dst-host=*facebook*
add dst-host=*fbcdn*
add dst-host=*akamai*
If you want to enable Payment Login
/ip hotspot walled-garden
add dst-host=*stripe*
Disable fast path
Unfortunately, fast path doesn't go well with accounting. So if you plan to use data/speed limit in Mikrotik, please disable fast path (From IP->FIrewall).
Configure Portal Pages
Now download index.html from this location.
Upload the created login.html to your AP using upload button.
Move the login.html under hotspot folder.
If you have done all the steps correctly, you should see the spotipo landing page while connecting to WiFi.
Please read through other documentation on configuring different login types as well.