CMS: Eine dynamische Elementseite als Registrierungs- und Veranstaltungsdetailsseite verwenden

18 Min. Lesezeit
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, auch eine dynamische Listenseite für deine Veranstaltungen zu erstellen, wo Besucher all deine Veranstaltungen an einem Ort sehen. 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
Editor X
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.
  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 Editor X und 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
Editor X
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. Klicke auf das Feld Struktur des URL-Slugs.
  1. Passe die Struktur des URL-Slugs an und drücke die Enter-Taste auf deiner Tastatur. Du könntest zum Beispiel events-1 zu event ändern.

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.
Wix Editor
Editor X
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 Aufklappmenü 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 Aufklappmenü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) .
    • 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.
  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 Aufklappmenü 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 Aufklappmenü 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“).
  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?

|