CMS: Een dynamische itempagina gebruiken als je 'Details en registratie'-pagina

Leestijd 18 minuten
Heb je meer controle nodig over het ontwerp en de indeling van je 'Details- en registratie'-pagina voor Wix Events? Als dat zo is, kun je het Wix CMS (Content Management System) gebruiken om een dynamische itempagina te bouwen die dient als een aangepaste template voor het weergeven van elk afzonderlijk evenement.

Je hoeft de pagina maar één keer te ontwerpen door afbeeldings-, tekst- en knopelementen te koppelen aan de relevante velden in je CMS Evenementen-verzameling. Wanneer je je website publiceert, krijgt elk evenement zijn eigen versie van de dynamische itempagina met een unieke URL.
Met deze methode raden we aan ook een dynamische lijstpagina voor je evenementen te maken waar bezoekers al je evenementen op één plek kunnen bekijken. Wanneer ze op een evenement op de dynamische lijstpagina klikken, worden ze naar deze dynamische itempagina geleid waar details over het evenement worden weergegeven.
Voordat je begint:

Stap 1 | Voeg een dynamische itempagina toe voor je evenement

Begin in je Editor met het openen van de CMS Wix-appverzamelingen en zoek de Evenementen-verzameling. Maak vervolgens een dynamische itempagina van deze verzameling. Deze dynamische pagina fungeert als een template, waarbij elk evenement zijn eigen versie van de pagina krijgt.
Wix Editor
Editor X
Studio Editor
  1. Ga naar je Editor.
  2. Klik links in de Editor op CMS.
  3. Klik links op Wix app-verzamelingen.
  4. Scrol omlaag naar de Events-verzamelingen.
  5. Wijs Events aan, klik op het Meer acties-pictogramen selecteer Dynamische pagina.
  1. Klik op Itempagina
  2. Klik op Toevoegen aan website

Stap 2 | (Optioneel) Wijzig de structuur van de URL-slug

Elk van je evenementen heeft een speciale versie van de dynamische itempagina die je zojuist hebt gemaakt. Standaard hebben deze pagina's de volgende URL-structuur, waarbij het laatste {Title}-deel verandert op basis van de naam van het evenement: 
  • In de Wix Editor: https://www.{jouw-domein.com}/events-1/{Title}
  • In Editor X en de Studio Editor: https://www.{jouw-domein.com}/events/{Title}

Bij het bewerken van de structuur van de URL-slug mag de structuur niet al worden gebruikt door andere bestaande pagina's op je website. Om uniek te zijn, mag de structuur van de URL-slug niet hetzelfde voorvoegsel hebben (bijvoorbeeld: {Naam van verzameling}) en hetzelfde aantal variabelen hebben als een andere pagina op je website, zelfs als de variabelen verschillend zijn. Lees meer over het maken van unieke dynamische pagina-URL's.

Om de structuur van de URL-slug te bewerken:

Wix Editor
Editor X
Studio Editor
Als je de Wix Editor gebruikt, wordt het events-gedeelte van je URL-slug al gebruikt door een pagina die je aankomende en afgelopen evenementen weergeeft. Daarom voegt het CMS -1 toe na events om deze nieuwe dynamische itempagina een unieke URL te geven. Je kunt deze URL-slug wijzigen naar een nieuwe structuur die nog niet door je live website wordt gebruikt.
Om de URL-slugstructuur van je dynamische itempagina te bewerken:
  1. Ga naar je Editor.
  2. Klik links in de Editor op Pagina's en menu.
  3. Klik op Dynamische pagina's.
  4. Wijs de Evenementen (Item)-pagina onder EVENTS/EVENTS COLLECTION aan en klik rechts op het Meer acties-pictogram
  5. Klik op SEO
  6. Klik op het Structuur van de URL-slug-veld.
  1. Pas de structuur van de URL-slug aan en druk op Enter op je toetsenbord. Je kunt events-1 bijvoorbeeld wijzigen naar event.

Stap 3 | Pas je nieuwe dynamische itempagina aan

Wanneer je het CMS gebruikt, zijn datasets de verborgen tools die je pagina-elementen koppelen aan de items in je verzameling. In dit geval koppel je tekst, knoppen en een afbeelding aan je Events-verzameling, waardoor elke versie van de pagina details over het relevante evenement kan weergeven. Je kunt meer tekst- of knopelementen toevoegen en koppelen en de pagina vervolgens naar eigen inzicht rangschikken.
Wix Editor
Editor X
Studio Editor
  1. Ga naar je Editor.
  2. Ga naar je Evenementen (Item)-pagina.
  3. Koppel de elementen op de pagina:
    • Terug-knop: Klik op de Terug-knop en klik vervolgens op het Link-pictogram en kies waar de knop bezoekers naartoe navigeert.
      Tip: Link deze knop naar een pagina of onderdeel op je website met een lijst van je evenementen.
    • Tekstelementen: Klik op het relevante tekstelement en klik vervolgens op het Aan CMS koppelen-pictogram. Klik in het Tekst koppelen-paneel op de Tekst is gekoppeld aan-dropdown en kies het Evenementen-veld dat je in het tekstelement wilt gebruiken. Herhaal deze stap voor elk tekstelement op de pagina dat je aan tekst van je evenementen wilt koppelen.
    • Afbeelding: Klik op de afbeelding en vervolgens op het Aan CMS koppelen-pictogram. Klik in het Afbeelding koppelen-paneel op de relevante dropdowns om de afbeelding, alt-tekst, tooltip en link te koppelen.
Een screenshot van de koppelingsopties van een afbeelding op een dynamische itempagina van een evenement.
  1. (Optioneel) Voeg meer tekstelementen toe en klik op hun Aan CMS koppelen-pictogrammenom ze aan je Evenementen CMS-verzameling te koppelen. Je kunt bijvoorbeeld tekst koppelen aan de volgende Events-velden:
    • Titel (Tekst): De naam van het evenement.
    • Beschrijving (tekst): De beschrijving uit het Korte teaser (optioneel)-veld van het evenement.
    • Over (rich text): Het Over het evenement (optioneel) rich text-veld van het evenement.
    • Planning geformatteerd (tekst): De datum en tijd van het evenement (bijvoorbeeld 1 april 2024, 19.00- 23.00")
    • Startdatum geformatteerd (tekst): De startdatum van het evenement (bijvoorbeeld '1 april 2024')
    • Starttijd opgemaakt (tekst): De starttijd van het evenement, opgemaakt volgens je lokale instellingen. Als de evenementenplanning nog te bepalen is, is dit veld leeg.
    • Locatienaam (tekst): De locatie van het evenement of het nader te bepalen-bericht van het Evenementen-dashboard. 
    • Locatieadres (tekst): Het volledige adres van het evenement. Als de locatie nader te bepalen is, is het veld leeg.
    • Status (tekst): Een van de volgende evenementstatussen: 
      • GEPLAND: De datum van het evenement ligt in de toekomst.
      • BEGONNEN: De begintijd van het evenement is aangebroken.
      • AFGELOPEN: De eindtijd van het evenement is verstreken.
      • GEANNULEERD: Het evenement is geannuleerd.
    • Laagste prijs geformatteerd (tekst): De laagst beschikbare prijs, opgemaakt met je valuta. Let op:
      • Als het evenement RSVP-registratie heeft of extern is, is dit veld leeg.
      • Als er tickets zijn verkocht voor dit evenement, wordt de laagst beschikbare prijs weergegeven.
      • Als er gratis tickets worden aangeboden, wordt 'Gratis' weergegeven.
  1. Voeg dynamische knoppen toe waarmee gasten zich kunnen registreren voor het evenement of het aan hun agenda kunnen toevoegen:
    1. Klik op Elementen toevoegen Klik links op Knop en selecteer vervolgens de knop die je wilt toevoegen.
    2. Klik op de knop en vervolgens op het Aan CMS koppelen-pictogram.
    3. Klik op de Klikken is gekoppeld aan-dropdown en kies wat er gebeurt als bezoekers op de knop klikken:
      • URL van de evenementpagina: Bezoekers gaan naar de 'Details en registratie'-pagina waar ze zich kunnen registreren voor het evenement.
      • Google Agenda-URL (URL): De bezoeker voegt het evenement toe aan hun Google Agenda.
      • iCalendar-URL (URL): De bezoeker downloadt een iCalendar-link naar het evenement.
      • Registratie-URL (URL): Bezoekers gaan naar de registratie-URL als de registratie voor het Wix-evenement extern wordt beheerd.
    4. Kies hoe de link wordt geopend: In het huidige venster of Als een nieuw venster.
    5. Klik op de Labels gekoppeld aan-dropdown en kies een veld dat je als dynamische knoptekst wilt gebruiken. Of klik op de knop op Tekst en pictogram wijzigen om statische knoptekst in te voeren (bijvoorbeeld: 'Registreren').
  1. Pas de grootte, locatie en het ontwerp van de elementen op je pagina naar wens aan.
  2. Klik op Voorbeeld om je dynamische evenementenpagina te testen.
  3. Klik op Publiceren wanneer je klaar bent om de wijzigingen live te laten gaan.

Vond je dit artikel nuttig?

|