Skip to content

WebFig

These instructions will guide you through configuration of your Mikrotik to work with Social WiFi, but without using Winbox software. This solution could be useful if you are using an operating system other than Windows.

Please complete every step as detailed below.

Compatibility

Social WiFi has been tested and is proven to work on the following configurations:

RouterOS versions:

  • 6.x
  • 7.5 and newer (hotspot doesn’t work on RouterOS 7.x below version 7.5)

Connect the router

Plug an ethernet cable into port 2 of your Mikrotik. Plug in the other side into your computer. Insert internet cable into port 1 of your Mikrotik.

Open WebFig

Open an internet browser (Firefox, Google Chrome, Internet Explorer, etc.) and open page:
http://192.168.88.1/ and choose WebFig in top right corner.

image_394299.png

Add a bridge

In WebFig go into the “Interfaces” section in the menu on the left side of the page.

Click [Add New] button.

image_576374.png

Select “Bridge

image_719054.png

Insert new name: “sw” and accept by clicking [Apply].

image_211614.png

Configure the bridge

Select section “IP” and subsection “Addresses” in the menu on the left side of the page.

Click [Add New] button.

image_844021.png

Fill in the form:

EnabledYes
Address10.8.0.1/16
Network10.8.0.0
Interfacesw

You can leave the “Comment” field empty.

Click [Apply].

image_149792.png

Add IP address pool

Select section “IP” and subsection “Pool” in the menu on the left side of the page.

Click [Add New] button.

image_567849.png

Fill in the form:

Namedhcp_pool_sw
Addresses10.8.0.2-10.8.255.254
Apply

image_906137.png

Add DHCP server

Select section “IP” and subsection “DHCP Server” in the menu on the left side of the page.

Click [Add New] button.

image_858729.png

Fill in the form:

EnabledYes
Namedhcp_sw
Interfacesw
Lease Time3d 00:00:00
Address Pooldhcp_pool_sw
Apply

image_376444.png

Add address and gateway to the DHCP server

Select section “IP” and subsection “DHCP Server” in the menu on the left side of the page.

Select tab “Networks” on the top of the page.

Click [Add New] button.

image_263156.png

Fill in the form:

Address10.8.0.0/16
Gateway10.8.0.1
DNS Servers10.8.0.1
Apply

image_798749.png

Configure your RADIUS

Select section “Radius” in the menu on the left side of the page.

Click [Add New] button.

image_346905.png

Fill in the form:

Enabledyes
Servicehotspot
Address35.205.62.147
SecretRadius Secret available in Access Points tab of the Social WiFi Panel
Authentication Port31812
Accounting Port31813
Timeout1000
Apply

image_809838.png

Download hotspot files

Select section “Quick Set” in the menu on the top right of the page.

Write down or copy value of “MAC Address” field.

image_291361.png

Open following page in any internet browser:

Type or paste “MAC Address” value from the previous step into “MAC address” field.

Click [Get files].

image_608766.png

Locate the downloaded file on your computer. It may be in Downloads folder.

Right click on the file and select [Extract All…].

image_277149.png

On the newly opened “Extract Compressed (Zipped) Folders” window click [Extract].

New folder will appear, containing files required for the following steps.

Select section “Files” in the menu on the left side of the page.

image_458117.png

Click [Browse…]

image_345042.png

Navigate to the extracted files from step Extract the .zip file. Select “login.html” and accept.

Repeat this steps for:

  • “md5.js” file.
  • “rlogin.html” file.
  • “flogin.html” file.
  • “alogin.html” file.

Configure your hotspot

Select section “IP” and subsection “Hotspot” in the menu on the left side of the page.

Select tab “Server profiles” on the top of the page.

Click “default” name.

image_527496.png

Fill in the form:

DNS Namelogging.sw.com
HTML Directory. (period) (IMPORTANT: If your Files section contains a “flash” folder, make sure this field says “flash/.” without question marks)
Use RADIUSyes
Login ByHTTP PAP
Apply

image_804589.png

Select section “IP” and subsection “Hotspot” in the menu on the left side of the page.

Click [Add New] button

image_358100.png

Fill in the form:

Namesocialwifi
Interfacesw
Address Pooldhcp_pool_sw
Idle Timeout00:05:00
Apply

image_889068.png

Select tab “User profiles” on the top of the page.

Click “default” name.

image_792588.png

Fill in the form:

Address Pooldhcp_pool___sw
Keepalive Timeout3d 00:00:00

image_928087.png

Walled Garden – add a comment

Select section “IP” and subsection “Hotspot” in the menu on the left side of the page.

Select tab “Walled Garden” on the top of the page.

Click [Add New] button.

image_690170.png

Uncheck “Enabled”.

Clear the field “Dst. Host”.

Fill in the form:

Commentplace hotspot rules here
Apply

image_926091.png

Walled Garden – allow domains

You should be on the page opened in the previous step (12. Walled Garden – add a comment).

Click [Add New] button.

image_690170.png

Fill in the form:

Dst. Hostsw-login.com
Apply

image_974388.png

Repeat those steps for each of the addresses below:

Mandatory:

*.socialwifi.com
sw-login.com
*.youtube.com
youtube-ui.l.google.com
ytimg.l.google.com
*.ytimg.com
*.googlevideo.com
yt3.ggpht.com
*.l.googleusercontent.com
*.facebook.com
connect.facebook.net
*.fbcdn.net
www.googletagmanager.com
www-googletagmanager.l.google.com
www.googleadservices.com
pagead.l.doubleclick.net
www.google.*
facebook.com
*.facebook.com
*.fbcdn.net
linkedin.com
*.linkedin.com
*.l-msedge.net
*.dc-msedge.net
*.licdn.com
*.epsiloncdn.net
*.akamai.net
www.linkedin.com.cdn.cloudflare.net
x.com
api.x.com
tpop-api.x.com
twitter.com
api.twitter.com
*.twitter.com
*.twimg.com
*.edgecastcdn.net
*.akahost.net
pbs.twimg.com.cdn.cloudflare.net
twimg.twitter.map.fastly.net

(optional) YouTube widget

How to configure devices to make YouTube widget work?

Add bridge for WiFi

Select section “Bridge” and subsection “Ports” in the menu on the left side of the page.

image_494545.png

A list will appear. If it already has a bridge for interface called “wlan1”, remove it by clicking [-] button on the left side of it.

image_737993.png

Click [Add New] button.

Fill in the form:

Interfacewlan1
Bridgesw
Apply

image_153884.png

Set SSID

Select section “Interfaces” in the menu on the left side of the page.

Click “wlan1” entry on the list of interfaces.

image_216409.png

Fill in the form:

Enabledyes
Modeap bridge
SSIDYour desired network name
Apply

image_469141.png

Reboot

Select section “System” and subsection “Reboot” in the menu on the left side of the page.

image_547191.png

image_164661.png