Embed/iFrame
Printgalerie im Framer-Layout verankern
Der Embed-/iFrame-Bereich sitzt dort, wo Besucher nach Projekttext, Portfolio oder Kampagne direkt in die bestellbare Bildserie einsteigen sollen.
Framer-Fotoprint-Shop
Fotoprint-Shop in eine Framer-Webseite einbetten
Du setzt den GalleryDock-Embed-Code in einen Framer-Embed-/iFrame-Bereich. Kunden wählen dort ihr Motiv, vergleichen Printgröße und Ausschnitt und gehen direkt in den Warenkorb. Layout, Canvas und Breakpoints bleiben der sichtbare Rahmen rund um den Kaufweg.
Embed-/iFrame-Bereich im Framer-Seitenabschnitt
Kunden bestellen direkt am Bild
Vorschau, Warenkorb und Checkout verbunden
Printgalerie im redaktionellen Seitenkontext
Der Framer-Seitenabschnitt führt in die Galerie; Motiv, Printauswahl und Kaufweg bleiben anschließend zusammen.
Angebot
Prints passend zur Galerie anbieten
Produkte, Größen und Preise werden in GalleryDock für die konkrete Kundengalerie aktiviert und bleiben dort zentral steuerbar.
Vorschau
Printentscheidung direkt am Bild treffen
Kunden prüfen Ausschnitt, Safezone, Ausrichtung und Raumwirkung direkt am gewählten Motiv, bevor der Print im Warenkorb landet.
Breakpoints
Darstellung im echten Seitenlayout prüfen
Nach dem Einsetzen prüfst du Canvas-Breite, Innenabstände und die veröffentlichten Framer-Breakpoints, damit die Galerie genug Raum erhält.
Das Wichtigste in Kürze
Framer ordnet den Inhalt, GalleryDock führt den Printkauf
Du aktivierst Produkte, Größen und Preise in GalleryDock und setzt den Embed-Code in einen Framer-Embed-/iFrame-Bereich im gewünschten Seitenabschnitt ein.
Framer liefert Seitenstruktur, Layout und Breakpoints. GalleryDock verbindet Kundenbild, Produktwahl, Formatprüfung, Warenkorb und Checkout.
Framer-Printshop-Ablauf
Vom Galerieangebot zum Framer Embed/iFrame
Der Framer-Seitenabschnitt gibt Besuchern Orientierung. In der eingebetteten GalleryDock-Galerie folgen Motivauswahl, Printvorschau und Kauf ohne einen zweiten Produktkatalog.
Galerie und Printangebot vorbereiten
Du bereitest die Kundengalerie vor und aktivierst die passenden Printprodukte, Größen und Preise in GalleryDock.
Printgalerie in Framer einbinden
Du kopierst den GalleryDock-Embed-Code und setzt ihn im vorgesehenen Framer-Seitenabschnitt in einen Embed-/iFrame-Bereich ein.
Darstellung und Kaufweg prüfen
Du kontrollierst Canvas-Breite, Innenabstand und die veröffentlichten Desktop-, Tablet- und Mobile-Breakpoints sowie den Übergang in den Kaufdialog.
Print direkt am Motiv bestellen
Kunden öffnen ein Motiv, wählen Digitalbild oder Print, prüfen Format und Raumwirkung und gehen über Warenkorb und Checkout weiter.
Entscheidungshilfe
Ein Galerie-Printshop passt, wenn Kunden direkt am Bild wählen
Für eine reine Bildstrecke reicht ein normaler Framer-Block. Wenn Kunden Motive auswählen, Vorschauen prüfen und Prints kaufen sollen, verbindet die eingebettete Galerie diese Schritte.
Printserie auf einer Framer-Projektseite
Eine kuratierte Architekturserie beginnt mit Projekttext und ausgewählten Leitmotiven. Im folgenden Embed/iFrame öffnen Besucher die vollständige Galerie und wählen ihren Print am Bild.
Portrait-Nachbestellseite nach dem Shooting
Nach einem Portraitshooting führt eine fokussierte Landingpage zur freigegebenen Galerie. Canvas-Breite und Innenabstand werden so gesetzt, dass Auswahl und Kaufdialog nicht wie ein angehängtes Fremdelement wirken.
Fotoprint-Bereich auf einer Kampagnenseite
Eine Kampagnenseite führt durch Thema, Anlass und ausgewählte Leitmotive. Im eingebetteten Fotoprint-Bereich bleiben Bild, Produktgröße, Ausschnitt und Raumansicht im GalleryDock-Kaufweg verbunden.
Kaufworkflow statt statischer Bildstrecke
Für wenige dekorative Portfoliofotos reicht eine statische Framer-Bildstrecke. Der Embed passt, wenn Kunden aus einer echten Galerie auswählen und Prints bestellen sollen.
Digitales Bild oder Print
Wenn du beides anbietest, wechseln Kunden im selben Kaufdialog zwischen digitalem Bild und Printprodukt.
Klare Zuständigkeit im Kaufweg
Framer gestaltet Seitenstruktur, Layout und Breakpoints. GalleryDock führt Galerie, Produktwahl, Vorschau, Warenkorb und Checkout.
Praxisbeispiel
Drei Framer-Seitentypen mit direktem Printkauf
Projektseite, Portrait-Nachbestellung und Fine-Art-Landingpage erhalten jeweils einen eigenen Framer-Kontext. Der Kaufweg bleibt vom Motiv bis zum Warenkorb konsistent.
Produktwahl
Kunden wählen Produktgruppe, Größe und Bild selbst aus dem angebotenen Sortiment.
Zahlung
Der Warenkorb und Zahlungsweg laufen im Galeriekontext, statt nebenbei per Nachricht koordiniert zu werden.
Zuordnung
Kaufdaten bleiben mit Galerie, Kunde, Bild und Produkt verbunden, damit die Abwicklung nachvollziehbar bleibt.
Größenentscheidung
Der Seitenabschnitt braucht Platz für Motiv und Produktwahl
Plane Canvas-Breite und Innenabstand so, dass Kunden Motiv, Produkte und Größen ohne gequetschte Darstellung vergleichen und den Ausschnitt prüfen können.
GalleryDock hält Produktwahl, Ausschnitt und Warenkorb am Kundenmotiv. Framer bleibt die sichtbare Seiten- und Inhaltsfläche rund um diesen Kaufbereich.
Ausschnitt vor dem Kauf prüfen
Kunden bestellen sicherer, wenn Ausschnitt und Bildwirkung vor dem Kauf verständlich sichtbar sind.
Format passend auswählen
Hoch- und Querformat helfen Kunden zu verstehen, welches Format zum Motiv und zum gewünschten Print passt.
Größe in der Raumansicht prüfen
Die Raumansicht hilft Kunden, Proportion und Wirkung eines Wandbildes vor dem Kauf besser einzuschätzen.
Fragen
Häufige Fragen zur Framer-Printshop-Galerie
Wie baue ich einen Shop mit Prints in Framer ein?
Du bereitest Galerie und Printangebot in GalleryDock vor, kopierst den Embed-Code und fügst ihn in Framer in einen Embed-/iFrame-Bereich ein. Danach prüfst du die veröffentlichte Seite an den relevanten Breakpoints.
Brauche ich eine Framer-App oder ein Plugin?
Nein. Du verwendest den von GalleryDock bereitgestellten Embed-Code in einem Framer-Embed-/iFrame-Bereich. Es gibt keine Framer-App, kein Plugin und keine Synchronisierung von CMS, Commerce, Produktkatalog, Inventar oder Checkout.
Welches Framer-Element nimmt den Embed-Code auf?
Der Framer-Embed-/iFrame-Bereich nimmt den kopierten GalleryDock-Code auf. Platziere ihn in dem Canvas, in dem Kunden die Galerie sehen und mit der Printauswahl beginnen sollen.
Wo steuere ich Printprodukte, Größen und Preise?
Produkte, Größen und Preise werden in GalleryDock für die Galerie festgelegt. Framer liefert den sichtbaren Website- und Seitenrahmen, während Kunden das Printangebot direkt am Bild öffnen.
Kann ich digitale Bilder und Prints zusammen anbieten?
Ja. Wenn du beide Kaufarten aktivierst, können Kunden im Galeriekontext zwischen digitalem Bild und Printprodukt wechseln.
Was prüfe ich bei Canvas-Bereichen und Breakpoints?
Prüfe die veröffentlichte Seite an den verwendeten Framer-Breakpoints. Canvas-Breite, Innenabstände und der verfügbare Platz beeinflussen, wie ruhig die Galerie und der anschließende Kaufdialog wirken.
Wo laufen Warenkorb und Checkout?
Framer gestaltet den Website- und Seitenrahmen. GalleryDock führt Galerie, Motiv- und Produktwahl, Vorschau, Warenkorb und Checkout im eingebetteten Kaufweg.
Passt dazu
Passende Seiten für Framer, Galerie und Printshop
Framer, Galerie und Printshop
Framer-Fotogalerie per iFrame einbettenDie allgemeine Framer-Anleitung für Auswahl, Kommentare, Downloads und eine Kundengalerie im Embed-/iFrame-Bereich.Webflow-Printshop für Fotografen einbindenDer benachbarte Designer-Plattform-Workflow für eine Printgalerie im Webflow-Code-Embed mit Container- und Breakpoint-Prüfung.Printshop für FotografenDer Überblick über Printprodukte, Größen, Preise, Vorschau, Warenkorb und Checkout in GalleryDock.Fotos verkaufen auf eigener WebseiteDer plattformübergreifende Einstieg, wenn deine eigene Webseite als Marken- und Verkaufsrahmen dienen soll.Online-Galerie mit ShopDie breite Feature-Seite für Galerie, Auswahl, Downloads und Shop in einem Kundenlink.Fotogalerie mit Shopsystem einrichtenDie Setup-Seite für Shop-Einstellungen, Warenkorb und den vorbereiteten Verkaufsablauf in GalleryDock.
Preise
Kostenlos starten und später passend erweitern.
Free
Dauerhaft kostenlos
0 EUR
0 EUR monatlich
Perfekt, um deine ersten Galerien professionell zu teilen.
- 3 Galerien
- 1 GB Speicher
- Fotos & Videos
- Bild-Upload: 50 MB
- Video-Upload: 750 MB
- Eigener Shop für digitale Verkäufe
- Print-Produkte im Shop verkaufbar
- 15% Shop-Gebühr pro Verkauf
- Eigenes Profil in Kundengalerien
- Galerien mit Passwort schützen
- Eigenes Logo als Wasserzeichen
- Bilder auswählen und Favoriten markieren
- Bilder-Videos Downloads zulassen: Ja/Nein Funktion
- Galerien auf eigener Webseite einbetten
Kostenlos starten, keine Kreditkarte nötig
Base
Monatlich
19 EUR
Nur 228 EUR bei jährlicher Zahlung. zzgl. USt.
Ideal für Fotografen, die regelmäßig Kundengalerien ausliefern.
- Unbegrenzte Galerien
- 200 GB Speicher
- Fotos & Videos
- Bild-Upload: 100 MB
- Video-Upload: 15 GB
- Eigener Shop für digitale Verkäufe
- Print-Produkte im Shop verkaufbar
- Nur 10% Shop-Gebühr pro Verkauf
- Eigenes Profil in Kundengalerien
- Galerien mit Passwort schützen
- Eigenes Logo als Wasserzeichen
- Bilder auswählen und Favoriten markieren
- Bilder-Videos Downloads zulassen: Ja/Nein Funktion
- Galerien auf eigener Webseite einbetten
- GalleryDock Branding ausblendbar
- Eigenes Logo in deinen Galerien
Für regelmäßige Kundenabgaben
Pro
Monatlich
29 EUR
Nur 348 EUR jährlicher Zahlung. zzgl. USt.
Für Fotografen, die viele Projekte, Videos und Speicher flexibel verwalten.
- Unbegrenzte Galerien
- 1 TB Speicher
- Fotos & Videos
- Bild-Upload: 100 MB
- Video-Upload: 30 GB
- Eigener Shop für digitale Verkäufe
- Print-Produkte im Shop verkaufbar
- Nur 5% Shop-Gebühr pro Verkauf
- Eigenes Profil in Kundengalerien
- Galerien mit Passwort schützen
- Eigenes Logo als Wasserzeichen
- Bilder auswählen und Favoriten markieren
- Bilder-Videos Downloads zulassen: Ja/Nein Funktion
- Galerien auf eigener Webseite einbetten
- GalleryDock Branding ausblendbar
- Eigenes Logo in deinen Galerien
Für regelmäßige Kundenabgaben
Kostenlos starten
Baue deinen GalleryDock-Shop mit Prints in Framer ein
Richte Galerie und Printangebot in GalleryDock ein und platziere den Embed-Code in einem Embed-/iFrame-Bereich im passenden Framer-Seitenabschnitt.
Kostenlos registrieren