header-logo
Erfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst
Gestalte und verwalte deine Website mit Wix.
Verwalte Premiumpakete, Abos und Rechnungen
Führe dein Unternehmen und vernetze dich mit Mitgliedern.
Kaufe, verknüpfe oder übertrage eine Domain.
Stärke dein Unternehmen und deine Webpräsenz.
Steigere deine Sichtbarkeit mit SEO und Marketing.
Nutze erweiterte Funktionen für mehr Effizienz.
Finde Lösungen oder kontaktiere uns.
placeholder-preview-image
Verbessere deine Kenntnisse mit unseren Tutorials.
Erhalte Tipps für Webdesign, Marketing und mehr.
Erfahre, wie du den organischen Traffic steigerst.
Erstelle eine Website mit unserer Full-Stack-Plattform.
Finde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image
  1. Start
  2. Deine Website erstellen
  3. Funktionen für Fortgeschrittene
  4. CMS (ehem. Content-Verwaltung)
  5. Das CMS mit anderen Produkten von Wix verwenden
  6. CMS: Eine dynamische Elementseite als Registrierungs- und Veranstaltungsdetailsseite verwenden

CMS: Eine dynamische Elementseite als Registrierungs- und Veranstaltungsdetailsseite verwenden

15 min
Möchtest du das Design und Layout deiner Registrierungs- und Veranstaltungsdetailsseite weiter anpassen? In diesem Fall kannst du das CMS (Content Management System) von Wix verwenden, um eine dynamische Elementseite zu erstellen, die als benutzerdefiniertes Template für die Anzeige jeder einzelnen Veranstaltung dient.

Du musst die Seite nur einmal gestalten, indem du Bild-, Text- und Button-Elemente mit den entsprechenden Feldern in deiner CMS-Veranstaltungssammlung verbindest. Wenn du deine Website veröffentlichst, erhält jede Veranstaltung eine eigene Version der dynamischen Elementseite mit einer einzigartigen URL.
Wir empfehlen dir, mit dieser Methode eine dynamische Listenseite für deine Veranstaltungen zu erstellen, wo Besucher alle deine Veranstaltungen an einem Ort ansehen können. Wenn sie auf eine Veranstaltung auf der dynamischen Listenseite klicken, werden sie zu dieser dynamischen Elementseite weitergeleitet, wo Details zur Veranstaltung angezeigt werden.
Bevor du loslegst:

Schritt 1 | Eine dynamische Elementseite für deine Veranstaltung hinzufügen

Greife in deinem Editor im CMS auf die App-Sammlungen von Wix zu und suche nach deiner Veranstaltungssammlung. Erstelle dann eine dynamische Elementseite aus dieser Sammlung. Diese dynamische Seite dient als Vorlage, wobei jede Veranstaltung ihre eigene Version der Seite erhält.
Wix Editor
Studio Editor
  1. Öffne deinen Editor.
  2. Klicke auf der linken Seite des Editors auf CMS .
  3. Klicke links auf App-Sammlungen von Wix.
  4. Scrolle nach unten zu den Veranstaltungssammlungen.
  5. Fahre mit der Maus über Veranstaltungen und klicke auf das Symbol für Weitere Aktionen und wähle Dynamische Seite hinzufügen.
Screenshot, wie der Veranstaltungs-App-Sammlung eine dynamische Seite hinzugefügt wird.
  1. Klicke auf Elementseite.
  2. Klicke auf Hinzufügen.

Schritt 2 | (Optional) Die Struktur des URL-Slugs ändern

Für jede deiner Veranstaltungen gibt es eine eigene Version der dynamischen Elementseite, die du gerade erstellt hast. Standardmäßig haben diese Seiten die folgende URL-Struktur, wobei sich der letzte Teil {Title} je nach Name der Veranstaltung ändert:
  • Im Wix Editor: https://www.{your-domain.com}/events-1/{Title}
  • Im Studio Editor: https://www.{your-domain.com}/events/{Title}

Wenn du die Struktur des URL-Slugs bearbeitest, darf die Struktur nicht bereits von anderen vorhandenen Seiten deiner Website verwendet werden. Damit die Struktur des URL-Slugs einzigartig ist, darf sie nicht dasselbe Präfix (z. B {Name der Sammlung}) oder die gleiche Anzahl von Variablen wie eine andere Seite deiner Website haben, auch wenn die Variablen unterschiedlich sind. Erfahre mehr über das Erstellen einzigartiger URLs für dynamische Seiten.

Um die Struktur des URL-Slugs zu bearbeiten:

Wix Editor
Studio Editor
Wenn du den Wix Editor verwendest, wird der „Veranstaltungsteil“ deines URL-Slugs bereits von einer Seite verwendet, die deine bevorstehenden und vergangenen Veranstaltungen anzeigt. Aus diesem Grund fügt das CMS -1 nach events hinzu, damit diese neue dynamische Elementseite eine einzigartige URL hat. Du kannst diesen URL-Slug in eine neue Struktur ändern, die noch nicht auf deiner Live-Website verwendet wird.
Um die URL-Slug-Struktur deiner dynamischen Elementseite zu bearbeiten:
  1. Öffne deinen Editor.
  2. Klicke auf der linken Seite des Editors auf Seiten & Menü .
  3. Klicke auf Dynamische Seiten.
  4. Fahre mit der Maus unter Veranstaltungen/Veranstaltungssammlung über die Veranstaltungs-/Elementseite und klicke rechts auf das Symbol für Weitere Aktionen .
  5. Klicke auf SEO.
  6. Bearbeite das Feld Struktur des URL-Slug: 
    1. Klicke neben dem Feld Struktur des URL-Slug auf Bearbeiten und wähle aus, was du tun möchtest:
      • Variable hinzufügen: Klicke auf + Variable hinzufügen und wähle ein „Text“- oder „Nummer“-Feld aus, um dessen Werte in der Struktur des URL-Slug zu verwenden. 
      • Statische Werte hinzufügen oder bearbeiten: Klicke auf das Feld und gib die statischen Werte ein, die du in der Struktur des URL-Slug verwenden möchtest, oder bearbeite die vorhandenen Werte. Verwende ausschließlich lateinische Buchstaben, Zahlen oder Bindestriche. Du könntest zum Beispiel Events-1 zu Event ändern.
    2. Klicke auf Speichern.
Screenshot der Bearbeitung der Struktur eines URL-Slug.

Schritt 3 | Deine neue dynamische Elementseite anpassen

Wenn du das CMS verwendest, sind Datensätze die versteckten Werkzeuge, die deine Seitenelemente mit den Elementen in deiner Sammlung verknüpfen. In diesem Fall verbindest du Text, Buttons und ein Bild mit deiner Veranstaltungssammlung, wodurch jede Version der Seite Details zur entsprechenden Veranstaltung anzeigen kann. Du kannst weitere Text- oder Buttonelemente hinzufügen und verknüpfen und dann die Seite nach Belieben anordnen.
Wichtig:
Wenn du zuvor ein Element mit dem Sammlungsfeld „Info (Rich Text)“ verknüpft hast, entferne diese Verknüpfung, da sie veraltet ist. Wix Events hat ein neues Feld „ Über die Veranstaltung (optional)“ veröffentlicht, in dem du Rich Media hinzufügen kannst, um Details zu deinen Veranstaltungen zu präsentieren anheften. Dieses neue Feld wird als Sammlungsfeld 'Langbeschreibung (Rich Content) ' angezeigt, wenn du ein Rich Content-Element damit verknüpfst. 

Sieh dir Schritt 5 unten an, und erfahre mehr darüber, wie du ein Rich Content-Element hinzufügst und es mit dem Feld „Long Description (Rich Content)“ deiner Sammlung verknüpfst.

Diese dynamische Elementseite anpassen:

Wix Editor
Studio Editor
  1. Öffne deinen Editor.
  2. Öffne deine Veranstaltungs-/Elementseite.
  3. Verbinde Elemente auf der Seite:
    • „Zurück“-Button: Klicke auf den „Zurück“-Button und dann auf das Symbol für Link und wähle, wohin der Button Besucher führt.
      Tipp: Verlinke diesen Button mit einer Seite oder einem Abschnitt auf deiner Website, der eine Liste deiner Veranstaltungen enthält.
    • Textelemente: Klicke auf das entsprechende Textelement und dann auf das Symbol für Mit CMS verknüpfen . Klicke im Panel Text verknüpfen auf das Dropdown-Menü Text ist verknüpft mit und wähle das Veranstaltungsfeld aus, das du im Textelement verwenden möchtest. Wiederhole diesen Schritt für jedes Textelement auf der Seite, das du mit Text deiner Veranstaltungen verknüpfen möchtest.
    • Bild: Klicke auf das Bild und dann auf das Symbol für Mit CMS verknüpfen . Klicke im Panel Bild verknüpfen auf die entsprechenden Dropdown-Menüs, um das Bild, den Alt-Text, die Quickinfo und den Link zu verknüpfen.
Screenshot der Verknüpfungsoptionen eines Bildes auf einer dynamischen Elementseite für Veranstaltungen.
  1. (Optional) Füge weitere Textelemente hinzu und klicke bei jedem auf das Symbol für Mit CMS verknüpfen , um sie mit deiner CMS-Sammlung zu verknüpfen. Du kannst zum Beispiel Text mit den folgenden Veranstaltungsfeldern verknüpfen:
    • Titel (Text): Der Veranstaltungsname.
    • Beschreibung (Text): Die Beschreibung aus dem Feld Kurzer Teaser (optional) der Veranstaltung.
    • Info (Rich Text): Das Rich Text-Feld Über die Veranstaltung (optional) . 
      Wichtig: Dieses Feld ist veraltet. Sieh dir Schritt 5 unten an und erfahre dort mehr darüber, wie du ein Rich Content-Element hinzufügst und es mit dem neuen Feld „Long Description (Rich Content)“ verknüpfst.
    • Zeitplan formatiert (Text): Datum und Uhrzeit der Veranstaltung (z. B. „1. April 2024, 19:00 - 23:00 Uhr“)
    • Startdatum formatiert (Text): Das Startdatum der Veranstaltung (z. B. „1. April 2024“)
    • Startzeit formatiert (Text): Die Startzeit der Veranstaltung, formatiert nach deinen lokalen Einstellungen. Wenn der Programmplan noch bekanntgegeben wird, ist dieses Feld leer.
    • Standortname (Text): Der Ort der Veranstaltung oder die Nachricht aus der Veranstaltungsverwaltung, dass diese Information noch bekanntgegeben wird.
    • Standortadresse (Text): Die vollständige Adresse der Veranstaltung. Wenn der Standort noch bekanntgegeben wird, ist das Feld leer.
    • Status (Text): Einer der folgenden Veranstaltungsstatus:
      • GEPLANT: Das Veranstaltungsdatum liegt in der Zukunft.
      • BEGONNEN: Die Veranstaltung hat begonnen.
      • BEENDET: Die Veranstaltung ist beendet.
      • ABGESAGT: Die Veranstaltung wurde abgesagt.
    • Niedrigster Preis formatiert (Text): Der niedrigste verfügbare Preis, formatiert in deiner Währung. Hinweis:
      • Wenn die Veranstaltung eine Anmeldung mit Antwortoption hat oder extern ist, ist dieses Feld leer.
      • Wenn für diese Veranstaltung Tickets verkauft werden, wird der niedrigste verfügbare Preis angezeigt.
      • Wenn Freikarten angeboten werden, wird „Kostenlos“ angezeigt.
Screenshot, der zeigt, wie ein Textelement mit einem Feld in einer Veranstaltungs-App-Sammlung verknüpft wird.
  1. (Optional) Füge ein Rich Content-Element hinzu, um das Rich Media Content-Feld Über die Veranstaltung auf der Seite anzuzeigen:
    1. Klicke auf der linken Seite des Editors auf CMS .
    2. Klicke auf Textinhalte hinzufügen.
    3. Klicke auf Rich Content. 
    4. Klicke auf das Dropdown-Menü Datensatz wählen und wähle den Datensatz für dynamische Seiten (Events-Element) aus. 
    5. Klicke auf das Dropdown-Menü Content verknüpfen mit und wähle Long Description (Rich Content) aus.
Screenshot, der zeigt, wie das Rich Content-Element mit dem Feld „Long Description (Rich Content)“ verknüpft wird.
  1. Füge dynamische Buttons hinzu, mit denen sich Gäste für die Veranstaltung anmelden oder diese zu ihrem Kalender hinzufügen können:
    1. Klicke links auf Elemente hinzufügen , klicke auf Button und wähle dann den Button aus, den du hinzufügen möchtest.
    2. Klicke auf den Button und dann auf das Symbol für Mit CMS verknüpfen .
    3. Klicke auf das Dropdown-Menü Beim Klicken verknüpfen mit und wähle aus, was passiert, wenn Besucher auf den Button klicken:
      • URL der Veranstaltungsseite: Besucher öffnen die Veranstaltungsdetails- und Registrierungsseite, wo sie sich für die Veranstaltung anmelden können.
      • Google-Kalender-URL (URL): Der Besucher fügt den Termin zu seinem Google-Kalender hinzu.
      • iCalendar-URL (URL): Der Besucher lädt einen iCalendar-Link zur Veranstaltung herunter.
      • Anmelde-URL (URL): Besucher öffnen die Anmelde-URL, wenn die Anmeldung für die Veranstaltung bei Wix extern verwaltet wird.
    4. Wähle aus, wie der Link geöffnet werden soll: Im aktuellen Fenster oder Als neues Fenster.
    5. Klicke auf das Dropdown-Menü Label ist verknüpft mit und wähle ein Feld aus, das als Text für den dynamischen Button verwendet werden soll. Oder klicke auf dem Button auf Text & Symbol ändern, um statischen Buttontext einzugeben (z. B. „Registrieren“).
Screenshot, der zeigt, wie die Klickaktion eines Buttons zum Öffnen der Registrierungs-URL eingestellt wird.
  1. Passe die Größe, Position und das Design der Elemente auf deiner Seite nach deinen Wünschen an.
  2. Klicke auf Vorschau, um deine dynamische Veranstaltungsseite zu testen.
  3. Klicke auf Veröffentlichen, wenn du die Änderungen veröffentlichen möchtest.

War das hilfreich?

|
In diesem Artikel
  • Schritt 1 | Eine dynamische Elementseite für deine Veranstaltung hinzufügen
  • Schritt 2 | (Optional) Die Struktur des URL-Slugs ändern
  • Schritt 3 | Deine neue dynamische Elementseite anpassen

War das hilfreich?

|