CMS: Verzamelingsinhoud weergeven op je productpagina van Wix Stores

Leestijd 10 minuten
Je Stores-productpagina heeft verschillende versies voor elk van je producten die dezelfde indeling delen. Met behulp van het CMS (Content Management System), kun je deze pagina nu aanpassen om aanvullende productgegevens op te nemen die zijn opgeslagen in een aparte CMS-verzameling. Je kunt ook de standaard inhoud van de productpagina verbergen en in plaats daarvan weergeven in ondersteunde elementen voor meer controle over de pagina-indeling. Dit geeft je de mogelijkheid om je productpagina te personaliseren en je productvermeldingen te verbeteren, waardoor je klanten een rijkere ervaring krijgen.

Eerst maak je een 'Details'-verzameling die verwijst naar je Stores Wix app-verzameling. In deze 'Details'-verzameling sla je de aanvullende informatie op die je in je productpagina wilt integreren. Stel vervolgens de datasets in op je pagina en koppel ze aan je Wix Stores-appverzameling en je 'Details'-verzameling. Koppel ten slotte ondersteunde elementen, zoals het Uitgebreide inhoud-element, aan je 'Details'-verzameling om de aanvullende informatie weer te geven. 

Indien nodig kun je de standaardinhoud op je productpaginawidget verbergen en elders weergeven door elementen te koppelen aan je Wix Stores-appverzameling. Je kunt bijvoorbeeld de ingebouwde galerij van de productpagina verbergen, vervolgens een professionele galerij toevoegen en deze koppelen aan het Mediagalerij-veldtype van je Wix Stores-appverzameling. Dit geeft je meer controle over het aanpassen van je galerij en het overal op de pagina weergeven. Hetzelfde geldt voor alle Widget-elementen waarover je meer controle wilt hebben.  

Dit kan een game-changer zijn voor je online bedrijf. Stel je voor dat je de eigenaar van een boetiek bent die een uniek op maat gemaakte productpagina wil die klanten een meer diepgaande kijk op je producten geeft. Met dit proces kun je eenvoudig extra details toevoegen, zoals het achtergrondverhaal van een product of specifieke onderhoudsinstructies, rechtstreeks op je aangepaste productpagina.
Screenshot van een detaildataset op de productpagina.
Voordat je begint:
  • Zorg ervoor dat je het CMS toevoegt aan je website als je dat nog niet hebt gedaan. 
  • Schakel Wix app-verzamelingen in zodat je Wix Stores kunt gebruiken met het CMS. Je Wix Stores app-verzameling is alleen-lezen en bevat automatisch alle productgegevens die je hebt ingesteld in Wix Stores. 

Stap 1 | Maak een verzameling die verwijst naar je Wix-appverzameling

Als je wilt dat je productpagina details over je producten bevat die nog niet bestaan in Wix Stores, moet je een CMS-verzameling maken met de aanvullende informatie. Voor elk item in de verzameling heb je ook een verwijzingsveld nodig dat koppelt aan het relevante product in je Wix Stores app-verzameling. 
Tip:
Als je geen aanvullende productinformatie hoeft te tonen, en in plaats daarvan alleen bestaande Wix Stores-gegevens wilt gebruiken in gekoppelde pagina-elementen op de productpagina, sla deze stap dan over. 

Om een CMS-verzameling te maken die verwijst naar je Wix Stores-appverzameling:

  1. Maak een verzameling met meerdere items (standaard) waar je de aanvullende informatie die je in je productpagina wilt integreren bewaart. 
  2. Klik op + Item toevoegen om items toe te voegen voor elk product waarover je aanvullende details wilt opslaan. 
  3. Klik op + Veld toevoegen om velden toe te voegen voor elk type inhoud dat je wilt opslaan (bijvoorbeeld: Uitgebreide inhoud). 
  4. Klik op de relevante cellen om je inhoud aan elk item toe te voegen. 
  5. Voeg een Verwijzing-veldtype toe en koppel het aan de Wix Stores-appverzameling: 
    1. Klik op Velden beheren en vervolgens op + Veld toevoegen
    2. Selecteer Verwijzing en klik op Veldtype kiezen.
      Tip: Selecteer het Meerdere verwijzingen-veld als je de inhoud van een item voor meer dan één product wilt gebruiken. 
    3. Voer de Veldnaam in.
    4. (Alleen Velo) Werk indien nodig de Veld-ID bij, die wordt gebruikt in de code van de website. Je kunt deze ID later niet bijwerken. 
    5. Klik op de Verzameling waarnaar wordt verwezen-dropdown en selecteer Producten onder Stores
    6. (Optioneel) Voer help-tekst in om naast de veldnaam een tooltip in je verzameling op te nemen.
    7. Klik op Opslaan.
Screenshot van het maken van een verwijzingsveld in een 'Details' CMS-verzameling dat verwijst naar de Wix Products Stores-appverzameling
  1. Klik voor elk item op het verwijzingsveld en selecteer het relevante product. Je kunt meerdere producten selecteren als je in de vorige stap een veld met meerdere verwijzingen hebt toegevoegd. 
Screenshot van het selecteren van de bijbehorende producten in het Details van de verzameling-verwijzingsveld.

Stap 2 | Stel datasets in en koppel er elementen aan

Datasets zijn de tools die pagina-elementen zoals tekst, knoppen en afbeeldingen koppelen aan verzamelingsinhoud. Ze vergemakkelijken de koppelingen tussen de elementen en de inhoud van je verzamelingsveld. 

Je moet een of twee datasets toevoegen aan de productpagina, afhankelijk van of je aanvullende details uit je CMS-verzameling wilt weergeven of niet. 

De stappen in dit gedeelte laten zien hoe je de volgende datasets aan je productpagina kunt toevoegen: 
  • Wix app-verzamelingsdataset: Deze leest productinformatie die is opgeslagen en beheerd in je Wix Stores-app. Voeg een URL-slugfilter toe aan deze dataset. Je kunt ondersteunde elementen aan de dataset koppelen om inhoud uit Wix Stores weer te geven.  
  • Details-dataset: Deze leest de aanvullende inhoud die je over je producten hebt opgeslagen uit je eigen CMS-verzameling. Voeg een filter toe aan de dataset dat het verwijzingsveld of het veld met meerdere verwijzingen van je verzameling filtert. Koppel elementen, zoals het Uitgebreide inhoud-element, aan deze dataset om de aanvullende inhoud weer te geven die je hebt toegevoegd aan je 'Details'-verzameling. 
    Let op: Je hebt deze dataset niet nodig als je geen aanvullende informatie uit je CMS-verzameling hoeft weer te geven, en in plaats daarvan alleen inhoud uit je Wix Stores app-verzameling wilt weergeven. 
Screenshot van de datasets die nodig zijn voor deze functie.
Wix Editor
Studio Editor
  1. Ga naar je Editor.
  2. Ga naar je Productpagina:
    1. Klik links in de Editor op Pagina's en menu.
    2. Klik op Winkelpagina's en selecteer de Productpagina
  3. Voeg een dataset toe die koppelt aan je 'Details'-verzameling en filters voor je verwijzingsveld of veld met meerdere verwijzingen:
    Let op: Sla deze stap over als je geen aanvullende details van een 'Details'-verzameling hoeft te tonen.  
    1. Klik links op CMS.
    2. Klik op + Inhoudselementen.
    3. Klik op Dataset.
    4. Klik op de Kies een verzameling-dropdown en selecteer je 'Details'-verzameling. 
    5. Bewerk indien nodig de Datasetnaam en klik op Maken
    6. Klik in de dataset-instellingen onder Filter op + Filter toevoegen
    7. Klik op de Veld-dropdown, selecteer je Verwijzingsveld (Producten) of Meerdere verwijzingen (Producten)-veld en klik vervolgens op Filter toevoegen
Screenshot van het toevoegen van een verwijzingsfilter aan je 'Details'-dataset.
  1. Voeg een dataset toe die koppelt aan je Wix Stores app-verzameling:
    1. Klik rechtsonder in het paneel op Dataset toevoegen
    2. Klik op de Kies een verzameling-dropdown en selecteer de Producten-verzameling onder Stores
    3. Bewerk indien nodig de Datasetnaam en klik op Maken.
Screenshot van het maken van een dataset die koppelt aan de Wix Stores-appverzameling.
  1. Voeg een URL-slugfilter toe aan je Stores/Products-dataset:
    1. Klik naast je Stores/Products-dataset op het Meer acties-pictogramen selecteer Dataset-instellingen.
    2. Klik onder Filter op + Filter toevoegen
    3. Klik op de Veld-dropdown en selecteer Slug (tekst)
    4. Laat is geselecteerd als de Voorwaarde
    5. Selecteer URL-slug onder Waarde bron
    6. Klik op Filter toevoegen
Screenshot van het toevoegen van een URL-slugfilter aan de Wix-appverzameling.
  1. Voeg de ondersteunde elementen toe die je wilt koppelen. 
  2. Koppel de elementen aan de relevante velden in de relevante dataset: 
    • Details-dataset: Koppel de verzamelingsvelden in deze dataset om inhoud uit je 'Details'-verzameling te gebruiken.  
    • Stores/Producten-dataset: Koppel de verzamelingsvelden in deze dataset om inhoud uit je Wix Stores app-verzameling te gebruiken.
      Tip: Je kunt een knop of afbeelding toevoegen en vervolgens de klikactie koppelen aan de In winkelwagen-dataset-actie om je eigen 'Toevoegen aan winkelwagen'-knop te maken. Op dezelfde manier koppel je de actie Snelle weergave openen om een knop te maken die het 'Snelle weergave'-venster opent.
Screenshot van het koppelen van een Uitgebreide inhoud-element aan het Uitgebreide inhoud-veld.
  1. (Optioneel) Verberg standaardgegevens op je productpaginawidget:
    1. Klik op het Productpagina-element en selecteer Instellingen
      Let op: Als je Instellingen niet ziet, gebruik je de nieuwe Wix Stores-productpagina. Selecteer het Elementen-pictogramen schakel de selectievakjes uit naast elk widget-element dat je wilt verbergen. Ga dan verder met stap 9. 
    2. Klik op het Instellingen-tabblad. 
    3. Schakel de selectievakjes uit naast elk detail dat je op de productpagina-widget wilt verbergen. 
    4. Schakel de schakelaars naast de relevante knoppen of pictogrammen uit om ze in de widget te verbergen. 
    5. Pas indien nodig je productpaginawidget verder aan.
Screenshot van het aanpassen van de productpaginawidget.
  1. Gebruik de Voorbeeld-werkbalk om de koppelingen voor de relevante producten te testen. 
  2. Publiceer je website wanneer je klaar bent om de wijzigingen live te laten gaan. 

Vond je dit artikel nuttig?

|