Widget van IedereenOveral opnemen in je website

Doorloop de stappen hieronder. Kies eerst het type widget. Stel daarna de filters en weergave in en bepaal hoeveel ruimte je widget nodig heeft. Op het einde krijg je een kant-en-klaar iframe-element dat je kan kopiëren en in je eigen website plakken.

Stap 1. Kies je widget

Kies eerst of je meerdere locaties wilt tonen of 1 specifieke locatie.

Stap 2. Detailweergave instellen

Voor de detailweergave plak je de gewone URL van 1 specifieke locatie.

Welke URL plak je hier?

Gebruik de gewone locatie-URL van IedereenOveral. De generator verwerkt die URL automatisch tot de juiste detailweergave.

Voorbeeld:

https://iedereen.overal.info/locaties/01071-cultuurcentrum-hasselt/

Locatie-URL

Zolang je nog geen locatie-URL invult, tonen we hieronder een voorbeeldlocatie in de preview.

Stap 2. Lijstweergave instellen

Doorloop de tabs hieronder om filters in te stellen.

Weergave

Filterbalk verbergen Vink aan om de filterbalk te verbergen. De bezoeker kan dan niet zelf verder filteren. Wil je meteen de kaart tonen?

Specifieke locaties of naam

Via id De id van een locatie is het laatste deeltje van de url van de detailpagina. Bijvoorbeeld: iedereen.overal.info/locaties/01071-cultuurcentrum-hasselt/ -> 01071-cultuurcentrum-hasselt Gebruik komma’s tussen meerdere locatieverwijzingen als je meerdere locaties wilt tonen. Voor 1 specifieke locatie kies je best de detailweergave in stap 1. Of filteren op bedrijfsnaam? De bedrijfsnaam kan je invullen bij het aanmaken van een locatie.

(Sub)categorie

Als je een categorie en/of type kiest, kan de bezoeker deze niet meer aanpassen.

Categorie Type

Geografisch

Filter op provincies en/of steden.

Steden / gemeenten

Zonder zoekterm tonen we alleen je selectie en een korte lijst. Zoek op postcode of gemeente om meer resultaten te zien.

Provincies

Stap 3. Voorzie ruimte voor de widget

Bepaal hier hoe breed en hoe hoog het widget in je pagina mag zijn.

Hoe en waar ruimte voorzien?

Breedte

Zet het iframe in een container met voldoende ruimte. Gebruik standaard width="100%".

Hoogte (in pixels)

Voorzie genoeg hoogte zodat de widget bruikbaar blijft en de inhoud niet krap wordt. Een iframe schaalt niet automatisch mee in hoogte met zijn inhoud (in tegenstelling tot breedte).

Test responsive

Controleer desktop, tablet en mobiel binnen de beschikbare ruimte van je pagina.

Lijstweergave

De breedte bepaalt of de widget 3, 2 of 1 kolom toont:

≥ 992px (computer): 3 kolommen
768px – 991px (tablet): 2 kolommen
≤ 767px (smartphone): 1 kolom

Widget-titel Breedte Hoogte

Stap 4. Resultaat

Kopieer de iframe-code en plaats hem op de gewenste plaats in je website. Controleer of het resultaat naar wens is en pas aan indien nodig.

Lengte van de URL: tekens

Deze URL is langer dan 2000 tekens. Dat kan problemen geven in browsers, CMS’en of bij het delen van de iframe-code.

De URL blijft binnen de aanbevolen limiet van 2000 tekens.

Iframe-code

Live preview

De preview ververst automatisch bij elke wijziging. Bekijk deze pagina op een breed scherm voor een correcte weergave.

Let op: de preview helpt om de widget snel te controleren. Test daarnaast ook altijd de uiteindelijke pagina in je eigen website voor je hem publiceert.