So betten Sie Ihre Fotogalerie in eine Website ein

Zeigen Sie Ihre Eventfotos direkt auf jeder Website, in einem Blog oder auf einer WordPress-Seite an. Fotify erstellt einen Einbettungscode, den Sie in Ihr HTML einfügen. Die Galerie erscheint dann mit automatischer Größenanpassung, Theme-Optionen und zwei Layout-Modi: Raster und Karussell.

Schritt 1: Einbettungscode generieren

Gehen Sie in der Seitenleiste zu Fotos
Klicken Sie im Bereich „Aktionen“ auf "Album teilen"
Aktivieren Sie "Öffentlicher Albumzugriff", falls noch nicht aktiviert
Scrollen Sie nach unten und aktivieren Sie "Auf Website einbetten"
Der Generator für den Einbettungscode wird angezeigt

Sie müssen Ihr Album zuerst teilen, bevor Sie Einbettungscodes generieren können.

Schritt 2: Einbettung anpassen

Bevor Sie den Code kopieren, konfigurieren Sie diese Optionen:

Theme

Wählen Sie aus 10 visuellen Themes, passend zu Ihrer Website:

Classic — Klarer weißer Hintergrund mit dezenten Schatten
Dark — Eleganter dunkler Hintergrund mit leuchtenden Akzenten
Minimal — Ohne Rahmen, ohne Kopfzeile — nur Ihre Fotos
Elegant — Serifenschrift mit warmen, edlen Farbtönen
Modern — Auffällige, abgerundete Karten mit Verlauf in der Kopfzeile
Polaroid — Nostalgische Fotoframes mit weißen Rändern
Glass — Milchglasoptik mit Transparenz und Weichzeichnung
Neon — Lebendiges Leuchten mit elektrischen Akzenten
Magazine — Redaktionslayout mit asymmetrischem Raster
Sunset — Warmer Verlauf mit Golden-Hour-Stimmung

Layout

Grid — Fotos werden in einem responsiven Raster angezeigt (Standard). Sie können zwischen 2–5 Spalten wählen.
Carousel — Eine Slideshow, die alle 4 Sekunden automatisch weiterschaltet, mit Navigationspfeilen und Punkt-Indikatoren. Unterstützt die Pfeiltasten der Tastatur.

Max Photos

Begrenzen Sie, wie viele Fotos in der Einbettung angezeigt werden. Wählen Sie „All“ für unendliches Scrollen (Rastermodus) oder den vollständigen Satz (Karussellmodus).

Schritt 3: Code einfügen

Klicken Sie auf "Copy", um den Einbettungscode zu kopieren
Fügen Sie ihn in den HTML-Editor Ihrer Website ein

Der Code enthält ein <iframe> sowie ein kleines Script, das die Frame-Größe automatisch an den Inhalt anpasst — keine zusätzliche Einrichtung erforderlich.

WordPress

Fügen Sie im WordPress-Editor einen Custom HTML-Block hinzu und fügen Sie den Einbettungscode ein.

Squarespace

Verwenden Sie einen Code Block oder Embed Block und fügen Sie den Code ein.

Wix

Verwenden Sie das Element HTML iframe (unter „Embed“) und fügen Sie den Code ein.

Jede HTML-Seite

Fügen Sie den Code an beliebiger Stelle innerhalb des <body>-Tags ein. Die Galerie passt sich automatisch an die Breite des Containers an.

So funktioniert es

Die Einbettung lädt Ihr öffentliches Album in einem iframe
Fotos werden in Echtzeit abgerufen — neue Uploads erscheinen automatisch
Das iframe passt seine Höhe automatisch an den Inhalt an, sodass kein Platz verschwendet wird
Ein Klick auf ein Foto öffnet das vollständige Album in einem neuen Tab
Die Einbettung berücksichtigt die Freigabeeinstellungen Ihres Albums — es werden nur freigegebene Fotos angezeigt

Häufig gestellte Fragen

F: Muss ich den Einbettungscode aktualisieren, wenn ich neue Fotos hinzufüge? A: Nein. Die Einbettung lädt Fotos in Echtzeit aus Ihrem Album. Neue freigegebene Fotos erscheinen automatisch.

F: Kann ich ein bestimmtes Album von meinem Event einbetten? A: Ja, der Einbettungscode enthält die eindeutige ID Ihres Albums. Wenn Sie mehrere Alben haben, erhält jedes seinen eigenen Einbettungscode.

F: Funktioniert die Einbettung auf Mobilgeräten? A: Ja, die Galerie ist vollständig responsiv. Rasterspalten passen sich auf kleineren Bildschirmen automatisch an, und das Karussell funktioniert mit Wischgesten.

F: Können Besucher über die Einbettung Fotos hochladen? A: Nein, die Einbettung ist nur zur Ansicht. Damit Besucher Fotos hochladen können, teilen Sie Ihren QR-Code oder den Upload-Link.

F: Verlangsamt die Einbettung meine Website? A: Nein. Die Einbettung verwendet loading="lazy", sodass sie erst lädt, wenn Besucher dorthin scrollen. Fotos werden für schnelle Auslieferung über ein CDN bereitgestellt.

F: Kann ich das Theme nach dem Einbetten ändern? A: Ja. Das Theme wird über einen URL-Parameter festgelegt. Sie können den Einbettungscode mit einem anderen Theme neu generieren oder den Wert theme= in der iframe-URL manuell ändern.

F: Was passiert, wenn ich den öffentlichen Albumzugriff deaktiviere? A: Die Einbettung zeigt dann einen Fehlerzustand an. Aktivieren Sie den öffentlichen Zugriff erneut, um ihn wiederherzustellen.

F: Gibt es ein „Powered by Fotify“-Wasserzeichen? A: Die meisten Themes zeigen eine kleine „Powered by Fotify“-Fußzeile. Im Minimal-Theme ist sie weniger prominent.