Wix Helpcentrum
    Home
  1. Een website maken
  2. Geavanceerde functies
  3. CMS
  4. Het CMS met andere Wix-producten gebruiken
    5. CMS: Verzamelingsinhoud weergeven op boekingspagina's

CMS: Verzamelingsinhoud weergeven op boekingspagina's

Leestijd 10 minuten
Met het CMS (Content Management System) kun je inhoud uit je verzameling nu rechtstreeks op Wix Bookings-pagina's weergeven. Dit geeft je de mogelijkheid om je dienstvermeldingen te personaliseren en te verbeteren met aanvullende informatie, waardoor een rijkere ervaring voor potentiële klanten wordt gecreëerd.

Eerst maak je een CMS-verzameling die verwijst naar je Bookings Wix app-verzameling. Hier sla je de aanvullende informatie op die je in je boekingspagina's wilt integreren. Vervolgens moet je Velo-code gebruiken om aangepaste boekingspagina's te bouwen. Stel vervolgens de datasets op je pagina in en koppel ze aan je Bookings Wix app-verzameling en je CMS-verzameling. Koppel ten slotte ondersteunde elementen zoals Uitgebreide inhoud aan je CMS-verzameling om de aanvullende informatie weer te geven. 

Dit kan een game-changer zijn voor je online bedrijf. Stel je voor dat je de eigenaar van een kapsalon bent die klanten een meer diepgaande kijk op je diensten wil geven. Met dit proces kun je eenvoudig extra, specifieke details over elke dienst toevoegen, rechtstreeks op je boekingspagina's.
Belangrijk:
  • Je moet Velo-code gebruiken om aangepaste boekingspagina's te bouwen.
  • Het weergeven van inhoud van de CMS-verzameling op boekingspagina's is nog niet in alle Wix-accounts beschikbaar. We zijn bezig deze functie uit te brengen. 
Voordat je begint:

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

  1. Maak een verzameling met meerdere items (standaard) waar je de aanvullende informatie die je in je boekingspagina's wilt integreren bewaart. In dit artikel noemen we dit je 'Details'-verzameling. 
  2. Klik in de verzameling op + Item toevoegen om items toe te voegen voor elke dienst 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 Bookings Wix app-verzameling: 
    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 dienst 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 later niet bijwerken. 
    5. Klik op de Verzameling waarnaar wordt verwezen-dropdown en selecteer de relevante Wix-appverzameling. Selecteer bijvoorbeeld Diensten onder Boekingen.
    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 toevoegen van een verwijzingsveld dat verwijst naar de Bookings Wix app-verzameling.
  1. Klik voor elk item op het verwijzingsveld en selecteer de relevante dienst. Je kunt meerdere diensten selecteren als je in de vorige stap een veld met meerdere verwijzingen hebt toegevoegd. 
Screenshot van het selecteren van de relevante boekingsdiensten in het verwijzingsveld.

Stap 2 | Aangepaste boekingspagina's maken

Als je meer details uit je CMS-verzameling wilt toevoegen aan je dienst- of agendapagina, moet je deze omzetten naar aangepaste pagina's. Dit omvat het toevoegen van code en het gebruik van de Velo API's. Je hoeft alleen de boekingspagina's uit je 'Details'-verzameling te converteren waaraan je gegevens wilt toevoegen. 

Klik op de relevante link hieronder en volg de stappen om je gepersonaliseerde boekingspagina('s) te bouwen:

Stap 3 | Stel de datasets op je pagina in

Datasets linken je pagina-elementen aan de inhoud van de verzameling, zodat de elementen je boekingsinhoud kunnen weergeven. Je hebt twee datasets op je pagina nodig: één gekoppeld aan je Wix Wix app-verzameling en de andere gekoppeld aan je 'Details'-verzameling.

  • Wix app-verzamelingdataset: Deze leest inhoud die is opgeslagen en beheerd in je Wix Bookings-app, zoals diensten. Voeg een URL-slugfilter toe aan deze dataset. Je kunt ondersteunde elementen aan de dataset koppelen om inhoud van Wix Bookings weer te geven.  
  • Details-dataset: Deze leest de aanvullende inhoud die je over je diensten hebt opgeslagen uit je 'Details' CMS-verzameling. Voeg een filter toe aan de dataset dat je verwijzingsveld of veld met meerdere verwijzingen 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. 
Screenshot van de datasets die nodig zijn op een pagina met gepersonaliseerde boekingsdiensten.
Wix Editor
Studio Editor
  1. Ga naar je Editor.
  2. Ga naar de aangepaste boekingspagina waar je details uit je CMS-verzameling wilt weergeven:
    Let op: De volgende stappen laten zien hoe je dit instelt op je gepersonaliseerde dienstenpagina. Je kunt er ook voor kiezen om alleen details uit je CMS-verzameling weer te geven op je gepersonaliseerde boekingsagenda-pagina. 
    1. Klik links in de Editor op Pagina's en menu.
    2. Klik op Boekingspagina's en selecteer de Aangepaste dienstenpagina. Deze pagina toont details over een individuele dienst, waarbij elke dienst zijn eigen URL-versie van de pagina krijgt. Later kun je, indien nodig, dit proces herhalen voor je Aangepaste boekingsagenda-pagina. Nadat klanten de dienst hebben geselecteerd die ze willen boeken, kiezen ze de datum en tijd waarop ze willen boeken op de gepersonaliseerde boekingsagenda-pagina. 
Screenshot van de gepersonaliseerde boekingspagina's gemaakt met Velo-code.
  1. Voeg een dataset toe die koppelt aan je 'Details' CMS-verzameling:
    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. 
  2. (Als je dat nog niet hebt gedaan) Voeg een dataset toe die koppelt aan je Bookings Wix app-verzameling:
    1. Klik rechtsonder in het paneel op Dataset toevoegen. 
    2. Klik op de Kies een verzameling-dropdown en selecteer onder Boekingen de Diensten-verzameling. 
      Tip: Zorg ervoor dat je Diensten selecteert onder Bookings in plaats van onder BookingsV2. Als je je Aangepaste boekingsagenda-pagina bewerkt, selecteer je Agenda onder Boekingen.
    3. Bewerk indien nodig de Datasetnaam en klik op Maken.
Screenshot van het koppelen van een dataset aan de Wix Wix-appverzameling.
  1. Voeg een URL-slugfilter toe aan je Diensten-dataset:
    Tip: Als je je Aangepaste boekingsagenda-pagina bewerkt, voeg dan een URL-slugfilter toe voor je Agenda-dataset. 
    1. Klik naast je Diensten-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 Diensten-dataset.
  1. Voeg een verwijzingsfilter toe aan je 'Details'-dataset:
    1. Klik rechtsboven in het Datasetinstellingen -paneel op Alle paginadatasets. 
    2. Klik naast je 'Details'-dataset op het Meer acties-pictogramen selecteer Dataset-instellingen.
    3. Klik onder Filter op + Filter toevoegen. 
    4. Klik op de Veld-dropdown, selecteer je Verwijzingsveld (Diensten) of Meerdere verwijzingen (Diensten)-veld en klik vervolgens op Filter toevoegen. 
Screenshot van het toevoegen van een verwijzingsfilter aan je 'Details'-dataset.
  1. Voeg de ondersteunde elementen toe waarvan je wilt dat ze details uit je CMS 'Details'-verzameling weergeven. Je kunt bijvoorbeeld het Uitgebreide inhoud-element om de uitgebreide inhoud-velden uit je 'Details'-verzameling weer te geven.
  2. Koppel de elementen aan de relevante velden in je 'Details'-dataset. 
  3. (Als je dat nog niet hebt gedaan) Voeg elementen toe en koppel ze aan je Diensten-dataset om details uit je Wix Wix app-verzameling weer te geven. Wanneer je je Aangepaste boekingsagenda-pagina bewerkt, voeg je elementen toe aan je Agenda-dataset en koppel je deze. 
  4. (Optioneel) Als je ook inhoud uit je 'Details'-verzameling op je Boekingsagenda-pagina wilt weergeven, herhaal je deze stappen voor je Aangepaste boekingsagenda-pagina. 
  5. Klik rechtsboven op Voorbeeld en gebruik de Voorbeeld-werkbalk om de koppelingen voor de relevante diensten te testen. 
  6. Publiceer je website wanneer je klaar bent om de wijzigingen live te laten gaan. 

Vond je dit artikel nuttig?

|
In dit artikel
  • Stap 1 | Maak een verzameling die verwijst naar je Wix app-verzameling
  • Stap 2 | Aangepaste boekingspagina's maken
  • Stap 3 | Stel de datasets op je pagina in