Met het HogeNood iFrame kunnen de toiletten van de partner worden weergegeven op één of meerdere domeinen.
Een iFrame is een stukje HTML-code waarmee je inhoud van een andere website op je eigen website kunt laten zien. Je kunt het zien als een soort venster waarin bijvoorbeeld een video wordt afgespeeld, zonder dat bezoekers daarvoor naar een andere website hoeven te gaan.
Voorwaarden werking iFrame
De iFrame werkt alleen onder bepaalde voorwaarden zoals uitgelegd in het artikel omtrent de activatie van het iFrame.
iFrame is geactiveerd;
De functionaliteit iFrame is inbegrepen in het pakket, of door HogeNood geactiveerd;
De domein waarop de iFrame is geplaatst, staat tussen de toegestane domeinnamen in het CMS.
De HogeNood server is online.
iFrame toevoegen aan de website
Plaats de HTML-code van het iFrame op de pagina waar het iFrame zichtbaar moet zijn.
Pas
widthenheightaan naar de gewenste afmetingen.Voeg eventueel een titel toe voor als de screenreaders.
Online zijn alle HTML props te vinden voor iframe's.
Voeg een achtergrond, border of schaduw toe om de iframe uit te laten blinken op de site.
border: 2px solid #ddd; border-radius: 14px;
Belangrijke aandachtspunten
Responsive design: Gebruik
width="100%"om het iFrame automatisch aan te passen aan de schermbreedte. Voor mobiele apparaten kan een container met maximale hoogte worden gebruikt. Zorg er ook voor dat er aan de zijkanten rekening wordt gehouden met voldoende maar niet te veel padding of margin. Een te kleine iframe resulteert in slecht leesbare toiletgegevens.HTTPS: Zorg dat de website HTTPS gebruikt; moderne browsers blokkeren vaak iFrames van HTTPS-bronnen op niet-HTTPS-pagina's.
Toegankelijkheid: Het toevoegen van een
titleaan het iFrame helpt schermlezers om de inhoud te identificeren.Cross-domain beperkingen: Het iFrame kan alleen worden weergegeven; interactie met de inhoud is beperkt door browserbeveiliging.
Caching en prestaties: Gebruik
loading="lazy"zodat het iFrame pas wordt geladen wanneer zichtbaar voor de gebruiker.
Het is belangrijk dat de website waarop de iframe code geplaatst wordt overdeel is van de toegestane domeinen.
Testen
Controleer of het iFrame correct wordt weergegeven op desktop en mobiele apparaten.
Test of filters of zoekfuncties binnen het iFrame correct functioneren.
Gebruik element inspecteren om de iframe code in de website te plakken, hiermee is te controleren of de iframe werkt, en de site toegestaan is, of de output van de iframe te zien, zonder een interne developer nodig te hebben.
