Handleidingen
Deel & sluit je albums overal in
Elk EventFlick-album kun je delen via een openbare link en binnen enkele minuten insluiten op je eigen website — geen code nodig, en het zit bij elk abonnement inbegrepen.
1. De openbare link van je album ophalen
Open het album dat je wilt delen, klap het paneel Delen & insluiten open en zet Openbare toegang aan. Dit genereert een openbare link die voor iedereen werkt — geen EventFlick-account of inloggen nodig.
Iedereen met de link kan de foto's van het album bekijken en downloaden. Zet ook het uurfilter aan als je bezoekers foto's wilt laten filteren op het tijdstip waarop ze zijn genomen — handig bij bruiloften en andere evenementen die uren duren.
Komt een link ooit ergens terecht waar je dat niet wilde? Klik dan op “Link vernieuwen” in het paneel Delen & insluiten van het album om een nieuwe URL te genereren en de oude ongeldig te maken.
2. Kies hoe je het insluit
Kies wat bij je website past — je kunt later altijd wisselen.
Het beste voor: elke websitebouwer — één HTML-tag, geen setup.
De eenvoudigste manier om een album op je eigen website te zetten is een iframe. Het paneel Delen & insluiten van je album bevat een kant-en-klare code — kopieer die zo, of gebruik onderstaand patroon met je eigen albumtoken:
<iframe src="https://eventflick.nl/embed/album/{token}"
width="100%" height="600" frameborder="0"
allowfullscreen loading="lazy"></iframe>Plak de code overal waar je aangepaste HTML kunt toevoegen: het HTML-blok van je CMS, het insluitelement van een paginabouwer, of rechtstreeks in een template. De inslag past zijn hoogte automatisch aan de inhoud aan, dus je hoeft geen hoogte te raden.
Dit werkt op WordPress, Squarespace, Wix, Webflow en elke maatwerksite — overal waar een iframe-tag is toegestaan.
Het beste voor: een natuurlijke uitstraling die de lettertypes en lay-out van je eigen site volgt.
Wil je een natuurlijkere uitstraling — die de lettertypes en lay-out van je eigen site volgt in plaats van in een kader te leven — gebruik dan de JavaScript-widget. Kopieer de code uit het paneel Delen & insluiten van je album, of pas onderstaand patroon aan:
<div id="ef-album"></div>
<script src="https://eventflick.nl/widget/album/{token}.js"
data-target="#ef-album"
data-columns="3"
data-per-page="24"></script>De widget toont een responsief fotorooster met een lightbox, paginering en — indien ingeschakeld — een uurfilterbalk, rechtstreeks op je pagina, zonder iframe.
Aanpassingsopties
| Attribuut | Standaard | Wat het doet |
|---|---|---|
| data-target | #ef-album | CSS-selector van het element waarin de widget wordt geplaatst. |
| data-columns | 3 | Aantal kolommen van het rooster op bredere schermen. |
| data-columns-mobile | 2 | Aantal kolommen van het rooster op smalle schermen. |
| data-per-page | 24 | Aantal foto's per pagina (maximaal 50). |
| data-theme | light | light of dark — past de kleuren van de widget aan je pagina aan. |
| data-lightbox | true | Zet op false om de lightbox (uitvergroten bij klikken) uit te schakelen. |
| data-bg | — | Aangepaste achtergrondkleur (elke CSS-kleurwaarde), overschrijft de standaardkleur van het thema. |
| data-color | #BA7517 | Accentkleur voor knoppen, actieve filters en links. |
De widget toont een klein “Mogelijk gemaakt door EventFlick”-vermelding in de voettekst.
Het beste voor: WordPress-sites — installeer een plugin, geen code plakken.
Draai je site op WordPress? Sla het handmatig plakken van code over en gebruik in plaats daarvan de officiële EventFlick-blokplugin.
- Download de EventFlick WordPress-plugin (.zip).
- Ga in je WordPress-beheeromgeving naar Plugins → Nieuwe plugin → Plugin uploaden, installeer het gedownloade bestand en activeer het.
- Voeg in de WordPress-editor het blok “EventFlick Album” toe op de plek waar de galerij moet verschijnen.
- Plak het token van je album — te vinden naast het WordPress-blokveld in het paneel Delen & insluiten — in het instellingenpaneel van het blok.
Het beste voor: tools die een geplakte link automatisch insluiten, zoals Notion.
Sommige tools hebben helemaal geen iframe of widgetcode nodig. Platforms die de oEmbed-standaard ondersteunen — waaronder de ingebouwde insluitfunctie van WordPress, Notion en verschillende andere blog- en notitietools — zetten een openbare albumlink die je op een eigen regel plakt automatisch om in een rijke insluiting.
Onder de motorkap gebeurt dit door een aanvraag naar /oembed/album/{token}, die de insluit-HTML als JSON teruggeeft volgens de oEmbed 1.0-specificatie.
3. Beperken welke sites je album mogen insluiten
Zodra je een album openbaar hebt gemaakt, kunnen het iframe en de widget standaard op elke website worden ingesloten. Wil je dit liever beperken tot je eigen domein(en) — bijvoorbeeld om te voorkomen dat iemand anders je galerij op zijn site kopieert — dan beperk je dit per evenement:
- Open het evenement waar het album bij hoort (niet het album zelf).
- Scroll naar de sectie Toegestane insluitdomeinen — alleen zichtbaar voor de eigenaar van het evenement en de beheerders ervan.
- Voer één domein per regel in, bijv. example.com. Laat leeg om insluiting op elke site toe te staan.
- Klik op de knop Domeinen opslaan om het toe te passen.
Dit geldt voor alle albums binnen dat evenement. Eenmaal ingesteld worden inslagen op elk ander domein geblokkeerd via de Content-Security-Policy van de browser, en weigert de API van de widget cross-origin-verzoeken van domeinen die niet op de lijst staan.
Zie je deze sectie niet? Dan moet je eigenaar zijn van het evenement, of als beheerder zijn toegevoegd, om insluitdomeinen te wijzigen.