Cara Membuat Voucher Hotspot Pada User Manager Mikrotik
Assalamualaikum wr wb
Pada kesempatan kali ini saya akan membahas bagaimana cara membuat voucher hotspot pada user manager mikrotik, pada artikel sebelumnya saya telah membahas bagaimana cara Installasi User Manager dan Menambahkan User Login pada user manager di mikrotik, dan kurang lengkap rasanya jika materi cara membuat voucher ini saya tidak ikut sertakan.
Pembuatan voucher pada hotspot di gunakan untuk mempermudah kerja admin jaringan dalam memberikan layanan pada calon user, karna dalam voucher tersebut sudah include Username, Password, Bandwidth, Durasi Pakai dan Harga Paket pada layanan yang akan di terima oleh calon user tersebut.
Setelah memahami fungsi voucher pada hotspot mikrotik maka langkah selanjutnya adalah membuat voucher tersebut pada User Manager, pada materi pembuatan voucher pada hotspot mikrotik ini saya bagi menjadi 2 tahapan
- Custom Templates Voucher Mikrotik
- Generate Voucher Mikrotik
Baik langsung masuk ke konfigurasinya :
//Custom Template Voucher Mikrotik
Custom template pada voucher mikrotik merupakan langkah yang sangat saya rekomendasikan untuk setiap pengusaha RT/RW Net, karna dengan adanya custom template akan mempercantik tampilan voucher dan juga memberikan identitas bahwa voucher tersebut milik perusahaan anda, dan yang terpenting perusahaan anda akan terlihat lebih profesional 🙂
Untuk melakukan custom template voucher pada mikrotik dapat di lakukan pada Menu Settings > Templates dan pada Name Pilih Voucher
lihat pada gambar di bawah ini :
Untuk merubah tampilan Voucher anda dapat mengganti Script HTML dan CSS pada Header dan Row
Gunakan Script di bawah ini :
//Header
<!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
{
padding: 0;
margin:0;
min-width: 700px;
color: #303F50;
font-size: 10px;
font-family: Arial, ‘Arial Unicode MS’, Helvetica, Sans-Serif;
line-height: 85%;
}
.kangndo table, table.kangndo
{
border-collapse: collapse;
margin: 2px;
}
.kangndo th, .kangndo td
{
padding: 2px;
border: solid 1px #E2341D;
vertical-align: top;
text-align: center;
}
.vertical-text {
transform: rotate(90deg);
padding: 4px;
float: right;
font-size: 15px;
margin-top: 8px;
width: 10px;
color: #E2341D;
}
</style>
</head>
<body>
//Row
<table class=”kangndo” style=” display: inline-block; background-color:#E2341D; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 200px; height:120px;”>
<tbody>
<tr>
<td style=”width: 190px; text-align: center;”><span style=”font-weight: bold; color: rgb(255, 255, 255); font-size: 11px; font-family: Tahoma;”>HOTSPOT VOUCHER</span><br>
<table class=”kangndo” style=”background-color:#FFFFFF; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 100%; margin-right: auto; margin-left: auto;”>
<tbody>
<tr>
<td style=”width: 50%; text-align: center;”>Package</td>
<td style=”width: 50%; text-align: center;”>%u_actualProfileName%</td>
</tr>
<tr>
<td style=”width: 50%; text-align: center;”>Data limit</td>
<td style=”width: 50%; text-align: center;”>%u_limitDownload%</td>
</tr>
<tr>
<td style=”width: 50%; text-align: center;”>Time Limit</td>
<td style=”width: 50%; text-align: center;”>%u_limitUptime%</td>
</tr>
<tr>
<td style=”width: 50%; text-align: center;”>Validity</td>
<td style=”width: 50%; text-align: center;”>%u_timeLeft%</td>
</tr>
</tbody>
</table>
<table class=”kangndo” style=”border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 100%; margin-right: auto; margin-left: auto;”>
<tbody>
<tr>
<td style=”width: 50%; text-align: center;”><span style=”color: rgb(255, 255, 255); font-family: Tahoma;”>Username</span></td>
<td style=”width: 50%; text-align: center;”><span style=”color: rgb(255, 255, 255); font-family: Tahoma;”>Password</span></td>
</tr>
<tr>
<td style=”background-color:#FFFFFF; width: 50%; text-align: center;”><span style=”color: rgb(163, 180, 200); font-family: Tahoma;”>%u_username%</span></td>
<td style=”background-color:#FFFFFF; width: 50%; text-align: center;”><span style=”color: rgb(163, 180, 200); font-family: Tahoma;”>%u_password%</span></td>
</tr>
</tbody>
</table>
<table class=”kangndo” style=”border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 100%; margin-right: auto; margin-left: auto;”>
<tbody>
<tr>
<td style=”width: 40%; text-align: left;”><span style=”color: rgb(255, 255, 255); font-family: Tahoma;”>Admin</span></td>
<td style=”width: 60%; text-align: right;”><span style=”color: rgb(255, 255, 255); font-family: Tahoma;”>Call: 0838 9989 9334</span></td>
</tr>
</tbody>
</table>
</td>
<td style=”background-color:#FFFFFF; width: 10px; text-align: center;”><div align=”center” class=”vertical-text” >Rp %u_moneyPaid%</div></td>
</tr>
</tbody>
</table>
Setelah selesai klik Save
Sampai sini langkah untuk melakukan custom file pada voucher telah selesai
// Generate Voucher Mikrotik
Langkah selanjutnya adalah mengenerate voucher pada hotspot mikrotik, lihat pada gambar di bawah ini :
Hasilnya :
Untuk melakukan print pada voucher gunakan kombinasi CTRL + P
Atau bisa download seript di bawah ini dan paste pada ROW Download disini
Allhamdulillah materi pembahasan kita tentang : Cara Membuat Voucher Hotspot Pada User Manager Mikrotik telah selesai, untuk modifikasi lebih lanjut mengenai custom file pada voucher ini dapat anda kembangkan sesuai dengan kreatifitas anda masing-masing.
Semoga artikel ini bermanfaat 🙂
Gan mau bertanya. Sedikit mau belajar. Mau bertanya apakah Mikrotik RB750GR3 bisa disetting menggunakan voucher ? Rencana nya saya mau usaha voucher wifi. Biar mudah mengkontrol nya mau menggunakan mikrotik.
bisa mas pakai aplikasi pihak ke 3
contoh mikhmon