Système de gestion de contenu (CMS) : Ajouter et configurer une page d'élément dynamique

Utilisez des pages d'éléments dynamiques pour produire instantanément un nombre illimité de pages, chacune représentant un élément différent de votre collection du système de gestion de contenu (CMS). La page dynamique sert de modèle, chaque élément de collection ayant sa propre version et adresse web uniques. Vous pouvez personnaliser la structure du slug d'URL de vos pages dynamiques pour les organiser et vous assurer que chaque élément reçoit une URL unique.

Commencez par créer votre page d'élément dynamique, puis concevez sa mise en page en ajoutant et en classant les éléments. Connectez les éléments de la page, tels que le texte et les images, aux champs de votre collection via le dataset intégré. Par conséquent, la version unique de la page de chaque élément affiche le contenu des champs de collection des éléments.

Nous vous recommandons d'associer les pages d'éléments dynamiques de votre collection à une page de liste dynamique qui affiche un catalogue de vos éléments dans un répéteur, une galerie ou un tableau. Lorsque les visiteurs cliquent sur un élément sur la page de liste dynamique, ils accèdent à la page d'élément dynamique où ils voient les détails de l'élément.

Avant de commencer :

Créer une collection du CMS qui inclut les éléments qui s'afficheront chacun dans leur propre version de cette page d'élément dynamique.

Étape 1 | Ajouter une page d'élément dynamique

Créez une page d'élément dynamique pour votre collection à partir du panneau du CMS de votre Éditeur. Cela ajoute la page qui agit comme modèle pour la version unique de chaque élément. Chaque version partagera la même page d'élément dynamique et remplacera simplement les détails en fonction de l'élément.

Éditeur Wix

Éditeur Studio

Accédez à votre Éditeur.
Cliquez sur CMS à gauche de l'éditeur.
Cliquez sur Vos collections.
Survolez la catégorie concernée et cliquez sur l'icône Plus d'actions .
Cliquez sur Ajouter une page dynamique.

Une capture d'écran de l'ajout d'une page dynamique à partir d'une collection dans l'Éditeur Wix.

Sélectionnez la page de l'élément et cliquez sur Ajouter au site.

Étape 2 | (Facultatif) Modifier la structure du slug d'URL

Vous pouvez modifier la structure du slug d'URL qui détermine les adresses web de vos pages dynamiques. Cela vous permet de garder les URL organisées et structurées de votre propre manière personnalisée.

Par exemple, vous avez pu créer les structures de slug d'URL suivantes pour vos pages dynamiques :

Page de liste dynamique : https://www.{your-domain.com}/{collection-name}
Page de catégorie dynamique : https://www.{your-domain.com}/{collection-name}/{category}
Page d'élément dynamique : https://www.{your-domain.com}/{collection-name}/{category}/{primary-field}

Assurez-vous de créer une structure de slug d'URL pour votre page d'élément dynamique qui garantit que chaque élément a une URL unique. Sans URL unique, un élément ne peut pas avoir sa propre version de la page d'élément dynamique. En savoir plus sur la création d'URL de page dynamiques uniques.

Lorsque vous modifiez la structure du slug d'URL, la structure ne peut pas déjà être utilisée par d'autres pages existantes sur votre site. Pour être unique, la structure du slug d'URL ne peut pas avoir le même préfixe (par exemple {Collection name}) et le même nombre de variables qu'une autre page de votre site, même si les variables sont différentes.

Afficher un exemple de structures de slug d'URL en conflit qui ne peuvent pas être utilisées

Important :

Si vous modifiez la structure du slug d'URL de vos pages dynamiques, tous les liens existants vers ces pages ne fonctionneront plus. Cela affecte les liens à l'intérieur de votre site, tous les liens que vous avez partagés en externe et les liens de référencement dans les moteurs de recherche. Nous lançons une fonctionnalité qui vous permettra d'ajouter une redirection automatique, redirigeant les visiteurs et les moteurs de recherche de l'ancienne URL vers la nouvelle.

Pour modifier la structure du slug d'URL de votre page d'élément dynamique :

Éditeur Wix

Éditeur Studio

Accédez à votre Éditeur.
Cliquez sur Pages et menuà gauche de l'éditeur.
Cliquez sur Pages dynamiques.
Survolez la page d'élément dynamique que vous venez de créer et cliquez sur l'icône Plus d'actions sur la droite.
Suggestion : Par défaut, la page d'élément dynamique que vous avez créée est nommée : {Collection name} (Item)
Cliquez sur SEO.
Modifiez le champ de la structure du slug d'URL :
- Cliquez sur Ajouter une variable et choisissez un champ de texte ou de nombre pour utiliser ses valeurs dans la structure du slug d'URL.
- Saisissez des valeurs de texte ou de chiffres pour utiliser des valeurs statiques dans la structure du slug d'URL.
- Appuyez sur Entrée sur votre clavier pour enregistrer les modifications apportées à la structure du slug d'URL.

Une capture d'écran de la modification de la structure du slug d'URL d'une page d'élément dynamique.

Étape 3 | Connecter des éléments de page au CMS

Par défaut, votre nouvelle page d'élément dynamique comprend des éléments, tels que du texte et une image, qui sont automatiquement connectés aux champs de votre collection du CMS.

Ajoutez et organisez les éléments que vous souhaitez inclure dans votre page d'élément dynamique. Connectez ensuite les éléments aux champs de votre collection du CMS dans le dataset si vous souhaitez qu'ils changent dynamiquement en fonction de l'élément. Laissez les éléments déconnectés du CMS si vous souhaitez que leur contenu reste le même à chaque version.

Vous devez également avoir des boutons "Précédent" et "Suivant" qui redirigent automatiquement les visiteurs vers l'élément précédent ou suivant renvoyé par le dataset. Vous pouvez lier un bouton « Retour » supplémentaire à la page de liste dynamique de la collection ou à un autre emplacement qui répertorie vos éléments.

Éditeur Wix

Éditeur Studio

(Facultatif) Ajoutez des éléments à votre page (ex. Boutons, texte, images) ou supprimez les éléments dont vous n'avez pas besoin.
Connectez les éléments de votre page à la collection de votre CMS :

Bouton de retour

Éléments de texte

Image

Boutons Précédent/Suivant

Suggestion :

En savoir plus sur les options de connexion au système de gestion de contenu (CMS) pour chaque élément pris en charge.

3. Cliquez sur Aperçu et utilisez la barre d'outils Aperçu pour tester chaque version de votre page d'élément dynamique.

Une capture d'écran de l'utilisation de la barre d'outils Aperçu pour vérifier la façon dont d'autres éléments s'affichent sur la page d'élément dynamique.

4. Cliquez sur Publier si vous êtes prêt à mettre en ligne les modifications.

FAQ

Cliquez sur une question ci-dessous pour en savoir plus sur la configuration des pages d'éléments dynamiques.

Qu'est-ce qu'un dataset ?

Puis-je lier le menu de mon site à des URL de page d'éléments dynamiques spécifiques ?

Puis-je afficher de nombreuses images et vidéos sur une page d'élément dynamique ?

Pourquoi dois-je ajouter un champ variable à la structure du slug d'URL ?

L'ajout d'un champ variable à la structure de votre slug d'URL modifie les slugs d'URL (URL de page dynamiques) des éléments de votre collection. L'URL de la page dynamique aide les moteurs de recherche et les visiteurs à comprendre de quoi il s'agit. Cela ajoute également une structure et une organisation aux URL dynamiques de votre site.

Pour qu'une page d'élément dynamique ait une version dédiée pour chaque élément de collection, le champ Lien de page de la page a besoin d'un slug d'URL unique. Dans le cas contraire, la page ne peut pas exister pour chaque élément. Vous devrez peut-être ajouter des variables à la structure du slug d'URL, pour vous assurer que chaque élément a un slug d'URL unique.

Si plusieurs éléments de votre collection ont la même valeur dans leur champ principal et que vous n'ajoutez pas de variable à la structure du slug d'URL de la page de l'élément dynamique, une seule URL est générée pour plusieurs éléments. Cela est dû au fait que le champ principal est utilisé par défaut dans la structure du slug d'URL de la page de l'élément dynamique. Étant donné qu'une seule URL est créée pour les deux éléments, seul 1 élément aura une version dédiée de la page d'élément dynamique, l'autre n'en aura pas.

Par exemple, si la structure du slug d'URL de votre page d'élément dynamique se termine par /team/{primary-field}, et que 2 éléments de la collection ont "Sara" dans le champ principal, une seule URL est générée pour /team/sara. Ainsi, une seule version de la page de l'élément dynamique est créée pour 1 seul des 2 éléments de la collection.

Pour résoudre ce problème, vous pouvez ajouter un champ variable à la structure du slug d'URL afin de créer des slugs d'URL uniques pour chaque élément. Par exemple, ajoutez un champ « téléphone » si chaque élément a une valeur différente dans un champ « téléphone ». L'URL serait alors /team/sara/{phone} afin que chaque élément ait sa propre URL de page d'élément dynamique.

Découvrez comment ajouter des champs variables à la structure du slug d'URL de votre page.

Puis-je créer des pages dynamiques répertoriant les éléments par catégorie ?

Étape 1 | Ajouter une page d'élément dynamique

Étape 2 | (Facultatif) Modifier la structure du slug d'URL

Pour modifier la structure du slug d'URL de votre page d'élément dynamique :

Étape 3 | Connecter des éléments de page au CMS

FAQ

Cela vous a-t-il aidé ?

Dans cet article