CMS: Een dynamische itempagina toevoegen en instellen

Leestijd 16 minuten
Gebruik dynamische itempagina's om direct een onbeperkt aantal pagina's te produceren, die elk een ander item uit je CMS-verzameling vertegenwoordigen. De dynamische pagina fungeert als een template, waarbij elk verzamelingsitem zijn eigen unieke versie en webadres krijgt. Je kunt de URL-slugstructuur van je dynamische pagina's aanpassen om ze georganiseerd te houden en ervoor te zorgen dat elk item een unieke URL krijgt. 

Begin met het maken van je dynamische itempagina en ontwerp vervolgens de indeling door de elementen toe te voegen en te schikken. Koppel de pagina-elementen, zoals tekst en afbeeldingen, aan je verzamelingsvelden via de ingebouwde dataset. Als gevolg hiervan toont de unieke versie van de pagina van elk item inhoud uit de verzamelingsvelden van het item. 

We raden aan om de dynamische itempagina's van je verzameling te koppelen aan een dynamische lijstpagina die een catalogus van je items toont in een repeater, galerij of tabel. Wanneer bezoekers op een item op de dynamische lijstpagina klikken, worden ze naar de dynamische itempagina geleid waar ze details over het item bekijken. 
Voordat je begint:
Maak een CMS-verzameling die de items bevat die elk op hun eigen versie van deze dynamische itempagina worden weergegeven. 

Stap 1 | Voeg een dynamische itempagina toe

Maak een dynamische itempagina voor je verzameling vanuit het CMS-paneel in je Editor. Hiermee wordt de pagina toegevoegd die fungeert als template voor de unieke versie van elk item. Elke versie deelt dezelfde dynamische itempagina en verwisselt eenvoudig de details afhankelijk van het item.  
Wix Editor
Studio Editor
  1. Ga naar je Editor.
  2. Klik links in de Editor op CMS.
  3. Klik op Je verzamelingen.
  4. Wijs de relevante verzameling aan en klik op het Meer acties-pictogram.
  5. Klik op Dynamische pagina toevoegen.
Een screenshot van het toevoegen van een dynamische pagina uit een verzameling in de Wix Editor.
  1. Selecteer Itempagina en klik op Toevoegen aan website

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

Misschien wil je de structuur van de URL-slug bewerken die de webadressen van je dynamische pagina's bepaalt. Hierdoor kun je de URL's op je eigen aangepaste manier georganiseerd en gestructureerd houden. 

Je kunt bijvoorbeeld de volgende URL-slugstructuren maken voor je dynamische pagina's: 
  • Dynamische lijstpagina: https://www.{jouw-domein.com}/{verzameling-naam}
  • Dynamische categoriepagina: https://www.{jouw-domein.com}/{verzameling-naam}/{categorie}
  • Dynamische itempagina: https://www.{jouw-domein.com}/{verzameling-naam}/{categorie}/{primair-veld}

Zorg ervoor dat je een URL-slug-structuur maakt voor je dynamische itempagina die ervoor zorgt dat elk item een unieke URL heeft. Zonder een unieke URL kan een item geen eigen versie van de dynamische itempagina hebben. Lees meer over het maken van unieke dynamische pagina-URL's.

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. 
Belangrijk:
Als je de URL-slugstructuur van je dynamische pagina's wijzigt, werken alle bestaande links naar deze pagina's niet meer. Dit heeft invloed op links binnen je website, links die je extern hebt gedeeld, en SEO-links in zoekmachines. We brengen een functie uit waarmee je een automatische omleiding kunt toevoegen, waardoor bezoekers en zoekmachines van de oude URL naar de nieuwe worden geleid. 

Om de URL-slugstructuur van je dynamische itempagina te bewerken:

Wix Editor
Studio Editor

  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 dynamische itempagina die je zojuist hebt gemaakt aan en klik rechts op het Meer acties-pictogram.
    Tip: Standaard heeft de dynamische itempagina die je hebt gemaakt de volgende titel: {Naam verzameling} (Item) 
  5. Klik op SEO
  6. Bewerk het URL-slugstructuurveld
    • Klik op Variabele toevoegen en kies een tekst- of getalveld om de waarden ervan te gebruiken in de structuur van de URL-slug. 
    • Voer tekst- of getalwaarden in om statische waarden te gebruiken in de structuur van de URL-slug. 
    • Druk op Enter op je toetsenbord om de wijzigingen in de structuur van de URL-slug op te slaan. 
Een screenshot van het wijzigen van de URL-slugstructuur van een dynamische itempagina.

Stap 3 | Koppel pagina-elementen aan het CMS

Standaard bevat je nieuwe dynamische itempagina elementen, zoals tekst en een afbeelding, die automatisch worden gekoppeld aan je CMS-verzamelingsvelden. 

Voeg de elementen die je wilt opnemen toe en rangschik ze op je dynamische itempagina. Koppel de elementen vervolgens aan je CMS-verzamelingsvelden binnen de dataset als je wilt dat ze dynamisch veranderen op basis van het item. Laat elementen losgekoppeld van het CMS als je wilt dat hun inhoud in elke versie hetzelfde blijft. 

Je zou ook standaard 'Vorige'- en 'Volgende'-knoppen moeten hebben die bezoekers automatisch naar het vorige of volgende item leiden dat door de dataset wordt geretourneerd. Je kunt een extra 'Terug'-knop koppelen aan de dynamische lijstpagina van de verzameling of aan een andere locatie waar je items worden vermeld. 
Wix Editor
Studio Editor
  1. (Optioneel) Voeg elementen toe aan je pagina (bijvoorbeeld knoppen, tekst, afbeeldingen) of verwijder elementen die je niet nodig hebt.
  2. Koppel de elementen op je pagina aan je CMS-verzameling: 
3. Klik op Voorbeeld en gebruik de Voorbeeld-werkbalk om elke versie van je dynamische itempagina te testen. 
Een screenshot van het gebruik van de Voorbeeld-werkbalk om te controleren hoe andere items worden weergegeven op de dynamische itempagina.
4. Klik op Publiceren als je klaar bent om de wijzigingen live te laten gaan. 

Veelgestelde vragen

Klik op een vraag hieronder voor meer informatie over het instellen van dynamische itempagina's. 

Vond je dit artikel nuttig?

|