13 Oktober 2015

Voucher Template UserManager 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.

template default mikrotik hotspot

Cara Edit Voucher Template UserManager Hotspot MikroTik


Dibawah ini adalah design voucher usermanager pribadi saja, simple, elegant, dan rapih. Pokoknya lumayan lah.

custom template voucher usermanager mikrotik

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“


Cara Mengganti Voucher Template UserManager Hotspot MikroTik

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

Kode Variable / Character Constants Usermanager Mikrotik

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