Setting up a Mikrotik Hotspot with UserManager (Step-ByStep)

15:14 Posted by Jurgens Krause hotspot, mikrotik, Step-By-Step, tutorial 59 comments

Mikrotik RouterOS provides a very powerful Hotspot Feature. This can be used with the
Mikrotik built in Radius server (Userman) or with a remote Radius/Freeradius Server.
You will need:
Mikrotik RouterBOARD:

Level 4 or better licence (Lower licences will allow only a single Hotspot client)
RouterOS 6.x (5.x will also work, but this tutorial is based on v6.7)

The network will be configured as below. You may need to adjust the IP Addresses to suit your
needs

Notes:
The RouterBOARD CPU and RAM will directly affect the performance of your Hotspot, so
consider beforehand how many clients you wish to connect.
A RouterBOARD 750 can comfortably run about 25-50 users.
In my example I will use a RouterBOARD 532 with one 2.4ghz WLAN card
Step 1: Configure internet access on the router
Add Router IP Address:
/ip address add address=10.0.0.2/24 interface=ether1
Change the IP to match your network configuration
1. Click on the IP Menu
2. Click on the Addresses Menu
3. Click "+"

4. Enter the IP Address you wish to assign to the router, this will be the outward facing IP,
so make sure to select the ethernet interface that will give the router internet access.
5. Click on "Apply"

Configure Upstream DNS Server:

/ip dns set servers=8.8.8.8 allow-remote-requests=yes
This example uses Google's DNS service. You can easily make use of OpenDNS to implement
simple filtering, or use your own DNS servers if needed.
1. Click on the IP Menu
2. Click on the DNS Menu
3. Enter your desired DNS server - here I am using Google's DNS
4. Click on "Apply"

Configure Default Route:

/ip route add dst-address=0.0.0.0/0 gateway 10.0.0.1
1. Click on IP
2. Click on Routes
3. Click on "+"
4. Enter 0.0.0.0/0 as the Dst. Address
5. Enter 10.0.0.1 as the Gateway

Test:
Check if you can ping a public ip address like 8.8.8.8
1. Click on Tools
2. Click on Ping
3. Enter a publicly available address
4. Click Start

Step 2: Install User Manager and Hotspot

If you plan to use a stand alone Radius Server, you may skip this step.
Download the firmware package from Mikrotik
Extract the zip file on your local drive
1. Make sure that the version of the file matches the version and architecture of your device
2. Open the Files window on winbox
3. Drag the "user-manager-X.X-xxxxxx.npk" to the files window.
4. Do the same for "hotspot-X.X-xxxxxx.npk".
5. Reboot the router (/system reboot)

Step 3: Configure interfaces

First, we need to configure two Bridge interfaces. The first one will be a loopback interface. I
have found in the past that if you use the normal loopback address (127.0.0.1), or one of the
other static addresses, for the Radius (Usermanager) server, you may experience some
difficulties.
3.1.1 - Create Loopback Bridge
/interface bridge add name=Loopback
1. Click on the "Bridge" menu
2. Click on "+"
3. Enter "Loopback" for the bridge name
4. Click "Apply"

3.1.2 - Add Loopback Bridge IP Address

I use any unused private ip range for this, it is used simply as an interface to run the RADIUS
server on.
/ip address add address=10.10.0.1/32 interface=Loopback
1. Click on the IP Menu
2. Click on the Addresses menu
3. Click the "+" button
4. Enter "10.10.0.1/32" as the IP Address
5. Select the "Loopback" Interface
6. Click "OK"

3.2.1 - Create Hotspot Bridge

If you are planning to run the hotspot on a single interface you may skip this step.
/interface bridge add name=Hotspot
1. Click on the "Bridge" menu
2. Click on "+"
3. Enter "Hotspot" for the bridge name
4. Click "Apply"
3.2.2 - Add Hotspot Bridge IP Address
I make use of the private 192.168.0.1/24 range for the hotspot network, but you can use whatever
is suitable in your setup.
/ip address add address=192.168.0.1/24 interface=Hotspot

1. Click on the IP Menu

2. Click on the Addresses menu
3. Click the "+" button

4. Enter "192.168.0.1/24" as the IP Address

5. Select the "Hotspot" Interface
6. Click "OK"

3.2.3 - Add Hotspot Ports to Bridge

If you would like multiple interfaces to have access to the hotspot, you can repeat this process,
only changing the interface each time.
If you are running on a RouterBOARD 750 or similar, you will need to add the ports that you
AP's are connected to, to the bridge.
/interface bridge port add bridge=Hotspot interface=wlan1
1. Click on the "Bridge" menu
2. Click on the "Ports" Tab
3. Click on the "+"
4. Select the interface you want to add to the hotspot, in my case it is "wlan1"

5. Select the "Hotspot" bridge

6. Click "OK

3.3 - Configure the Access Point

If you are using a RouterBOARD 750 or similar, you will not be using this section.
You may choose to implement security on your access point, but since this is a captive portal,
you should not need to use any security. This tutorial will not include any security settings.
/interface wireless set [ find default-name=wlan1 ] band=2ghz-b/g disabled=no mode=ap-bridge
ssid=Hotspot
1. Click on the "Wireless" Menu
2. Double click on the Wireless Interface that you will be using
3. Set the mode to "ap-bridge"
4. Set the band to 2Ghz-B/G (or otherwise if needs be)
5. Change the SSID to "Hotspot", or whatever suits you.
6. Click "OK"

4 - Configure the Hotspot

/ip hotspot profile
add dns-name=hotspot.example.com hotspot-address=192.168.0.1 name=hsprof1 smtpserver=192.168.123.4
/ip hotspot
add address-pool=hs-pool-7 disabled=no interface=Hotspot name=hotspot1 profile=hsprof1
/ip hotspot user profile
set [ find default=yes ] idle-timeout=none keepalive-timeout=2m mac-cookie-timeout=3d
/ip hotspot user
add name=dexter password=dexter
1. Click on the "IP" menu. If this option is not available refer to step 2
2. Click on the "Hotspot" item
3. Click on "Hotspot Setup". This will start the Hotspot Setup Wizard

4.1 - The Hotspot Wizard

1. Select the Hotspot bridge as the Hotspot Interface
2. Click Next

1. Click next - The address range should be filled in automatically as per our network
configuration.

1. Click Next - the address pool should be pre-populated with the right settings

1. This tutorial will not cover the use of Certificates, so you may select "none" and click
next

1. Enter the IP-Address of your SMTP server. Many providers do not allow use of their
SMTP servers outside their own network, so this option allows you to circumvent the
SMTP server configured on the client's device in favor of your own. (You may even
specify the SMTP server of you own provider in some cases)
2. Click "Next"

These are the upstream DNS servers used by the hotspot.

1. Enter one or more upstream DNS servers, you can use OpenDNS to provide you with a
basic filtering service. Here I use Google's public DNS.
2. Click "Next"

1. Enter a host name for the local Hotspot. I am using hotspot.example.com, but this could
be anything you want.
2. Click "Next"

1. Enter a name for your administrative Hotspot user.

2. Enter a password for your administrative user.
3. Click "Next"

1.

Click "OK" to complete your hotspot setup.

Congratulations, you have now set up basic functionality for a Mikrotik Wireless Hotspot, you
can create users under "IP->Hotspot->Users. But alas, you still need to configure the
Usermanager for a fully featured hotspot.

Step 5 - Configuring UserManager

5.1 Setting up the Hotspot to use RADIUS
1. Click on the "IP" menu
2. Click on "Hotspot"
3. Select the "Server Profiles" tab
4. Double click on "hsprof1"
5. Select the "RADIUS" tab
6. Tick the "Use RADIUS" tickbox
7. Click "OK"

1. Click on "RADIUS"
2. Click on "+"
3. Tick the "hotspot" tickbox
4. Add the loopback bridge IP to the address field, in this tutorial 10.10.0.1
5. Choose a secure password
6. Click "OK"

1. Using your browser of choice, connect to http://router-ip/userman

2. Click "Log In" - The default username is admin with no password

1. Once you have logged in, click on the "Routers" menu

2. Click "Add" then "New"
3. Enter "Local Router" as the name
4. Enter the Loopback Bridge IP address
5. Enter the password you chose earlier.
6. Click "OK"

Your Mikrotik Hotspot should now be able to communicate with the Usermanager Radius
Server. You can now proceed to set up profiles and users on the user manager interface.
I will soon do a UserManager Tutorial as well.

Cum de a crea Voucher n Mikrotik Manager de

utilizator

Acest post continu postul anterior . Asigurai-v c ai reuit s creai un Mikrotik Manager de utilizator
ca un server RADIUS. n acest post, voi explica cum se face cu uurin voucher. Exist 2 tipuri de tichete
sunt adesea utilizate, n primul rnd, vouchere care folosesc limita de timp, i al doilea, bonuri care
utilizeaz limita cotei. Vei fi capabil s se dezvolte, prin combinarea celor dou tipuri, astfel nct ob ine
un voucher care utilizeaz o limit de timp i limita cotei.
Hai s mergem s - l fac. Acesta este planul.
1. Timp de 2 ore voucher, pret 5000, a expirat la 10 zile de la nceperea utilizrii.
2. Voucher Cota 1 GB, pre 3000, a expirat de 30 de zile de la nceperea utilizrii.

Logare
Deschidei browser-ul, i du-te la http: // <ip-address-MikroTik> / userman. Aici vei gsi pagina de
autentificare Mikrotik User Manager, apoi introducei numele de utilizator i parola.

Creai limitare Profiluri

Facei clic pe Profiluri - fila Limitare. Facei clic pe add - Nou. n caseta de detaliu Limitarea, introducei
numele "1 Giga Bytes", limita de descrcare. Alte opiuni, putei completa limita ratei. Apoi facei clic pe
Adugare.

n continuare, n fila Limitarea, facei clic pe add - Nou, n caseta Detalii de limitare, introduce i un alt
nume "2 Ore" i n seciunea Limite, timpul de funcionare: 120m. apoi facei clic pe Adugare.

Creai profiluri Voucher

n continuare, n Profiluri tab-ul, facei clic pe semnul plus (+), pentru a crea un profil. Umple numele
"Timp de 2 ore", apoi facei clic pe creai.

n continuare pentru a umple caseta de valabilitate, pre i alte op iuni. Apoi facei clic pe aduga o
limitare nou. Uit-te la poza.

Caseta de dialog despre partea profil, va fi aprea. n seciunea Limite, verificai 2 ore, apoi facei clic pe
Adugare. napoi la Profiluri fil, facei clic pe Salvare profil

Un voucher profil a fost creat. Urmtoarele alte bonuri de profil, aceiai pai ca i mai nainte. Facei clic
pe semnul plus (+), apoi creai n profil, introducei numele: Cota 1 GB, apoi face i clic pe crea i. n
continuare, introducei valabilitatea i preul. Apoi facei clic pe aduga o limitare nou.

Caseta de dialog despre partea profil, va fi aprea. n seciunea Limite, verificai 1 Giga Bytes, apoi facei
clic pe Adugare. Apoi salvai profilul.

Creai Utilizatori
Facei clic pe Utilizatori - Adugai - Lot. n detaliile de utilizator caseta, completai numrul de utilizatori,
lungime nume de utilizator, etc. Apoi, n profil Alocai, selectai profil Atribuire: Timp de 2 ore, care a fost
fcut. Apoi facei clic pe Adugare. n continuare pentru a face un alt utilizatorilor cu aceia i pa i, pentru
a contingentului 1 GB.

Aa c, vei obine mai multe nume de utilizator care deja folosit.

Dac nu vedei parola, trebuie s configurai setarea meniului. n seciunea de setare, vei gsi coloan
de tabel, despre unele meniu. Facei clic pe utilizatori, apoi facei clic pe parol n coloana ascuns,
mutai la coloana vizibil, cu click stanga sign.And pentru alt meniu, pute i explora de unul singur. Apoi
facei clic pe Salvare.

Setare ablon voucher

Facei clic pe Setri - abloane. Selectai nume: Vouchere.

Copiai codul de mai jos i lipii n caseta Antet,

<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns = "http :
//www.w3.org/1999/xhtml "> <head> <title> Tichete </ title> <style> @media imprimare {.noprint {display:
none; } .pagebreak {Page-break-dup: totdeauna; }} Body {font-family: 'Lucida Grande', 'Helvetica Neue',
Helvetica, Arial, sans-serif;padding: 100px; font-size: 13px; } div.box { fundal: rgb (230,240,163); / *
Browsere vechi * / fundal: -moz-liniar gradient (-45deg, RGBA (230,240,163,1) 0%, RGBA (210,230,56,1)
50%, RGBA (195,216,37,1) 51%, RGBA (219,240,67,1) 100%); / * FF3.6 + * / fundal: -webkit gradient
(liniar, stnga sus, dreapta jos, deculoare-stop (0%, RGBA (230,240,163,1)), de culoare-stop (50%,
RGBA (210,230,56 , 1)), de culoare-stop (51%, RGBA (195,216,37,1)), de culoare-stop (100%, RGBA

(219,240,67,1))); / * Chrome, Safari4 + * / fundal: -webkit-liniar gradient (-45deg, RGBA (230,240,163,1)

0%, RGBA (210,230,56,1) 50%, RGBA (195,216,37,1) 51%, RGBA (219,240,67,1) 100%); / * Chrome10
+, Safari5.1 + * / fundal: o- liniar gradient (-45deg, RGBA (230,240,163,1) 0%, RGBA (210,230,56,1)
50%, RGBA (195,216,37,1) 51%, RGBA (219,240,67,1) 100%); / * Opera * 11.10+ / fundal: -MS-liniar
gradient (-45deg, RGBA (230,240,163,1) 0%, RGBA (210,230,56,1) 50%, RGBA (195,216,37,1) 51%,
RGBA (219,240,67,1) 100%); / * IE10 + * / fundal: gradient liniar (135deg, RGBA (230,240,163,1) 0%,
RGBA (210,230,56,1) 50%, RGBA (195,216,37,1) 51%, RGBA (219,240,67, 1) 100%); / * W3C * / filtru:
progid: DXImageTransform.Microsoft.gradient (startColorstr = '# e6f0a3', endColorstr = '# dbf043',
GradientType = 1); / * IE6-9 pe pant orizontal alternativ n * / lime: 3.6in; nlime: 2.1in;padding: 0
17px 18px 12px; Marja de : 10px 0; frontier: solid 1px # D9D9D9; border-radius: 10px; -webkit-borderradius: 2px; -moz-border-radius: 2px; } div.box h2 { fundal: rgb (30,87,153); / * Browsere vechi * /
fundal: -moz-liniar gradient (sus, RGBA (30,87,153,1) 0%, RGBA (41,137,216,1) 50%, RGBA
(32,124,202,1) 51%, RGBA (125,185,232, 1) 100%); / * FF3.6 + * / fundal: -webkit gradient (liniar, stnga
sus, de jos dinstnga, de culoare-stop (0%, RGBA (30,87,153,1)), de culoare-stop (50%, RGBA
(41137216 , 1)), de culoare-stop (51%, RGBA (32,124,202,1)), de culoare-stop (100%, RGBA
(125,185,232,1))); / * Chrome, Safari4 + * / fundal: -webkit-liniar gradient (sus, RGBA (30,87,153,1) 0%,
RGBA (41,137,216,1) 50%, RGBA (32,124,202,1) 51%, RGBA (125185232 , 1) 100%); / * Chrome10 +,
Safari5.1 + * / fundal: o- liniar gradient (sus, RGBA (30,87,153,1) 0%, RGBA (41,137,216,1) 50%, RGBA
(32,124,202,1) 51%, RGBA (125,185,232,1) 100%); / * Opera 11.10+ * / fundal: -MS-liniar gradient (sus,
RGBA (30,87,153,1) 0%, RGBA (41,137,216,1) 50%, RGBA (32,124,202,1) 51%, RGBA (125185232 , 1)
100%); / * IE10 + * / fundal: gradient liniar (pn la partea de jos, RGBA (30,87,153,1) 0%, RGBA
(41,137,216,1) 50%, RGBA (32,124,202,1) 51%, RGBA (125,185,232,1) 100 %); / * W3C * / filtru: progid:
DXImageTransform.Microsoft.gradient (startColorstr = '# 1e5799', endColorstr = '# 7db9e8', GradientType
= 0); / * IE6-9 * / Marja: 0 -17px 1px -12px; padding: 15px 0px 0 10px; nlime: 20px; border-top-stngaraz: 10px; border-top-dreapta-raz: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; font:
caractere aldine 18px / 0.2 Arial; Culoare: #fff; Text-umbra: rou 0.1em 0.1em 0.6em} div.box h3
{background-color: # FFF8DC; border-color: # 000; stil de frontier: solid; border-lime: 1px; Marjade :
-35px 0 0 70px; padding: 12px 50px 3px 10px; nlime: 8px; lime: 30px; font: caractere aldine 12px / 0
Arial; culoare: # 000; } H4 div.box { fundal: rgb (174,188,191); / * Vechi browsere * / fundal: -moz-liniar
gradient (sus, RGBA (174,188,191,1) 0%, RGBA (110,119,116,1) 50%, RGBA (10,14,10,1) 51%, RGBA
( 10,8,9,1) 100%); / * FF3.6 + * / fundal: -webkit gradient (liniar, stnga sus, de jos din stnga, de culoarestop (0%, RGBA (174,188,191,1)), de culoare-stop (50%, RGBA (110,119,116,1 )), de culoare-stop (51%,
RGBA (10,14,10,1)), de culoare-stop (100%, RGBA (10,8,9,1))); / * Chrome, Safari4 + * / fundal: -webkitliniar gradient (sus, RGBA (174,188,191,1) 0%, RGBA (110,119,116,1) 50%, RGBA (10,14,10,1) 51%,
RGBA (10,8,9,1) 100%); / * Chrome10 +, Safari5.1 + * / fundal: o- liniar gradient (sus, RGBA
(174,188,191,1) 0%, RGBA (110,119,116,1) 50%, RGBA (10,14,10,1) 51 %, RGBA (10,8,9,1) 100%); / *
Opera 11.10+ * / fundal: -MS-liniar gradient (sus, RGBA (174,188,191,1) 0%, RGBA (110,119,116,1) 50%,
RGBA (10,14,10,1) 51%, RGBA (10,8,9,1) 100%); / * IE10 + * / fundal: gradient liniar (pn la
partea de jos, RGBA (174,188,191,1) 0%, RGBA (110,119,116,1) 50%, RGBA (10,14,10,1) 51%, RGBA
(10,8 , 9,1) 100%); / * W3C * / filtru: progid: DXImageTransform.Microsoft.gradient (startColorstr = '#
aebcbf', endColorstr = '# 0a0809', GradientType = 0); / * IE6-9 * / margin: 0px -17px 0px -12px; padding:
10px 10px 5px 10px; nlime: 10px; font: 14px aldine / 0.2 Arial; Culoare: #fff; Text-umbra: 0.1em alb
0.1em 0.6em } .txtbox {Background-color: transparent; lime: 330px; } </ style> </ head> <body>

i codul de mai jos, copiai i inserai n caseta Row.

<div class = "caseta"> <h2> hotspot - R Card Internet% u_moneyPaid% </ h2> <div class = "txtbox">
Conectarea la reea fr fir i deschidei WebBrowser. Punei <b> USERNAME a fost </ b> i <b>
Password </ b> n domeniu este necesar, apoi <b> facei clic pe butonul de conectare. </ B> </ div> <br>
<p align = "left"> UserName: </ p> <h3>% u_username% </ h3> <p align = "left"> Parol: </ p> <h3>%
u_password% </ h3> <h5 style = "margin-top: - 70px; margin-left: 230px; font: caractere aldine 30px
Arial; culoare: #fff; text-umbra: 0.1em negru 0.1em 0.6em; ">% u_timeLeft% </ h5> <p style =" margintop: - 40px; margin-left: 250px; "> Pret:% u_moneyPaid% </ p> <br> <h4> Contact pentru mai multe
informatii.myconfigure.blogspot.com </ h4> </ div>

Vouchere genera
Apoi, din lista de utilizatori, vom genera voucher, care va fi imprimat. Facei clic pe Utilizatori. Verificai toi
utilizatorii, apoi facei clic pe Generare - Vouchere.

Va aprea caseta de dialog noua, apoi facei clic pe genera.

Browser-ul pop-up va fi afiat. Acesta este rezultatul final al unui bon pe care va fi imprimat. Avei
posibilitatea s modificai codul buletinului de ablon, astfel nct s pute i ob ine o mai atractiv.

ncercai Conectare la calculator client

Am finalizat pentru a crea i bonuri de imprimare. Acum, de la computer client, n pagina de conectare
browser-ul, introducei numele de utilizator i parola de voucher. Ar trebui s fie corect, i vei fi conectat
la Internet.
Uit-te la caseta de dialog hotspot, facei clic pe fila Activ. Utilizatorii actuali vor fi vzute, i exist un
semn R, pe partea stng, ceea ce nseamn utilizatorul de pe serverul raz.

i, n cele din urm, asigurai-v c, n cazul n care timp sau o cot de tichete a fost dep it,
computerul client se va deconecta automat de pe internet, i va reveni la pagina de conectare.
Mult noroc..!!!

How to Create Voucher in Mikrotik User Manager

This post continues the previous post. Make sure you've managed to create a
Mikrotik User Manager as Radius Server. In this post, I will explain how make
voucher easily. There are 2 types of vouchers are often used, first, vouchers that
use time limit, and second, vouchers that use quota limit. You will be able to
develop, by combining the two types, so get a voucher that uses a time limit and
quota limit.
Let's go to make it. This is the plan.

1. Time Voucher 2 hours, price 5,000, expired 10 days from the start of use.
2. Quota Voucher 1 GB, price 3,000, expired 30 days from the start of use.

Login
Open browser, and go to http://<ip-address-mikrotik>/userman. You will find login
page Mikrotik User Manager, then enter username and password.

Create Limitation Profiles

Click Profiles Limitation tab. Click add New. In Limitation detail box, enter name
"1 Giga Bytes", limit download. Other options, you can fill rate limit. Then click add.

Next, on Limitation tab, click add New, In Limitation details box, enter another
name "2 Hours" and in section Limits, uptime : 120m. then click add.

Create Profiles Voucher

Next, in tab Profiles, click sign plus ( + ), to create profile. Fill name "Time 2 Hours",
then click create.

Continue to fill validity box, price and other option. Then click add new limitation.
Look at picture.

Dialog box about Profile part, will be appear. In Limits section, check 2 hours, then
click add. Back to tab Profiles, click Save profile

A profile voucher has been created. Next other profile vouchers, the same steps as
before. Click sign plus ( + ), then in create profile, enter name : Quota 1 GB, then
click create. Next, enter validity and price. Then click add new limitation.

Dialog box about Profile part, will be appear. In Limits section, check 1 Giga Bytes,
then click add. Then save profile.

Create Users
Click Users Add Batch. In user details box, fill numbers of users, username
length, etc. Then in assign profile, select Assign profile : Time 2 Hours, which has
been made. Then click add. Continue to make another users with the same steps,
for Quota 1 GB.

So, you will get many username that already used.

If you don't see the password, you must configure menu setting. In section of
setting, you will find table column, about some menu. Click users, then click
password in the hidden column, move to visible column, with click left sign.And for
the other menu, you can explore by yourself. Then click save.

Setting Template Voucher

Click Settings Templates. Select name : Vouchers.

Copy code below and paste in Header box,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html
xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Vouchers</title> <style>
@media print { .noprint { display: none; } .pagebreak { page-break-after: always; }
} body { font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
padding: 100px; font-size: 13px; } div.box { background: rgb(230,240,163); /* Old
browsers */ background: -moz-linear-gradient(-45deg, rgba(230,240,163,1) 0%,

rgba(210,230,56,1) 50%, rgba(195,216,37,1) 51%, rgba(219,240,67,1) 100%); /*

FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, colorstop(0%,rgba(230,240,163,1)), color-stop(50%,rgba(210,230,56,1)), colorstop(51%,rgba(195,216,37,1)), color-stop(100%,rgba(219,240,67,1))); /*
Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg,
rgba(230,240,163,1) 0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1)
51%,rgba(219,240,67,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-lineargradient(-45deg, rgba(230,240,163,1) 0%,rgba(210,230,56,1)
50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(230,240,163,1)
0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%); /*
IE10+ */ background: linear-gradient(135deg, rgba(230,240,163,1)
0%,rgba(210,230,56,1) 50%,rgba(195,216,37,1) 51%,rgba(219,240,67,1) 100%); /*
W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3',
endColorstr='#dbf043',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
width: 3.6in; height: 2.1in; padding: 0 17px 18px 12px; margin: 10px 0; border:
solid 1px #D9D9D9; border-radius: 10px; -webkit-border-radius: 2px; -moz-borderradius: 2px; } div.box h2 { background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1)
50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, colorstop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), colorstop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /*
Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(30,87,153,1)
0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1)
100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,
rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1)
51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */ background: -ms-lineargradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1)
51%,rgba(125,185,232,1) 100%); /* IE10+ */ background: linear-gradient(to bottom,
rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1)
51%,rgba(125,185,232,1) 100%); /* W3C */ filter:
progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799',
endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */ margin: 0 -17px 1px -12px;
padding: 15px 0px 0 10px; height: 20px; border-top-left-radius: 10px; border-topright-radius: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; font: bold
18px/0.2 Arial; color: #fff; text-shadow: red 0.1em 0.1em 0.6em} div.box h3
{ background-color: #FFF8DC; border-color: #000; border-style:solid; borderwidth:1px; margin: -35px 0 0 70px; padding: 12px 50px 3px 10px; height: 8px;
width: 30px; font: bold 12px/0 Arial; color: #000; } div.box h4 { background:
rgb(174,188,191); /* Old browsers */ background: -moz-linear-gradient(top,
rgba(174,188,191,1) 0%, rgba(110,119,116,1) 50%, rgba(10,14,10,1) 51%,
rgba(10,8,9,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left
bottom, color-stop(0%,rgba(174,188,191,1)), color-stop(50%,rgba(110,119,116,1)),

color-stop(51%,rgba(10,14,10,1)), color-stop(100%,rgba(10,8,9,1))); /*
Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(174,188,191,1)
0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /*
Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(174,188,191,1)
0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Opera
11.10+ */ background: -ms-linear-gradient(top, rgba(174,188,191,1)
0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* IE10+
*/ background: linear-gradient(to bottom, rgba(174,188,191,1)
0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* W3C
*/ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf',
endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */ margin: 0px -17px 0px -12px;
padding: 10px 10px 5px 10px; height: 10px; font: bold 14px/0.2 Arial; color: #fff;
text-shadow: white 0.1em 0.1em 0.6em } .txtbox { background-color: transparent;
width: 330px; } </style> </head> <body>

And code below, copy and paste in Row box.

<div class="box"> <h2>Hotspot - Internet Card Rs %u_moneyPaid%</h2> <div
class="txtbox">Connect to Wireless Network and open you webbrowser. Put the
<b>UserName</b> and <b>Password</b> in required field, then <b>click login
button.</b></div> <br> <p align="left">UserName:</p> <h3>%u_username
%</h3> <p align="left">Password:</p> <h3>%u_password%</h3> <h5
style="margin-top: -70px; margin-left: 230px; font: bold 30px Arial; color: #fff; textshadow: black 0.1em 0.1em 0.6em;">%u_timeLeft%</h5> <p style="margin-top:
-40px; margin-left: 250px;">Price: %u_moneyPaid%</p> <br> <h4>Contact for
more info. myconfigure.blogspot.com</h4> </div>
Generate Vouchers
Next, from users list, we generate voucher, that will be printed. Click Users. Check
all users, then click Generate - Vouchers.

The new dialog box will appear, then click generate.

Pop-up browser will be shown. This is the end result of a voucher that will be
printed. You can change the code of the template voucher, so you can get a more
attractive.

Try Login From Client Computer

We have finished to create and print voucher. Now from client computer, in login
page browser, enter username and password of voucher. It should be correct, and
you will be connected to internet.

Look at Hotspot dialog box, click Active tab. Current users will be seen, and there is
a sign R, on the left side, meaning the user from radius server.

And at last, make sure, if time or quota of vouchers has been exceeded, the client
computer will automatically disconnect from the internet, and will return to the login
page.
Good luck..!!!