Så här bäddar du in ditt fotogalleri på en webbplats
Visa dina evenemangsbilder direkt på valfri webbplats, blogg eller WordPress-sida. Fotify genererar en inbäddningskod som du klistrar in i din HTML, och galleriet visas med automatisk storleksanpassning, temaalternativ och två layoutlägen: rutnät och karusell.
Steg 1: Generera inbäddningskoden
- Gå till Foton i sidofältet
- Klicka på "Dela album" i avsnittet Åtgärder
- Slå på "Offentlig albumåtkomst" om det inte redan är aktiverat
- Skrolla ned och slå på "Bädda in på webbplats"
- Genereraren för inbäddningskod visas
Du behöver först dela ditt album innan du kan generera inbäddningskoder.
Steg 2: Anpassa din inbäddning
Innan du kopierar koden kan du konfigurera följande alternativ:
Tema
Välj bland 10 visuella teman som matchar din webbplats:
- Classic — Ren vit bakgrund med subtila skuggor
- Dark — Stilren mörk bakgrund med glödande accenter
- Minimal — Kantlöst, ingen rubrik — bara dina foton
- Elegant — Serif-typografi med varma, sofistikerade toner
- Modern — Djärva, rundade kort med gradientrubrik
- Polaroid — Nostalgiska fotoramar med vita kanter
- Glass — Frostat glas med transparens och oskärpa
- Neon — Livfull glöd med elektriska accenter
- Magazine — Redaktionell layout med asymmetriskt rutnät
- Sunset — Varm gradient med känsla av gyllene timmen
Layout
- Grid — Foton visas i ett responsivt rutnät (standard). Du kan välja mellan 2–5 kolumner.
- Carousel — Ett bildspel som går vidare automatiskt var 4:e sekund med navigeringspilar och punktindikatorer. Stöder tangentbordets piltangenter.
Max antal foton
Begränsa hur många foton som visas i inbäddningen. Välj "All" för oändlig skroll (rutnätsläge) eller hela uppsättningen (karusellläge).
Steg 3: Klistra in koden
- Klicka på "Copy" för att kopiera inbäddningskoden
- Klistra in den i din webbplats HTML-redigerare
Koden innehåller en <iframe> och ett litet skript som automatiskt anpassar ramens storlek efter innehållet — ingen extra konfiguration behövs.
WordPress
I WordPress-redigeraren lägger du till ett Anpassad HTML-block och klistrar in inbäddningskoden.
Squarespace
Använd ett Kodblock eller Inbäddningsblock och klistra in koden.
Wix
Använd elementet HTML iframe (under "Embed") och klistra in koden.
Valfri HTML-sida
Klistra in koden var som helst inuti <body>-taggen. Galleriet anpassar sig automatiskt till behållarens bredd.
Så fungerar det
- Inbäddningen laddar ditt offentliga album i en iframe
- Foton hämtas i realtid — nya uppladdningar visas automatiskt
- Iframen anpassar automatiskt sin storlek efter innehållets höjd, så att ingen yta slösas
- Om du klickar på ett foto öppnas hela albumet i en ny flik
- Inbäddningen respekterar albumets godkännandeinställningar — endast godkända foton visas
Vanliga frågor
Q: Behöver jag uppdatera inbäddningskoden när jag lägger till nya foton? A: Nej. Inbäddningen laddar foton i realtid från ditt album. Nya godkända foton visas automatiskt.
Q: Kan jag bädda in ett specifikt album från mitt evenemang? A: Ja, inbäddningskoden innehåller albumets unika ID. Om du har flera album får varje album sin egen inbäddningskod.
Q: Fungerar inbäddningen på mobil? A: Ja, galleriet är helt responsivt. Rutnätskolumner justeras automatiskt på mindre skärmar och karusellen fungerar med svep.
Q: Kan besökare ladda upp foton via inbäddningen? A: Nej, inbäddningen är endast för visning. För att låta besökare ladda upp foton kan du dela din QR-kod eller uppladdningslänk.
Q: Saktar inbäddningen ned min webbplats?
A: Nej. Inbäddningen använder loading="lazy" så den laddas först när besökaren skrollar fram till den. Foton levereras via ett CDN för snabb leverans.
Q: Kan jag ändra tema efter att jag har bäddat in?
A: Ja. Temat ställs in via en URL-parameter. Du kan antingen generera om inbäddningskoden med ett annat tema, eller manuellt ändra värdet theme= i iframe-URL:en.
Q: Vad händer om jag inaktiverar offentlig albumåtkomst? A: Inbäddningen visar ett felläge. Aktivera offentlig åtkomst igen för att återställa den.
Q: Finns det en "Powered by Fotify"-vattenstämpel? A: De flesta teman visar en liten sidfot med texten "Powered by Fotify". Det minimala temat gör den mindre framträdande.
Var denna artikel hjälpsam?