Hoe je je fotogalerij op een website insluit

Toon je eventfoto’s direct op elke website, blog of WordPress-pagina. Fotify genereert een insluitcode die je in je HTML plakt, waarna de galerij verschijnt met automatisch schalen, thema-opties en twee lay-outmodi: raster en carrousel.

Stap 1: Genereer de insluitcode

Ga naar Photos in de zijbalk
Klik op "Share Album" in het gedeelte Actions
Zet "Public Album Access" aan als dit nog niet is ingeschakeld
Scrol omlaag en zet "Embed on Website" aan
De generator voor insluitcode verschijnt

Je moet eerst je album delen voordat je insluitcodes kunt genereren.

Stap 2: Pas je insluiting aan

Configureer deze opties voordat je de code kopieert:

Thema

Kies uit 10 visuele thema’s die bij je website passen:

Classic — Strakke witte achtergrond met subtiele schaduwen
Dark — Stijlvolle donkere achtergrond met gloeiende accenten
Minimal — Zonder randen, geen header — alleen je foto’s
Elegant — Serif-typografie met warme, verfijnde tinten
Modern — Opvallende afgeronde kaarten met header met kleurverloop
Polaroid — Nostalgische fotolijstjes met witte randen
Glass — Matglas-effect met transparantie en vervaging
Neon — Levendige gloed met elektrische accenten
Magazine — Redactionele lay-out met asymmetrisch raster
Sunset — Warm kleurverloop met golden-hour sfeer

Lay-out

Grid — Foto’s worden weergegeven in een responsief raster (standaard). Je kunt kiezen tussen 2–5 kolommen.
Carousel — Een diavoorstelling die elke 4 seconden automatisch doorschakelt, met navigatiepijlen en stip-indicatoren. Ondersteunt de pijltoetsen op het toetsenbord.

Max Photos

Beperk hoeveel foto’s worden weergegeven in de insluiting. Kies "All" voor oneindig scrollen (rastermodus) of de volledige set (carrouselmodus).

Stap 3: Plak de code

Klik op "Copy" om de insluitcode te kopiëren
Plak deze in de HTML-editor van je website

De code bevat een <iframe> en een klein script dat het frame automatisch schaalt zodat het op de inhoud past — geen extra configuratie nodig.

WordPress

Voeg in de WordPress-editor een blok Custom HTML toe en plak de insluitcode.

Squarespace

Gebruik een Code Block of Embed Block en plak de code.

Wix

Gebruik het element HTML iframe (onder "Embed") en plak de code.

Elke HTML-pagina

Plak de code ergens binnen de <body>-tag. De galerij past zich automatisch aan de breedte van de container aan.

Zo werkt het

De insluiting laadt je openbare album in een iframe
Foto’s worden in real time opgehaald — nieuwe uploads verschijnen automatisch
Het iframe schaalt automatisch mee met de inhoudshoogte, zodat er geen onnodige ruimte is
Als je op een foto klikt, wordt het volledige album in een nieuw tabblad geopend
De insluiting respecteert de goedkeuringsinstellingen van je album — alleen goedgekeurde foto’s worden getoond

Veelgestelde vragen

V: Moet ik de insluitcode bijwerken wanneer ik nieuwe foto’s toevoeg? A: Nee. De insluiting laadt foto’s in real time vanuit je album. Nieuwe goedgekeurde foto’s verschijnen automatisch.

V: Kan ik een specifiek album van mijn event insluiten? A: Ja, de insluitcode bevat de unieke ID van je album. Als je meerdere albums hebt, krijgt elk album zijn eigen insluitcode.

V: Werkt de insluiting op mobiel? A: Ja, de galerij is volledig responsief. Rasterkolommen passen zich automatisch aan op kleinere schermen, en de carrousel werkt met vegen via touch.

V: Kunnen bezoekers foto’s uploaden via de insluiting? A: Nee, de insluiting is alleen om te bekijken. Om bezoekers foto’s te laten uploaden, deel je je QR code of uploadlink.

V: Maakt de insluiting mijn website trager? A: Nee. De insluiting gebruikt loading="lazy" zodat deze pas laadt wanneer de bezoeker ernaartoe scrolt. Foto’s worden vanaf een CDN geleverd voor snelle weergave.

V: Kan ik het thema wijzigen nadat ik het heb ingesloten? A: Ja. Het thema wordt ingesteld via een URL-parameter. Je kunt de insluitcode opnieuw genereren met een ander thema, of handmatig de waarde theme= in de iframe-URL aanpassen.

V: Wat gebeurt er als ik openbare albumtoegang uitschakel? A: De insluiting toont dan een foutstatus. Schakel public access opnieuw in om dit te herstellen.

V: Is er een "Powered by Fotify"-watermerk? A: De meeste thema’s tonen een kleine footer met "Powered by Fotify". In het minimal-thema is dit minder opvallend.