Lernziel
Lernziel
Nach diesem Kapitel können Sie:
- dynamische Seiten erstellen
- Collections mit Seiten verbinden
- Inhalte automatisch anzeigen lassen
- Vorlagen für beliebig viele Einträge erstellen
- dynamische URLs verstehen
- Filter und Sortierungen anwenden
- typische Fehler vermeiden
Was sind dynamische Seiten?
Eine dynamische Seite ist eine Vorlage.
Sie wird nur einmal gestaltet.
Alle Inhalte werden anschließend automatisch aus Ihrer Collection geladen.
Dadurch können Sie hunderte Seiten erstellen,
ohne jede Seite einzeln zu gestalten.
Beispiel aus der Praxis
Sie besitzen eine Webdesign-Agentur.
Sie möchten 150 Referenzprojekte veröffentlichen.
Ohne dynamische Seiten:
❌ 150 Seiten erstellen
❌ 150-mal Bilder einfügen
❌ 150-mal Texte schreiben
Mit Wix CMS:
✅ Eine Vorlage
↓
150 Datensätze
↓
150 automatisch erzeugte Seiten
Wie funktioniert das?
Das Layout bleibt immer gleich.
Lediglich die Inhalte ändern sich automatisch.
Zum Beispiel:
Projekt 1
Titel
Bild
Beschreibung
Projekt 2
Titel
Bild
Beschreibung
Projekt 3
Titel
Bild
Beschreibung
Alle Seiten verwenden dieselbe Vorlage.
Vorteile dynamischer Seiten
Schritt für Schritt
Dynamische Seite erstellen
Öffnen Sie den Wix Studio Editor.
Wix Studio · Editor öffnen
Editor öffnen
Übersichtsseite
Eine Übersicht zeigt mehrere Datensätze gleichzeitig.
Zum Beispiel:
Projekt A
Projekt B
Projekt C
Projekt D
Beim Anklicken gelangt der Besucher auf die jeweilige Detailseite.
Detailseite
Die Detailseite zeigt nur einen Datensatz.
Zum Beispiel:
Projektname
↓
Großes Bild
↓
Projektbeschreibung
↓
Kunde
↓
Leistungen
↓
Weitere Bilder
↓
Kontaktbutton
Inhalte verbinden
Jedes Element muss mit dem passenden Feld verbunden werden.
Beispiel:
Überschrift
↓
Projektname
Bild
↓
Projektbild
Text
↓
Beschreibung
Button
↓
Projektlink
Dynamische URLs
Jeder Datensatz erhält automatisch eine eigene URL.
Beispiel:
www.meineagentur.at/referenzen/projekt-alpha
www.meineagentur.at/referenzen/projekt-beta
www.meineagentur.at/referenzen/projekt-gamma
Dadurch entstehen suchmaschinenfreundliche Seiten.
Sortierung
Datensätze können automatisch sortiert werden.
Zum Beispiel:
Neueste Projekte
↓
Älteste Projekte
↓
Alphabetisch
↓
Nach Kategorie
↓
Nach Datum
Filter
Filter zeigen nur bestimmte Inhalte.
Beispiele:
Nur Shopify-Projekte
Nur Wix-Projekte
Nur Restaurants
Nur Friseursalons
Dadurch finden Besucher schneller die passenden Inhalte.
Interne Verlinkung
Verbinden Sie Übersichtsseiten immer mit Detailseiten.
Das verbessert:
Best Practice
Web by David Best Practice
Wir erstellen Referenzseiten grundsätzlich dynamisch.
Jedes neue Projekt wird lediglich in der Collection ergänzt.
Innerhalb weniger Sekunden erscheint es automatisch:
- auf der Übersichtsseite
- auf der Detailseite
- in der Navigation (falls gewünscht)
Dadurch sparen wir bei größeren Projekten viele Stunden Arbeit.
Aus der Praxis
Verkaufspsychologie
Aktuelle Referenzen erhöhen das Vertrauen.
Wenn Besucher regelmäßig neue Projekte sehen,
entsteht der Eindruck eines aktiven und erfolgreichen Unternehmens.
Mit dynamischen Seiten bleibt dieser Bereich ohne zusätzlichen Designaufwand aktuell.
Aus der Praxis
Expertenwissen
Dynamische Seiten eignen sich hervorragend für Suchmaschinen, da jeder Datensatz eine eigene URL und individuelle Inhalte erhalten kann. Achten Sie jedoch darauf, dass jede Seite einen echten Mehrwert bietet und nicht nur aus wenigen Zeilen Text besteht. Hochwertige Inhalte verbessern sowohl die Nutzererfahrung als auch die Auffindbarkeit.
Häufige Fehler
Häufige Fehler
Elemente nicht verbunden
Texte bleiben leer.
Falsches Feld ausgewählt
Es werden falsche Informationen angezeigt.
Keine Bilder hinterlegt
Die Seiten wirken unvollständig.
Schlechte URLs
Verwenden Sie klare und verständliche URL-Namen.
Zu wenig Inhalt
Jede Detailseite sollte ausreichend Informationen bieten.
Profi-Tipp
Profi-Tipp
Erstellen Sie zuerst drei vollständige Datensätze.
Wenn diese perfekt funktionieren,
können Sie problemlos hunderte weitere hinzufügen.
So erkennen Sie mögliche Fehler frühzeitig.
Aus der Praxis
Praxis aus unserem Agenturalltag
Viele Einsteiger gestalten zunächst die komplette Vorlage und fügen erst danach Inhalte ein.
Unsere Arbeitsweise ist umgekehrt:
1. Collection planen. 2. Beispieldaten anlegen. 3. Dynamische Seite erstellen. 4. Layout gestalten. 5. Mit echten Daten testen. Dadurch erkennen wir sofort, ob alle Felder korrekt verbunden sind.
Bonus – Dynamische Seiten für verschiedene Branchen
Webdesign-Agentur
- Referenzen
- Kundenprojekte
- Fallstudien
Immobilienmakler
- Immobilien
- Wohnungen
- Häuser
Restaurant
- Speisekarte
- Getränke
- Saisonangebote
Friseursalon
- Frisuren
- Leistungen
- Mitarbeiter
Fotograf
- Portfolios
- Shootings
- Galerien
Autohaus
- Fahrzeuge
- Angebote
- Gebrauchtwagen
Checkliste
Checkliste
Praxisaufgabe
Praxisaufgabe
Erstellen Sie eine dynamische Referenzseite.
Jeder Datensatz sollte enthalten:
- Projektname
- Titelbild
- Beschreibung
- Kunde
- Fertigstellungsdatum
- Kategorie
Überprüfen Sie anschließend, ob neue Datensätze automatisch auf Ihrer Website erscheinen.
Mini-Projekt
Mini-Projekt
Erstellen Sie ein vollständiges Portfolio mit mindestens zehn Projekten.
Die Struktur sollte wie folgt aussehen:
Referenzübersicht
↓
Projekt auswählen
↓
Dynamische Detailseite
↓
Projektbeschreibung
↓
Bilder
↓
Leistungen
↓
Kundenstimme
↓
Jetzt Kontakt aufnehmen
Analysieren Sie anschließend, ob Besucher die wichtigsten Informationen schnell finden und ob alle Seiten einheitlich gestaltet sind.
Wissenscheck
Quiz
Was ist eine dynamische Seite?
Welchen Vorteil bieten dynamische Seiten?
Welche Informationen werden typischerweise mit CMS-Feldern verbunden?
Warum sind dynamische Seiten besonders für größere Websites geeignet?
Zusammenfassung
Kapitelzusammenfassung
Sie haben gelernt:
- wie dynamische Seiten in Wix Studio funktionieren,
- wie Sie Collections mit Seiten verbinden,
- wie automatische Detail- und Übersichtsseiten erstellt werden,
- wie Filter und Sortierungen eingesetzt werden,
- und warum dynamische Seiten zu den wichtigsten Werkzeugen professioneller Webdesigner
gehören.
Ausblick
Vorschau auf Kapitel 21
Der Wix Blog – Inhalte veröffentlichen und langfristig Besucher gewinnen
Im nächsten Kapitel lernen Sie, wie Sie den Wix Blog professionell einrichten, Beiträge veröffentlichen und Inhalte strategisch planen. Außerdem erfahren Sie, wie ein Blog Ihre Sichtbarkeit verbessern, Vertrauen aufbauen und langfristig neue Besucher auf Ihre Website bringen kann.