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 sedikit 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.

Tampilan default usermanager mikrotik :

default voucher hotspot

Cara Edit Voucher Template UserManager Hotspot MikroTik

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

custom voucher hotspot

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“.
edit voucher template 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

profile userman mikrotik

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

Similar Posts

One Comment

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *