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. Het iframe is 600 pixels hoog; pas height aan zodat het in je pagina past. Foto's die niet passen, scroll je binnen het kader.
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.
Zet Uurscheidingen aan in het paneel Delen & insluiten van het album om in de widget tijdlabels tussen groepen foto's te tonen, handig bij lange evenementen.
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. |
| data-page-param | ef_page | Naam van de URL-parameter waarin de widget de huidige pagina bijhoudt, zodat een link naar pagina 2 ook pagina 2 opent. Pas hem aan als je site die naam al gebruikt. |
| data-hour-param | ef_hour | Naam van de URL-parameter voor het gekozen uur in het uurfilter. |
De widget toont een klein “Mogelijk gemaakt door EventFlick”-vermelding in de voettekst.
Het beste voor: WordPress-sites — installeer de plugin en kies je album uit een lijst, zonder code te plakken.
Draait je site op WordPress? Gebruik dan de gratis EventFlick-plugin in plaats van code te plakken. De plugin zet de foto's in de HTML van je pagina, met alt-teksten en schema.org-gegevens, zodat zoekmachines een echte galerij zien in plaats van een lege embed. In de browser wordt de galerij daarna de interactieve widget.
Installeren en koppelen
- Download de EventFlick WordPress-plugin (.zip).
- Ga in je WordPress-beheeromgeving naar Plugins → Nieuwe plugin → Plugin uploaden, installeer het gedownloade bestand en activeer het.
- Open EventFlick in het WordPress-menu, klik op Connect EventFlick account en bevestig de korte code op eventflick.nl. Je hoeft geen API-sleutels te kopiëren.
Een album aan een pagina toevoegen
Voeg het element EventFlick Album toe in de editor waarmee je je pagina's bouwt en kies je evenement en album. Het evenement dat via Toegestane insluitdomeinen aan je site gekoppeld is, staat al klaar, en een album dat nog niet gedeeld is, deel je met één klik.
| Paginabouwer | Element | Album kiezen |
|---|---|---|
| Blokeditor (Gutenberg) | Blok EventFlick Album | Evenement en album kiezen uit een lijst |
| Divi 4 en Divi 5 | Module EventFlick Album | Evenement en album kiezen uit een lijst |
| Elementor | Widget EventFlick Album | Evenement en album kiezen uit een lijst |
| WPBakery | Element EventFlick Album | Evenement en album kiezen uit een lijst |
| Beaver Builder (ook Lite) | Module EventFlick Album | Albumtoken plakken |
| Bricks | Element EventFlick Album | Albumtoken plakken |
| Elke andere bouwer of elk thema | [eventflick_album] | Albumtoken plakken |
Elk element heeft dezelfde instellingen: kolommen op desktop (1–6) en mobiel (1–4), foto's per pagina (6–50), een licht of donker thema, de lightbox aan of uit, en een accentkleur. De albumtoken vind je in het paneel Delen & insluiten van het album.
De shortcode
Waar geen EventFlick-element is, zoals in een widgetgebied of een klassiek thema, plak je de shortcode. Alleen de token is verplicht; laat een attribuut weg om de standaardwaarde te gebruiken:
[eventflick_album token="{token}" columns="3" columns_mobile="2"
per_page="24" theme="light" lightbox="yes"
accent_color="#BA7517"]De oudere shortcode [eventflick_embed] werkt nog, maar laadt de galerij in een iframe, en dat tellen zoekmachines niet mee als deel van je pagina.
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. De WordPress-plugin gebruikt dezelfde lijst om dit evenement voor je te kiezen op een site die erin staat.
Zie je deze sectie niet? Dan moet je eigenaar zijn van het evenement, of als beheerder zijn toegevoegd, om insluitdomeinen te wijzigen.