Système de gestion de contenu (CMS) : Afficher le contenu de la collection sur les pages de réservation

Temps de lecture : 11 min
Avec le Système de gestion de contenu (CMS), vous pouvez à présent afficher le contenu de votre collection directement sur les pages de Wix Réservations. Cela vous donne la possibilité de personnaliser et d'améliorer vos fiches de services avec des informations supplémentaires, ce qui crée une expérience plus riche pour les clients potentiels.

Tout d'abord, vous créez une collection dans le CMS qui fait référence à votre collection d'applis Wix Réservations. C'est ici que vous enregistrerez les informations supplémentaires que vous souhaitez intégrer dans vos pages de réservation. Ensuite, vous devez utiliser le code Velo pour créer des pages de réservation personnalisées. Puis, configurez les ensembles de données sur votre page, en les connectant à votre collection d'applis Wix Réservations et à votre collection CMS. Enfin, connectez les éléments pris en charge, comme le contenu enrichi, à votre collection du système de gestion de contenu (CMS) pour afficher les informations supplémentaires. 

Cela peut changer la donne pour votre entreprise en ligne. Imaginez que vous êtes propriétaire d'un salon de coiffure et que vous souhaitez donner aux clients un aperçu plus détaillé de vos services. Grâce à ce processus, vous pouvez facilement ajouter des informations supplémentaires et spécifiques sur chaque service, directement sur vos pages de réservation.
Important :
  • Vous devez utiliser le code Velo pour créer des pages de réservation personnalisées.
  • L'affichage du contenu d'une collection du système de gestion de contenu (CMS) sur les pages de réservation n'est pas encore disponible sur tous les comptes Wix. Nous travaillons à la publication de cette fonctionnalité. 
Avant de commencer :

Étape 1 | Créer une collection qui fait référence à votre collection d'applis Wix

  1. Créer une collection Éléments multiples (par défaut) où vous conserverez les informations supplémentaires que vous souhaitez intégrer dans vos pages de réservation. Dans cet article, nous appellerons cette collection « Détails ». 
  2. Dans la collection, cliquez sur + Ajouter un élément pour ajouter des éléments pour chaque service sur lequel vous souhaitez enregistrer des informations supplémentaires. 
  3. Cliquez sur + Ajouter un champ pour ajouter des champs pour chaque type de contenu que vous souhaitez enregistrer (ex. Contenu enrichi). 
  4. Cliquez sur les cellules correspondantes pour ajouter votre contenu à chaque élément. 
  5. Ajoutez un type de champ Référence et connectez-le à la collection d'applis Wix Réservations : 
    1. Cliquez sur Gérer les champs puis sur + Ajouter un champ
    2. Sélectionnez Référence et cliquez sur Choisir le type de champ.
      Suggestion : Sélectionnez le champ Multi-références si vous souhaitez utiliser le contenu d'un élément pour plusieurs services. 
    3. Saisissez le Nom du champ.
    4. (Velo uniquement) Si nécessaire, mettez à jour l'ID du Champ, qui est utilisé dans le code du site. Vous ne pourrez pas mettre à jour cet identifiant plus tard. 
    5. Cliquez sur le menu déroulant Collection référencée et sélectionnez la collection d'applis Wix correspondante. Par exemple, sélectionnez Services sous Réservations.
    6. (Facultatif) Saisissez un texte d'aide pour inclure une infobulle dans votre collection à côté du nom du champ.
    7. Cliquez sur Enregistrer.
Capture d'écran de l'ajout d'un champ de référence qui renvoie à la collection d'applis Wix Services de réservation.
  1. Pour chaque élément, cliquez sur le champ de référence et sélectionnez le service concerné. Vous pouvez sélectionner plusieurs services si vous avez ajouté un champ multi-références à l'étape précédente. 
Capture d'écran de la sélection des services de réservation concernés dans le champ de référence.

Étape 2 | Créer des pages de réservation personnalisées

Si vous souhaitez ajouter d'autres informations de votre collection du système de gestion de contenu (CMS) à votre page de services de réservation ou d'agenda, vous devez les convertir en pages personnalisées. Cela inclut l'ajout de code et l'utilisation des API Velo. Vous avez uniquement besoin de convertir les pages de réservation dans lesquelles vous souhaitez ajouter des informations à partir de votre collection « Détails ». 

Cliquez sur le lien correspondant ci-dessous et suivez les étapes pour créer votre ou vos pages de réservation personnalisées :

Étape 3 | Configurer les datasets sur votre page

Les ensembles de données connectent les éléments de votre page au contenu de la collection afin qu'ils puissent afficher le contenu de votre réservation. Vous avez besoin de deux datasets sur votre page, un connecté à votre collection d'applis Wix Réservations, et l'autre connecté à votre collection « Détails ».

  • Dataset de collection d'applis Wix : Il lit le contenu stocké et géré dans votre appli Wix Réservations, tel que les services. Ajoutez un filtre de slug d'URL à ce dataset. Vous pouvez connecter les éléments pris en charge au dataset pour afficher le contenu de Wix Réservations.  
  • Détails du dataset : Il lit le contenu supplémentaire que vous avez stocké sur vos services à partir de votre collection de système de gestion de contenu (CMS) « Détails ». Ajoutez un filtre à l'ensemble de données qui filtre votre champ de référence ou de multi-références. Connectez des éléments, tels que l'élément de contenu enrichi, à ce dataset pour afficher le contenu supplémentaire que vous avez ajouté à votre collection « Détails ». 
Capture d'écran des datasets nécessaires sur une page de services de réservation personnalisé.
Éditeur Wix
Éditeur Studio
  1. Accédez à votre Éditeur.
  2. Accédez à la page personnalisée de Réservations où vous souhaitez afficher les informations de la collection de votre système de gestion de contenu (CMS) :
    Remarque : Les étapes suivantes vous montrent comment le configurer sur votre page de service personnalisé. Vous pouvez également choisir de n'afficher que les détails de votre collection du système de gestion de contenu (CMS) sur votre page d'agenda de réservation personnalisé à la place. 
    1. Cliquez sur Pages et menu  à gauche de l'Éditeur.
    2. Cliquez sur Pages de réservation et sélectionnez la page de service personnalisé. Cette page affiche des informations sur un service individuel, chaque service ayant sa propre version URL de la page. Plus tard, si nécessaire, vous pourrez répéter ce processus pour votre page d'agenda de réservation personnalisé . Une fois que les clients ont sélectionné le service qu'ils souhaitent réserver, ils choisissent la date et l'heure qu'ils souhaitent réserver sur la page Agenda de réservation personnalisé. 
Capture d'écran des pages de réservation personnalisées créées à l'aide du code Velo.
  1. Ajoutez un dataset qui se connecte à votre collection de système de gestion de contenu (CMS) :
    1. Cliquez sur CMS  à gauche. 
    2. Cliquez sur Ajouter des éléments de contenu
    3. Cliquez sur Dataset
    4. Cliquez sur le menu déroulant Choisir une collection et sélectionnez votre collection « Détails ». 
    5. Modifiez le Nom du Dataset si nécessaire et cliquez sur Créer
  2. (Si vous ne l'avez pas déjà fait) Ajoutez un dataset qui se connecte à votre collection d'applis Wix Réservations :
    1. Cliquez sur Ajouter un dataset au bas du panneau à droite. 
    2. Cliquez sur le menu déroulant Choisir une collection et sélectionnez la collection Services sous Réservations
      Suggestion : Assurez-vous de sélectionner Services sous Réservations plutôt que sous RéservationsV2. Si vous modifiez votre page d'agenda de réservation personnalisé, sélectionnez Agenda sous Réservations.  
    3. Modifiez le Nom du Dataset si nécessaire et cliquez sur Créer.
Capture d'écran de la connexion d'un dataset à la collection d'applis Wix Réservations.
  1. Ajoutez un filtre de slug d'URL à votre dataset de services :
    Suggestion : Si vous modifiez votre page d'agenda de réservation personnalisé, ajoutez un filtre de slug d'URL pour le dataset de votre agenda. 
    1. Cliquez sur l'icône Plus d'actions  à côté de votre dataset Services et sélectionnez Paramètres du dataset.
    2. Cliquez sur + Ajouter un filtre sous Filtre
    3. Cliquez sur le menu déroulant Champ et sélectionnez Slug (Texte)
    4. Laissez est sélectionné comme Condition
    5. Sous Source de valeur, sélectionnez Slug d'URL
    6. Cliquez sur Ajouter un filtre
Capture d'écran de l'ajout d'un filtre de slug d'URL au dataset Services.
  1. Ajoutez un filtre de référence à votre dataset « Détails » :
    1. Cliquez sur Tous les datasets de la page en haut du panneau Paramètres du dataset à droite. 
    2. Cliquez sur l'icône Plus d'actions  à côté de votre dataset « Détails » et sélectionnez Paramètres du dataset.
    3. Cliquez sur + Ajouter un filtre sous Filtre
    4. Cliquez sur le menu déroulant Champ, sélectionnez votre champ Référence (Services) ou Multi-références (Services), puis cliquez sur Ajouter un filtre
Capture d'écran de l'ajout d'un filtre de référence à votre dataset « Détails ».
  1. Ajoutez les éléments pris en charge dont vous souhaitez afficher les informations de la collection « Détails » de votre système de gestion de contenu (CMS). Par exemple, vous pouvez ajouter l'élément Contenu enrichi pour afficher les champs de contenu enrichi de votre collection « Détails ».
  2. Connecter les éléments aux champs correspondants dans votre dataset « Détails ». 
  3. (Si vous ne l'avez pas déjà fait) Ajoutez et connectez des éléments à votre dataset Services pour afficher les informations de votre collection d'applis Wix Réservations. Lorsque vous modifiez votre page d'agenda de réservation personnalisé, ajoutez et connectez des éléments au dataset de votre agenda. 
  4. (Facultatif) Si vous souhaitez également afficher le contenu de votre collection « Détails » sur votre page d'agenda de réservation, répétez ces étapes pour votre page d'agenda de réservation personnalisé. 
  5. Cliquez sur Aperçu en haut à droite et utilisez la barre d'outils Aperçu pour tester les connexions des services concernés. 
  6. Publiez votre site lorsque vous êtes prêt à mettre en ligne les modifications. 

Cela vous a-t-il aidé ?

|