Draytek Captive Portal with Spotipo

Add A Draytek Site in Spotipo

A Site represents each location. A site can have multiple routers (of the same type)

Go to Site Selector on the top right corner and use the Create A New location button. Select the device type as Draytek

In the next step choose the type of login mechanism the portal should have and press Create Location.

Once the location is created, navigate to Settings -> Draytek and get the portal URL etc

Configure Draytek Vigor Router

Under Login Method,

Enable the profile
Set the portal method as an external portal server
Update the Captive Portal URL with the one from your Spotipo Dashboard ( splash URL)
Keep the MAC address format as AA:BB:CC:DD:EE:FF
Fill Radius NAS-Identifier with Identity value from Spotipo

Now click the External Radius Server link and set up an external Radius profile.

Select External Radius
Enable Radius Auth and Accounting
Fill in Primary And secondary server details from Spotipo
FIll the Secret from Spotipo
Keep the Interim Update Interval as 10mins

Press OK. The router will reboot after that.

Wait for the router to reboot and navigate back to Hotspot Web Portal -> Profile Setup -> Index 1.

Under Whitelist Setting, fill app.spotipo.com as the destination domain and enable the rule.

If you are planning to collect payments from guests, also add these domains. After adding all the domains, press Save and Next.

js.stripe.com  
api.stripe.com  
q.stripe.com  
m.stripe.com

In the last step

Enable HTTPS redirection ( this might cause certificate errors for some users, you can also disable it to avoid such issues)
Enable captive portal detection
Set the landing page after authentication to "user requested URL"
Select which interfaces should the portal enabled and press Save

Sit Back Relax and Test

Now wait for 5mins and test your brand new captive portal

Updated on: 11/02/2025

Was this article helpful?

Thank you!