Mikrotik hotspot login page design | Mikrotik hotspot custom login page

Asalam o alikum brothers/sisters, in this tutorial i will show you how you can change or customize the default login page of HOTSPOT in MIKROTIK. /Design login portal for MIKROTIK HOTSPOT .

In this tutorial , we will see How we can change the background image of the login page and add text of our choice to be displayed on the main page.

To start with You need an FTP server for this task. You can use File zilla or WINSCP.

I am using WINSCP. We will connect to the Mikrotik using FTP.

Open FTP App and connect to the Mikrotik Router.

You have to mention “IP address” along with usrename and password of your MIKROTIK . After you click OK , you will be in the “ROOT” directory of MIKROIK Router. IT has important system files in it.

There will be a folder named “Hotspot” , copy it on your PC/Laptop . We will edit files in this folder and after we are done, we will upload this using FTP back on MIKROTIK.

“HOTSPOT” folder has a file in it named “Login”, this has information to be displayed on the Login page of Mikrotik HOTSPOT.

Now it’s time to edit the “LOGIN” file.

Open the “Login” file.

You can see a large html code written in it.

Navigate to <style> tag . you will see under style tag there is background-image option to enter url of background image.

We first need to copy our desired image to “img” folder in main “HOTSPOT” folder. Then add its path in the “Login” file.

“””””””” in this tutorial , i have copied the image to “img” folder and named it to : “comsats” “”””””””””””””””””””””

Next add the url in the “Lgin page as follows: “/img/comsats.jpg/”

Next step is to see how we can text to be displayed on the login page.

Navigate the file to find a <table> tag , under that you can see div class =”notice” , there enter information to be displayed ..

Like “Please enter username pass to continue” OR “Enter your credentials” etc.

Similarly, you can navigate to the end of file to find a last <div> tag , where you can change the text to display at the end of login page . like “Thanks” or “my company” etc

When you are done with editing your file. save it .

Now it’s time to upload the folder back on MIKORTIK using FTp.

Open FTP server , login to Mikrotik and copy the “HOTSPOT” Folder from your PC/Laptop to MIKROTIK and replace it.

Now connect your PC/Laptop to MIKROTIK and open Login page of HOTSPOT. You will be redirected to your custom HOTSPOT Page!

Please share it with others if you find it helpful & don’t forget to watch the video.

VIDEO TUTORIAL:::