Jak osadzić galerię zdjęć na stronie internetowej

Wyświetlaj zdjęcia z wydarzenia bezpośrednio na dowolnej stronie internetowej, blogu lub stronie WordPress. Fotify generuje kod osadzania, który wklejasz do HTML, a galeria pojawia się z automatycznym dopasowaniem rozmiaru, opcjami motywu oraz dwoma trybami układu: siatką i karuzelą.

Krok 1: Wygeneruj kod osadzania

Przejdź do sekcji Zdjęcia na pasku bocznym
Kliknij "Udostępnij album" w sekcji Akcje
Włącz "Publiczny dostęp do albumu", jeśli nie jest jeszcze włączony
Kliknij "Osadź na stronie internetowej", aby rozwinąć tę sekcję
Pojawi się generator kodu osadzania

Najpierw musisz udostępnić album, zanim będzie można generować kody osadzania.

Krok 2: Dostosuj osadzanie

Zanim skopiujesz kod, skonfiguruj te opcje:

Motyw

Wybierz jeden z 10 motywów wizualnych, aby dopasować go do swojej strony:

Classic — Czyste białe tło z subtelnymi cieniami
Dark — Eleganckie ciemne tło ze świecącymi akcentami
Minimal — Bez obramowań, bez nagłówka — tylko Twoje zdjęcia
Elegant — Szeryfowa typografia z ciepłymi, dopracowanymi tonami
Modern — Wyraziste, zaokrąglone karty z nagłówkiem w gradiencie
Polaroid — Nostalgiczne ramki zdjęć z białymi obwódkami
Glass — Mrożone szkło z przezroczystością i rozmyciem
Neon — Intensywna poświata z elektrycznymi akcentami
Magazine — Układ redakcyjny z asymetryczną siatką
Sunset — Ciepły gradient z klimatem złotej godziny

Układ

Siatka — Zdjęcia wyświetlane w responsywnej siatce (domyślnie). Możesz wybrać od 2 do 5 kolumn.
Karuzela — Pokaz slajdów, który automatycznie przechodzi do kolejnego zdjęcia co 4 sekundy, z strzałkami nawigacji i wskaźnikami w postaci kropek. Obsługuje klawisze strzałek na klawiaturze.

Maks. liczba zdjęć

Ogranicz, ile zdjęć ma być wyświetlanych w osadzeniu. Wybierz „Wszystkie”, aby włączyć nieskończone przewijanie (tryb siatki) lub pełny zestaw (tryb karuzeli).

Krok 3: Wklej kod

Kliknij "Kopiuj", aby skopiować kod osadzania
Wklej go do edytora HTML swojej strony

Kod zawiera <iframe> oraz mały skrypt, który automatycznie dopasowuje wysokość ramki do zawartości — bez dodatkowej konfiguracji.

WordPress

W edytorze WordPress dodaj blok Custom HTML i wklej kod osadzania.

Squarespace

Użyj Code Block lub Embed Block i wklej kod.

Wix

Użyj elementu HTML iframe (w sekcji "Embed") i wklej kod.

Dowolna strona HTML

Wklej kod w dowolnym miejscu wewnątrz tagu <body>. Galeria automatycznie dopasowuje się do szerokości kontenera.

Jak to działa

Osadzenie ładuje Twój publiczny album wewnątrz iframe
Zdjęcia są pobierane w czasie rzeczywistym — nowe przesłania pojawiają się automatycznie
Iframe automatycznie dopasowuje wysokość do zawartości, dzięki czemu nie ma pustej przestrzeni
Kliknięcie dowolnego zdjęcia otwiera pełny album w nowej karcie
Jeśli Twój album ma hasło, osadzenie poprosi odwiedzających o nie, zanim pokaże jakiekolwiek zdjęcia
Osadzenie uwzględnia ustawienia zatwierdzania albumu — wyświetlane są tylko zatwierdzone zdjęcia

Najczęściej zadawane pytania

Q: Czy muszę aktualizować kod osadzania, gdy dodaję nowe zdjęcia? A: Nie. Osadzenie ładuje zdjęcia w czasie rzeczywistym z Twojego albumu. Nowe zatwierdzone zdjęcia pojawiają się automatycznie.

Q: Czy mogę osadzić konkretny album z mojego wydarzenia? A: Tak, kod osadzania zawiera unikalny identyfikator Twojego albumu. Jeśli masz wiele albumów, każdy z nich ma własny kod osadzania.

Q: Czy osadzenie działa na urządzeniach mobilnych? A: Tak, galeria jest w pełni responsywna. Liczba kolumn siatki automatycznie dostosowuje się na mniejszych ekranach, a karuzela obsługuje przewijanie dotykiem.

Q: Czy odwiedzający mogą przesyłać zdjęcia przez osadzenie? A: Nie, osadzenie służy tylko do wyświetlania. Aby umożliwić odwiedzającym przesyłanie zdjęć, udostępnij swój kod QR lub link do przesyłania.

Q: Czy osadzenie spowalnia moją stronę? A: Nie. Osadzenie używa loading="lazy", więc ładuje się dopiero wtedy, gdy odwiedzający przewinie do tego miejsca. Zdjęcia są serwowane z CDN dla szybkiego dostarczania.

Q: Czy mogę zmienić motyw po osadzeniu? A: Tak. Motyw jest ustawiany za pomocą parametru URL. Możesz ponownie wygenerować kod osadzania z innym motywem albo ręcznie zmienić wartość theme= w adresie URL iframe.

Q: Co się stanie, jeśli wyłączę publiczny dostęp do albumu? A: Osadzenie wyświetli stan błędu. Włącz ponownie dostęp publiczny, aby go przywrócić.

Q: Czy jest znak wodny "Powered by Fotify"? A: Większość motywów pokazuje małą stopkę "Powered by Fotify". Motyw minimalny sprawia, że jest ona mniej widoczna.