Load external image on captive portal

Hello.
I am new to Mikrotik systems and i am having problem to load an external image,that is loaded from an external URL., on the captive portal. Can someone help/advise on that?
Thank you in advance

Anyone?

That maybe getting blocked…
Simply download the Image, load it to your Router, edit the HTML and your image will appear…

@Zacharias The thing is that this specific image must be loaded explicitly by the external server, prior of a user is granted access to Internet.

This posting is short on specifics. Is the host containing/generating this image allowed in your set of walled garden hosts?

use the walled garden section to whitelist the URL or IP address

As i told you in post #3 it may be getting blocked…
In case you must load it externally do as suggested by previous posts and use walled garden…

Let me clarify some things. There is a project WIFI4EU that demands a specific image to be dynamically displayed on the captive portal the snippet code is the following:

Unfortunatelly, that image is not displayed when the rest of the webpage is loaded. Can anyone help on the walled garden cause i have never used that before.

Try this:

/ip hotspot walled-garden ip add action=accept disabled=no dst-host=collection.wifi4eu.ec.europa.eu server=hostspot

Just replace server=hotspot with your hotspot name.

Unfortunately the issue persists, even if i have followed your recommendation. The picture still is not being displayed.

I tested and it works just fine… you dont even have to put the site inside the walled garden…

On every device i checked it there is a scrambled thumbnail indicating that there resides an images and nothing more. Strange!

Did you test on Mobile Devices or Computers too ?

Both!!

Try this:

<a href="" target="_blank" style="border: none;"><img src="https://collection.wifi4eu.ec.europa.eu/media/logo/Wifi4EU-EL.svg" alt="mikrotik" /></a>

Same problem here.

Have anyone solve it?

Looking DNS cache I found that collection.wifi4eu.ec.europa.eu actually is an “alias” of another URL (meaning, collection.wifi4eu.ec.europa.eu has no A record but a CNAME).
Furthermore, this new URL is an alias of another one and so on.

Take a look:
https://dns.google.com/query?name=collection.wifi4eu.ec.europa.eu

WiFi4EU says that we must allow acces to this URL. That’s because if in the future they change the ISP, there is no need to us to update any configuration.

There is any solution to this?

Post your exact config please

Ok Here it is.

/interface bridge
add name=bridgeLAN
/interface pppoe-client
add add-default-route=yes disabled=no interface=ether1 name=pppoe-novatel password=xx user=xx
/interface vlan
add interface=ether2 name=vlan21_2 vlan-id=21
/interface wireless security-profiles
set [ find default=yes ] supplicant-identity=MikroTik
/ip hotspot profile
add dns-name=novatel.hot hotspot-address=10.50.0.1 html-directory=wifi4eu login-by=http-chap,https,mac-cookie name=hsprof
/ip pool
add name=dhcp_gestion ranges=10.56.0.100-10.56.0.254
add name=hs-pool-28 ranges=10.50.0.2-10.50.255.254
/ip dhcp-server
add address-pool=dhcp_gestion disabled=no interface=bridgeLAN name=dhcpGestion
add address-pool=hs-pool-28 disabled=no interface=vlan21_2 name=dhcpHotSpot
/ip hotspot
add address-pool=hs-pool-28 disabled=no interface=vlan21_2 name=hotspot1 profile=hsprof
/interface sstp-client
add connect-to=XXX disabled=no http-proxy=0.0.0.0:4443 name=sstp-novatel password=XXX profile=default-encryption user=XXX
/ip settings
set accept-redirects=yes accept-source-route=yes rp-filter=loose tcp-syncookies=yes
/ip address
add address=192.168.88.2/24 interface=ether8 network=192.168.88.0
add address=10.56.0.1/16 interface=bridgeLAN network=10.56.0.0
add address=10.50.0.1/16 comment="hotspot network" interface=vlan21_2 network=10.50.0.0
/ip dhcp-client
add default-route-distance=2 disabled=no interface=ether1
/ip dhcp-server lease
add address=10.56.0.2 client-id=ff:47:52:c5:8a:0:2:0:0:ab:11:14:65:c4:1c:ea:69:28:db mac-address=74:AC:B9:3D:A4:03 server=dhcpGestion
/ip dhcp-server network
add address=10.50.0.0/16 comment="hotspot network" gateway=10.50.0.1
add address=10.56.0.0/16 dns-server=8.8.8.8,8.8.4.4 gateway=10.56.0.1
/ip dns
set servers=8.8.8.8
add action=passthrough chain=unused-hs-chain comment="place hotspot rules here" disabled=yes
/ip firewall nat
add action=passthrough chain=unused-hs-chain comment="place hotspot rules here" disabled=yes
add action=masquerade chain=srcnat src-address=10.56.0.0/16
add action=masquerade chain=srcnat comment="masquerade hotspot network" src-address=10.50.0.0/16
/ip hotspot user
add name=admin password=admin
/ip hotspot walled-garden
add dst-host=*collection.wifi4eu.ec.europa.eu* server=hotspot1
/ip route
add distance=3 gateway=192.168.88.1
add distance=1 dst-address=192.168.255.0/24 gateway=172.17.0.1

It’s a basic setup for a hotspot.

Hello…

I did post code. Is it enough?

Did you prefer me to post a new thread?

You need to put 13.107.0.0/16 in Walled Garden IP, then work fine.