Skip to main content

How to Configure Draytek Captive Portal with Spotipo

Rakesh M avatar
Written by Rakesh M
Updated over 3 weeks ago

Draytek Vigor routers provide robust networking capabilities for small to medium businesses. Integrating Spotipo's external captive portal with your Draytek router adds email capture, social login, and paid WiFi access while maintaining Draytek's security and performance features.

This guide walks you through creating a Draytek site in Spotipo, configuring the Hotspot Web Portal settings, and setting up external RADIUS authentication on your Draytek Vigor router.

What you'll accomplish:

  • Create a Draytek site in Spotipo and generate configuration details

  • Configure external portal server in Draytek Hotspot Web Portal

  • Set up external RADIUS authentication and accounting

  • Configure whitelist domains for Spotipo and payment processing

What you'll need:

  • Draytek Vigor router with admin access

  • Active Spotipo account (start free trial)

  • Understanding that router will reboot during configuration

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

Login to your Draytek router and navigate to Hotspot Web Portal -> Profile Setup and click on index 1.

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 5 mins and test your brand new captive portal :)

Draytek Captive Portal Active

After configuring the Hotspot Web Portal profile and RADIUS settings, wait approximately 5 minutes for the router to fully apply the changes. Guests connecting to your WiFi will then be redirected to Spotipo's captive portal for authentication.

What to do next:

  • Test the captive portal by connecting a device to your WiFi

  • Customize your splash page design in Spotipo dashboard

  • Monitor guest connections to verify proper operation

HTTPS redirection note: Enabling HTTPS redirection may cause certificate warnings for some users. Disable this option if guest complaints occur, as HTTP redirection works reliably without warnings.

Still having trouble configuring Draytek with Spotipo? Contact Spotipo support via live chat or email us at [email protected].

Did this answer your question?