Blog

So fügst du Wix eine Fotogalerie hinzu

Datum des letzten Updates: 
So fügst du Wix eine Fotogalerie hinzu

Worte können die Meinung von Menschen innerhalb von Minuten ändern – Fotos schaffen das in Sekunden. Deshalb sind visuelle Elemente auf Ihrer Website so wichtig: egal, ob Sie als Fotograf Ihre Dienste anbieten, als Immobilienmakler Kaufinteressenten durch ein Objekt führen oder in einem Onlineshop ein Produkt aus allen Perspektiven präsentieren. In all diesen Fällen sorgt eine übersichtliche, responsive Galerie dafür, dass Besucher auf der Seite bleiben, und schafft Vertrauen in Ihr Angebot.

Wix bietet hierfür integrierte Werkzeuge, allen voran die „Wix Pro Gallery“. Das Layout es für Mobilgeräte optimiert (responsiv), und die Galerie lässt sich mit einer CMS-Sammlung verknüpfen, um Inhalte dynamisch anzuzeigen. Für fortgeschrittene Nutzer gibt es jedoch einige Hürden: Laut Wix ist für die Pro Gallery keine klassische Seitennavigation (Pagination) verfügbar – als native alernative dient ein „Mehr laden“-Button. Zudem erfordert die Nutzung des CMS, dass zunächst Sammlungen und Datensätze erstellt werden, bevor überhaupt ein einziges Foto angezeigt werden kann.

Wenn Sie mehr Kontrolle über das Layout wünschen – etwa durch Masonry-Raster, Kategoriefilter oder Panorama-Zeilen –, stehen Ihnen in der Regel zwei Wege offen: eine Galerie-App aus dem App-Marktplatz oder ein eingebettetes Galerie-Widget.

Der übliche erste Schritt ist der App Market. Installieren Sie eine App wie die Galerie von POWR und verwalten Sie Ihre Fotos in einem eigenen Dashboard. Elfsight bietet eine ähnliche Fotogalerie an, die Sie auf seiner Website einbetten können. Sie erhalten vorgefertigte Stile und keinen Code, aber jedes Tool hat seine eigene Planstruktur. Lesen Sie daher das Kleingedruckte, bevor Sie ein vollständiges Portfolio hochladen.

Richte es ein

  1. Suche die App. Öffne den App-Marktplatz in deinem Wix-Edito und suche nach „Fotogalerie“.
  2. Wix App Market displaying photo gallery apps available for installation
  1. Füge es deiner Seite hinzu. Installiere die App und öffne anschließend deren Einstellungsbereich, um deine Fotos hochzuladen.
  2. Wix POWR Gallery settings panel showing options to add images and videos
  1. Wähle einen Stil und veröffentliche. Entscheide dich für ein Layout, passe Abstände sowie Bildunterschriften an und veröffentliche anschließend deine Website.
  2. Wix POWR Gallery design settings displaying layout, hover effects, and customization options

Worauf zu achten ist:

  • Branding bei kostenlosen Tarifen. Das angebot von POWR umfasst einen kostenlosen Tarif; um das POWR-Branding zu entfernen, ist der kostenpflichtige „Starter“-Tarif erforderlich.
  • Aufrufbegrenzungen. Der kostenlose Tarif für die Elfsight-Fotogalerie umfasst ein Widget sowie 200 Aufrufe pro Monat; er enthält ein Elfsight-Branding, und die App wird vorübergehend deaktiviert, sobald dieses Limit überschritten wird. Bei einem Portfolio mit hohem Besucheraufkommen sind 200 Aufrufe schnell aufgebraucht.
  • Seitengröße. Große Bilder fließen in den „Largest Contentful Paint“ (LCP) ein; Google bewertet einen Wert von 2,5 Sekunden oder weniger als gut. Ganz gleich, welches Tool Sie verwenden: Komprimieren Sie Fotos, bevor Sie sie hochladen.

Das Jotform Fotogalerie-Widget verfolgt einen anderen Ansatz. Sie erstellen die Galerie in einem visuellen Editor, kopieren den Einbettungscode und fügen ihn mithilfe des Standard-Elements „HTML einbetten“ in Ihre Wix-Seite ein. Die Verwaltung der Fotos erfolgt direkt im Widget-Editor – anstatt über den Wix-Medienmanager – und Sie können ohne ein App-Abonnement sofort loslegen.

Der Aufbau der Galerie beginnt mit deinen Fotos – danach funktioniert alles ganz einfach per Mausklick. Du benötigst keinerlei Programmierkenntnisse und kannst das Layout oder den Stil beliebig oft anpassen, bevor die Galerie auf deiner Website veröffentlicht wird. So funktioniert’s:

  1. Füge deine Fotos hinzu. Lade Bilder hoch, importiere sie aus Google Fotos oder füge Bild-URLs ein. Ergänze anschließend Titel, Kategorien und Alt-Texte.
  2. Photo Gallery Widget builder showing uploaded images and gallery management controls
  1. Wählen Sie ein Layout aus und gestalten Sie es. Entscheiden Sie sich für ein Layout. Passen Sie anschließend Spalten, Abstände, das Verhalten von Popups sowie Farben an. Aktivieren Sie Filter, falls Sie Kategorien hinzugefügt haben.
  2. Photo Gallery Widget layout settings displaying masonry, grid, and carousel layout options
  1. Bette es in Wix ein. Kopiere den Einbettungscode. Öffne im Wix-Editor den Bereich „Elemente hinzufügen“, wähle „Einbettungscode“ und dann „HTML einbetten“ aus. Klicke auf „Code eingeben“ und füge den Code-Schnipsel ein. Passe die Breite des Elements nach Wunsch an und veröffentliche die Seite.
  2. Wix HTML Settings panel showing gallery embed code inserted into a website

Profi-Tipp

Wix weist darauf hin, dass eingebetteter Code mit festen Abmessungen nicht auf die Bildschirmgröße reagiert. Überprüfe daher vor der Veröffentlichung die mobile Ansicht im Editor.

Wo es hinpasst

AnwendungsfallSuggested layoutHow to set it up

Fotografinnen

Vertikales Mauerwerk

Weise jedem Foto eine Kategorie zu (Hochzeiten, Porträts, Veranstaltungen) und aktiviere Filter, damit Besucher nach Aufnahmeart stöbern können.

Immobilienmakler

Panorama oder Slider

Erstellen Sie pro Inseratsseite eine Galerie. Verwenden Sie Titel für die Raumbezeichnungen und verlinken Sie die Fotos mit einer virtuellen Tour oder einer Anfrageseite.

E-Commerce-Marken

Raster oder Vorschaubilder

Präsentieren Sie Produktansichten in einem Popup-Fenster oder legen Sie fest, dass beim Anklicken eines Fotos eine Weiterleitung zur jeweiligen Produktseite erfolgt.

Fotografen können die Galerie mit den Fotografie-Formularen und Verträgen von Jotform kombinieren, um Buchungen abzuwickeln und unterzeichnete Vereinbarungen zu erhalten.

Ein Punkt, den Sie beachten sollten: Jede Galerie fasst bis zu 16 Fotos. Das eignet sich gut für ein kuratiertes Portfolio, ein einzelnes Angebot oder eine Produktseite. Für ein umfangreicheres Archiv können Sie für jede Kategorieseite ein separates Widget verwenden oder auf die „Pro Gallery“ in Verbindung mit dem CMS zurückgreifen.

Werte deine Wix-Website mit intelligenten, serverlosen Widgets auf

Für die meisten Wix-Websites ist ein eingebettetes Galerie-Widget die bessere Wahl: Es bietet Masonry-Layouts, Kategoriefilter und eine Popup-Ansicht – ganz ohne CMS-Einrichtung oder ein weiteres App-Abonnement. Zudem verwaltest du alles zentral an einem Ort.

Verwenden Sie die Pro Gallery nur dann, wenn Sie ein umfangreiches Archiv präsentieren, für das ein CMS erforderlich ist. Wenn Sie lediglich Ihre besten Arbeiten ansprechend in Szene setzen möchten, greifen Sie stattdessen auf das Jotform Photo Gallery-Widget zurück.

Die gleiche Einbettungsmethode funktioniert für jedes Widget aus dem Verzeichnis der kostenlosen Website-Widgets von Jotform. Die folgenden vier lassen sich gut mit einer Galerie kombinieren:

Investieren Sie Ihr Budget in Ihre Arbeit – nicht in Gebühren für deren Präsentation. Wenn Sie bereit sind, aus Besuchern Kunden zu machen, können Sie mithilfe der Jotform Wix-Integration Formulare für Kontaktanfragen, Buchungen und Zahlungen einbinden. Falls Sie gerade noch an Ihrer Website arbeiten, hilft Ihnen unser Leitfaden zum Wix-Website-Baukasten weiter.

Dieser Artikel richtet sich an Wix-Website-Betreiber, Fotografen, Immobilienmakler sowie E-Commerce-Marken, die ein ansprechendes, schnell ladendes Bildraster oder ein „Masonry“-Layout präsentieren möchten – ohne dabei an die systemseitigen Grenzen der Plattform zu stoßen oder wiederkehrende Gebühren für Apps aus dem App-Marktplatz zahlen zu müssen.

Kommentar abschicken:

Jotform Avatar
Diese Seite ist durch reCAPTCHA geschützt und es gelten die Google Datenschutzbestimmungen und Nutzungsbedingungen.

Podo Comment Schreiben Sie den ersten Kommentar.