Team a une disponibilité limitée. Veuillez consulter notre page sur les plans pour plus de détails.
Conseil
Pour en savoir plus, consultez les pages et collections dynamiques sur Duda University.
Les pages dynamiques permettent de créer et de mettre à jour rapidement plusieurs pages en utilisant des collections de contenu internes ou externes, ce qui accélère considérablement le processus.
Une page dynamique renvoie à une collection (pour plus d'informations sur les collections, voir Contenu dynamique : Collection) et génère plusieurs pages au contenu unique mais à la présentation cohérente. Vous pouvez créer une nouvelle page dynamique, convertir une page existante ou utiliser une page dynamique prédéfinie disponible sur la plateforme.
Les clients du forfait Agence peuvent se connecter aux collections internes ainsi qu'aux collections gérées sur Google Sheets et Airtable. Les clients ayant un forfait personnalisé peuvent également se connecter à des bases de données externes grâce à l'API.
Les pages dynamiques qui sont automatiquement connectées à une collection interne avec un contenu par défaut par le biais des pages et des fenêtres contextuelles sont disponibles. Pour plus d'informations, voir Utiliser une page dynamique préconstruite avec une collection interne configurée.
Pour en savoir plus sur le contenu dynamique, consultez la section Vue d'ensemble du contenu dynamique.
Remarque
-
Pour plus d'informations sur les limitations spécifiques à la création de collections, reportez-vous à la section Contenu dynamique : Collections.
-
Si vous changez de collection, la page widget restera liée aux noms/étiquettes des champs qui existent dans les deux collections. Tous les champs qui n'existent pas dans la nouvelle collection seront déconnectés et devront être reconnectés. Reportez-vous à la section de cet article consacrée aux collections de modifications.
-
Les pages dynamiques ne peuvent pas être protégées par un mot de passe.
-
Les pages dynamiques ne peuvent pas être des pages d'adhésion
-
Les commentaires sur le site ne sont pas pris en charge par les pages dynamiques.
-
L'application Ampify ne fonctionne pas avec les pages dynamiques.
Les pages dynamiques sont très utiles lorsque vous créez un site web contenant plusieurs pages dont la structure est identique, mais avec du contenu différent. Par exemple :
-
Annonces immobilières
-
Pages d'équipe
-
Pages de recettes
-
Pages de destination
Attention
Si vous convertissez une page dynamique en page ordinaire, tous les widgets seront déconnectés. Vous devrez les reconnecter si vous décidez de reconvertir la page ordinaire en page dynamique.
Les pages dynamiques n'ont pas d'autorisations spéciales. Les données étant gérées en externe (sauf dans le cas des collections internes), un client pourra modifier toutes les données de la collection auxquelles il a accès. De plus, les données ne sont pas sauvegardées.
Les clients pourvus d'une autorisation de modification limitée ne peuvent modifier aucun élément connecté de la page dynamique. Ils peuvent uniquement les consulter.
Remarque
Par défaut, une page dynamique n'est pas directement navigable ou découvrable sur le site. Lorsque vous êtes prêt à les mettre à la disposition des visiteurs du site, les enregistrements doivent être ajoutés à la navigation du site ou un affichage de collection widget doit être ajouté à une page. Pour plus d'informations, voir Contenu dynamique : Options d'affichage et de navigation pour les notices de collection.
Il existe deux options pour créer une page dynamique.
Remarque
-
Les pages dynamiques sont signalées par une icône de collection sur votre panneau Pages. Survolez l'icône pour voir le nom de la collection à laquelle la page est connectée.
-
Bien que vous puissiez créer ou connecter une collection lors de la configuration d'une page dynamique, il est recommandé de préparer une collection à l'avance (pour plus d'informations sur les collections, voir Contenu dynamique : Collections). Sauf si vous envisagez d'utiliser l'une des pages dynamiques préconfigurées, qui sont livrées avec une collection interne prête à l'emploi (pour plus d'informations, voir Utiliser une page dynamique préconfigurée avec une collection interne configurée).
-
Les pages dynamiques n'apparaissent PAS dans la navigation du site et sont donc cachées par défaut. Voir Contenu dynamique : Options d'affichage et de navigation pour les fiches de collection pour plus d'informations sur la manière de naviguer dans les pages dynamiques.
Pour créer une nouvelle page dynamique :
-
Dans le panneau latéral, cliquez sur Pages, puis sur + Ajouter une page.
-
Cliquez sur Pages dynamiques, sélectionnez l'une des options de pages dynamiques. Si vous n'avez pas de collection, vous avez la possibilité de créer une collection (la sélection de cette option annulera la création de la page).
-
Indiquez le nom de la page.
-
Dans le menu déroulant, sélectionnez la collection à laquelle vous voulez connecter la page.
-
Cliquez sur + Ajouter une page.
Pour convertir une page existante :
-
Dans le panneau latéral, cliquez sur Pages, cliquez sur l'icône Paramètres de la page (
) en regard de la page que vous souhaitez convertir, puis cliquez sur Convertir en page dynamique.
-
Sélectionnez la collection dans le menu déroulant. Si vous n'avez pas de collection, vous avez la possibilité de créer une collection (la sélection de cette option annule la conversion de la page).
-
Cliquez sur Terminé.
Une fois la page conçue, il est temps de connecter les widget et les éléments.
Pour connecter un widget ou un élément de toile* :
-
Cliquez avec le bouton droit de la souris sur le site widget ou sur l'élément que vous souhaitez connecter, puis sélectionnez Connecter aux données.
-
Sélectionnez les données souhaitées à l'aide du menu déroulant (seules les options de données pertinentes sont affichées).
-
Sélectionnez Terminé.
L'icône Données connectées () apparaît sur le widget ou l'élément pour indiquer qu'il est connecté.
*Les éléments de la toile qui peuvent être connectés sont les suivants :
-
Éditeur classique : arrière-plans des lignes et des colonnes.
-
Éditeur 2.0 : arrière-plans des sections.
Remarque
Lorsque vous connectez l'arrière-plan d'une ligne ou d'une colonne (uniquement dans la version classique de l'éditeur), il peut y avoir jusqu'à trois options de collection :
-
Colonne/champ contenant une seule image (un champ image doit exister). L'icône multiSquare (
) indique que l'option est un champ/une colonne de la collection connectée.
-
Colonne/champ contenant une collection d'images pour un curseur d'arrière-plan (disponible uniquement pour les collections internes ou Airtable ; un champ de collection d'images doit exister).
-
Toute la collection. Cette option transforme l'arrière-plan en un curseur qui affiche une image de chaque enregistrement ou ligne de la collection (cette option n'est généralement pas sélectionnée ; la collection doit comporter un champ/colonne d'images). Si vous utilisez cette option, le curseur d'arrière-plan sera le même pour tous les enregistrements. L'icône multi-images (
) indique que l'option concerne une collection entière.
D'autres options peuvent également apparaître si le site comporte des images d'entreprise et/ou un site natif store store.
La liaison en ligne permet d'utiliser Dynamic pour un ou plusieurs mots spécifiques à l'intérieur du site widget. Le texte connecté peut être conçu et lié comme un texte normal.
Remarque
La conception de la bibliothèque de contenu remplace la conception de l'éditeur de texte pour le texte connecté.
Pour utiliser la reliure en ligne pour le texte widget:
-
Saisissez {{{ dans l'éditeur de texte pour ouvrir la fenêtre contextuelle Données connectées.
-
Sélectionnez l'étiquette que vous souhaitez connecter.
-
Cliquez sur Enregistrer.
Lors de l'édition, l'étiquette apparaît dans l'éditeur entre crochets (par exemple, {{label}} ). Le texte connecté s'affiche après la fermeture de l'éditeur. Vous pouvez également afficher le texte connecté en cliquant sur l'icône Données connectées ().
Remarque
L'icône des données connectées ne s'affiche que pour les utilisateurs qui se servent des données connectées sur leur compte, mais tous les utilisateurs voient l'étiquette entre crochets lors de la modification.
Vous pouvez également saisir l'étiquette directement dans l'éditeur de texte, en l'entourant de deux crochets pour relier le texte en ligne. Par exemple, {{content_library.global}}.
Pour utiliser la liaison en ligne pour le widget Accordion :
-
Ajoutez un widget Accordéon à la page souhaitée.
-
Ouvrez l'onglet contenu du widget.
-
Sélectionnez n'importe quel élément d'accordéon.
-
Dans la zone de texte du champ de description, cliquez sur le bouton Data Binding (
) en haut à gauche de la barre d'outils.
-
Dans la fenêtre contextuelle des données connectées, choisissez le champ que vous souhaitez connecter.
-
Le champ choisi sera ajouté au champ de description en tant qu'élément de connexion inline. Cela signifie que vous pouvez également ajouter un texte statique à la description et le combiner avec les données dynamiques.
-
Remarque
Seule la description prend actuellement en charge la connexion inline. Tous les autres champs (titre, image et bouton) sont statiques. Si ce n'est pas nécessaire, les champs Image et Bouton peuvent être masqués.
Le type de liste widget (voir ci-dessous) ne peut afficher qu'une collection complète et non des données sur une seule ligne, à l'exception du type de champ "collection d'images". Les sites widget suivants peuvent être connectés à un type de champ de collection d'images : Galerie de photos, Liste, Accordéon, Onglets, Média Slider.
Type de liste widget:
-
Liste
-
Galerie de photos
-
Carrousel média
-
Onglets
-
Accordéon
-
Tableau (affichage uniquement, aucun lien direct n'est disponible)
Les sites personnalisés widget qui prennent en charge les données connectées peuvent également être connectés. Assurez-vous que l'option Enable binding to Connected Data est activée pour toutes les pages personnalisées widget que vous souhaitez connecter pour les pages dynamiques. Pour plus d'informations, consultez notre documentation destinée aux développeurs, Connected Data.
Pour relier les paramètres SEO et l'en-tête HTML :
-
Dans le panneau latéral, cliquez sur Pages, puis sur l'icône des paramètres (
-
Cliquez sur Modifier la page SEO.
-
Cliquez sur l'icône Connecter les données (
) pour le champ souhaité.
Conseil
Continuez à faire défiler l'écran jusqu'à ce que vous atteigniez le champ Header HTML.
-
Sélectionnez les données souhaitées à l'aide du menu déroulant (seules les options de données pertinentes sont affichées).
-
Cliquez sur Terminé.
Pour déconnecter les paramètres SEO et l'en-tête HTML :
-
Dans le panneau latéral, cliquez sur Pages, puis sur l'icône des paramètres (
-
Cliquez sur Modifier la page SEO.
-
Cliquez sur l'icône Connecter les données (
Conseil
Continuez à faire défiler l'écran jusqu'à ce que vous atteigniez le champ Header HTML.
-
Cliquez sur la liste déroulante et sélectionnez Aucun.
-
Cliquez sur Terminé.
Dans les paramètres de la page dynamique, vous pouvez modifier la collection. Dans ce cas, la page widget restera connectée aux noms/étiquettes des champs qui existent dans les deux collections. widget connectés à des noms/étiquettes classés qui n'existent pas dans la nouvelle collection, seront déconnectés.
Par exemple, si vous avez une collection avec des champs nommés nom, adresse et téléphone et que vous passez à une collection avec des champs nommés adresse et téléphone, le widget connecté à l'adresse et au téléphone restera connecté et affichera les données de la nouvelle collection, tandis que le widget connecté au nom sera déconnecté parce qu'il n'existe pas dans la nouvelle collection.
Pour modifier les collections :
-
Dans le panneau latéral, cliquez sur Pages, puis sur l'icône des paramètres (
-
Cliquez sur Remplacer la collection.
-
Cliquez sur la liste déroulante et sélectionnez la collection souhaitée.
Attention
La page widget restera liée aux noms de champs/étiquettes qui existent dans les deux collections. Tous les champs qui n'existent pas dans la nouvelle collection seront déconnectés et devront être reconnectés.
Les paramètres des pages dynamiques sont similaires à ceux des pages normales, avec les différences suivantes :
-
Options supplémentaires :
-
Remplacer la collection. Reportez-vous à la section de cet article consacrée aux collections de modifications.
-
Rafraîchir les données. Actualise les données de la collection.
-
Aller à la collection.
-
-
Options non disponibles :
-
Définir comme page d'accueil. Les pages dynamiques ne peuvent pas être définies comme page d'accueil.
-
Définir l'accès à la page. Les pages dynamiques ne peuvent pas être protégées par un mot de passe ou être des pages d'adhésion.
-
Remarque
Pour plus d'informations sur les paramètres de la page, voir Gestion de la page unique.
Les informations suivantes sont importantes et concernent l'utilisation des pages dynamiques sur les sites multilingues :
-
Les pages dynamiques sur les sites multilingues sont gérées à partir de la langue principale.
-
La création d'une page dynamique, ou la conversion d'une page ordinaire en page dynamique, n'est disponible que dans la langue principale.
-
La conversion d'une page dynamique en page ordinaire à partir de la langue principale convertit toutes les pages en pages ordinaires dans toutes les langues.
-
La conversion d'une page dynamique en page ordinaire à partir d'une langue autre que la langue principale n'affectera que la page dans cette langue.
Voici quelques bonnes pratiques :
-
Ajouter une page dynamique ou convertir une page en dynamique sur la langue principale. Après avoir connecté tous les widget, ajoutez cette page aux autres langues en cliquant sur Traduire dans le menu des paramètres, ou en allant dans les autres langues et en cliquant sur Traduire une autre page dans chacune d'elles.
-
Cela ajoutera la page dynamique aux autres langues, mais elle restera connectée à la même collection. Cliquez sur l'icône des paramètres et sélectionnez Remplacer la collection. Cela vous permet de remplacer la collection connectée tout en conservant tous les champs connectés.
Remarque
Si vous utilisez une collection de bases de données externes contenant plusieurs langues, inutile de suivre la deuxième étape. Nous nous occuperons automatiquement de faire correspondre la langue de la collection et celle du site. Pour en savoir plus, veuillez consulter le portail des développeurs.