Sådan integrerer du dit fotogalleri på et website
Vis dine eventfotos direkte på enhver hjemmeside, blog eller WordPress-side. Fotify genererer en indlejringskode, som du indsætter i din HTML, hvorefter galleriet vises med automatisk tilpasning af størrelse, temaindstillinger og to layouttilstande: gitter og karrusel.
Trin 1: Generér indlejringskoden
- Gå til Fotos i sidepanelet
- Klik på "Del album" i sektionen Handlinger
- Slå "Offentlig adgang til album" til, hvis det ikke allerede er aktiveret
- Rul ned, og slå "Integrér på website" til
- Generatoren til indlejringskode vises
Du skal først dele dit album, før du kan generere indlejringskoder.
Trin 2: Tilpas din indlejring
Før du kopierer koden, skal du konfigurere disse indstillinger:
Tema
Vælg mellem 10 visuelle temaer, der passer til din hjemmeside:
- Classic — Ren hvid baggrund med diskrete skygger
- Dark — Strømlinet mørk baggrund med glødende accenter
- Minimal — Uden kanter, ingen overskrift — kun dine fotos
- Elegant — Serif-typografi med varme, raffinerede toner
- Modern — Markante, afrundede kort med gradient-overskrift
- Polaroid — Nostalgiske fotolrammer med hvide kanter
- Glass — Matteret glas med gennemsigtighed og sløring
- Neon — Livlig glød med elektriske accenter
- Magazine — Redaktionelt layout med asymmetrisk gitter
- Sunset — Varm gradient med "golden hour"-stemning
Layout
- Grid — Fotos vises i et responsivt gitter (standard). Du kan vælge mellem 2-5 kolonner.
- Carousel — Et slideshow, der automatisk skifter hvert 4. sekund med navigationspile og prikindikatorer. Understøtter tastaturets piletaster.
Maks. fotos
Begræns, hvor mange fotos der vises i indlejringen. Vælg "All" for uendelig scroll (gittertilstand) eller hele sættet (karruseltilstand).
Trin 3: Indsæt koden
- Klik på "Copy" for at kopiere indlejringskoden
- Indsæt den i din hjemmesides HTML-editor
Koden indeholder en <iframe> og et lille script, der automatisk tilpasser rammens størrelse, så den passer til indholdet — ingen ekstra opsætning nødvendig.
WordPress
I WordPress-editoren skal du tilføje en Custom HTML-blok og indsætte indlejringskoden.
Squarespace
Brug en Code Block eller Embed Block, og indsæt koden.
Wix
Brug elementet HTML iframe (under "Embed"), og indsæt koden.
Enhver HTML-side
Indsæt koden hvor som helst inde i <body>-tagget. Galleriet tilpasser sig automatisk containerens bredde.
Sådan fungerer det
- Indlejringen indlæser dit offentlige album i en iframe
- Fotos hentes i realtid — nye uploads vises automatisk
- Iframen tilpasser automatisk højden til indholdet, så der ikke er spildplads
- Når man klikker på et foto, åbnes hele albummet i en ny fane
- Indlejringen respekterer dit albums godkendelsesindstillinger — kun godkendte fotos vises
Ofte stillede spørgsmål
Q: Skal jeg opdatere indlejringskoden, når jeg tilføjer nye fotos? A: Nej. Indlejringen indlæser fotos i realtid fra dit album. Nye godkendte fotos vises automatisk.
Q: Kan jeg indlejre et bestemt album fra mit event? A: Ja, indlejringskoden indeholder dit albums unikke ID. Hvis du har flere albums, får hvert album sin egen indlejringskode.
Q: Virker indlejringen på mobil? A: Ja, galleriet er fuldt responsivt. Gitterkolonner justeres automatisk på mindre skærme, og karrusellen fungerer med swipe.
Q: Kan besøgende uploade fotos via indlejringen? A: Nej, indlejringen er kun til visning. For at lade besøgende uploade fotos kan du dele din QR-kode eller upload-link.
Q: Gør indlejringen mit website langsommere?
A: Nej. Indlejringen bruger loading="lazy", så den først indlæses, når den besøgende ruller hen til den. Fotos leveres fra et CDN for hurtig levering.
Q: Kan jeg skifte tema efter indlejring?
A: Ja. Temaet angives via en URL-parameter. Du kan enten generere indlejringskoden igen med et andet tema eller manuelt ændre theme=-værdien i iframe-URL’en.
Q: Hvad sker der, hvis jeg deaktiverer offentlig adgang til albummet? A: Indlejringen vil vise en fejltilstand. Aktivér offentlig adgang igen for at gendanne den.
Q: Er der et "Powered by Fotify"-vandmærke? A: De fleste temaer viser en lille "Powered by Fotify"-footer. Det minimale tema gør det mindre fremtrædende.
Var denne artikel nyttig?