Voucher User Manager Hotspot MikroTik

Di kesempatan kali ini saya akan coba sharing custom voucher template UserManager hotspot MikroTik. Dalam membuat custom voucher template memerlukan pengetahuan tentang HTML. Karena default voucher yang di hasilkan oleh usermanager, biasa aja, ga enak dilihat. Nah disini kita akan mencoba dengan membuat voucher template dengan design kita sendiri. Saya anggap anda mengerti HTML, copy paste dari voucher template yang beredar di google pun harus tau sedikit tentang HTML.


Cara Edit Voucher Template UserManager Hotspot MikroTik
Dibawah ini adalah design voucher usermanager pribadi saja, simple, elegant, dan rapih. Pokoknya lumayan lah.

Dibawah ini adalah source kode HTML voucher template usermanagernya, bisa di modif / edit. Kalau mau dipakai mentah-mentah, anda bisa tinggal edit nama usaha/hotspot, alamat dan no telp.

<table border="0" cellpadding="2" cellspacing="2" style="color:#000;text-align: left; width: 350px; height: 210px; border:1px solid #999999; margin-bottom:5px; margin-right:5px; float: left;">
  <tbody>
    <tr align="left" valign="top">
      <td colspan="2" rowspan="1" valign="undefined" style="border-bottom:1px solid black;">
  <big><span style="font-weight: bold;">adamonline.web.id</span></big><br>
  <small>Jln. Menuju Kesuksesan No.1, Jakarta<br>Tlp. 08999-0251-97
   </td>
    </tr>
    <tr>
  <td><small><b>Paket</b><br>%u_actualProfileName%</small></td>
  <td style="text-align: left;"><small><b>Harga</b><br>%u_moneyPaid%</small></td>
    </tr>
    <tr>
  <td><small><b>UserName</b></small><br>%u_username%</td>
  <td style="text-align: left;"><small><b>Password</b></small><br>%u_password%</td>
    </tr>
    <tr align="left">
  <td colspan="2" rowspan="1" valign="top" style="border-top:1px solid black;"><small>
   <span style="font-weight: bold;">Gunakan informasi account ini untuk menikmati layanan hotspot kami, Terima Kasih</span></small>
  </td>
    </tr>
    <tr align="right">
      <td colspan="2" rowspan="1"><small style="font-weight: bold;">(c)adamonline.web.id</small></td>
    </tr>
  </tbody>
</table>

Trus dimana masukinnya gan ?

Cara Mengganti Voucher Template UserManager Hotspot MikroTik

Sekarang kita mau mengganti voucher template usermanagernya dengan design template kita sendiri. Bagaimana caranya ?

• Login ke usermanager mikrotik Anda
• Pilih “Setting“
• Klik tab “Template“
• Klik scrolldown kolom “Name” dan Pilih “Voucher“
• Copy paste deh didalam kolom “Row“
• Lalu klik “Save“

Tinggal anda coba Generate Voucher pada menu User pada usermanager Anda.

Kode Variable / Character Constants

Saya ga tahu ini disebut apa, setau ini sih variable yang bisa digunakan di kode html kita untuk mengambil data dari profile di radius managernya. Misalnya di voucher template usermanager saya memakai :

%u_actualProfileName%  -> Profile Name
%u_moneyPaid% -> Harga voucher
%u_username% -> username
%u_password% -> password

Untuk variable lebih lengkapnya bisa lihat disini User Manager/Character constants.