Astuce
Pour en savoir plus, consultez Pages et collections dynamiques sur Duda Academy.
Les pages dynamiques permettent de créer et de mettre à jour rapidement plusieurs pages à l'aide de 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 avec un contenu unique mais un design cohérent. 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 bénéficiant d'un plan d'agence peuvent se connecter à des collections internes ainsi qu'à des collections gérées sur Google Sheets et Airtable ; les clients disposant d'un plan personnalisé peuvent également se connecter à des bases de données externes via l'API.
pages dynamiques qui sont automatiquement connectées à une collection interne avec du contenu par défaut via des pages et des fenêtres contextuelles sont disponibles. Pour plus d'informations, voir Utiliser un modèle de collecte interne.
Pour plus d'informations sur ce qu'est le contenu dynamique et plus encore, consultez Présentation du contenu dynamique.
Note
-
Pour plus d'informations sur les limites spécifiques à la création de collections, voir Contenu dynamique : collections.
-
Si vous modifiez la collection, les widgets de page resteront connectés 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. Consultez la section de cet article, Modifier les collections.
-
Les pages dynamiques ne peuvent pas être protégées par mot de passe.
-
Les pages dynamiques ne peuvent pas être des pages d'adhésion
-
Les commentaires du site ne sont pas pris en charge sur les pages dynamiques.
-
L'application Ampify ne fonctionne pas avec les pages dynamiques.
Le cas d'utilisation idéal pour les pages dynamiques est de créer un site Web contenant plusieurs pages avec la même structure, mais un contenu différent. Par exemple :
-
Annonces immobilières
-
Pages d'équipe
-
Pages de recettes
-
Pages de destination
Avertissement
Si vous convertissez une page dynamique en page normale, tous les widgets connectés se déconnecteront et vous devrez les reconnecter si vous la reconvertissez en page dynamique.
Les pages dynamiques ne disposent pas d'autorisations spéciales. Les données sont traitées en externe (sauf dans le cas de collections internes), donc si un client a accès aux données de la collection, il pourra les modifier. De plus, les données ne sont en aucun cas sauvegardées.
Les clients autorisés à accéder au contenu du widget ne pourront pas modifier les éléments connectés à la page dynamique ; ils pourront uniquement l'afficher.
Il est important de noter que les limites de pages, de lignes et de données sont déterminées par le type de collection. Pour en savoir plus sur les restrictions par type de collection, voir Contenu dynamique : Collections.
Par défaut, une page dynamique n'est pas directement navigable ou détectable 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 widget d'affichage de la collection 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. Vous pouvez créer une nouvelle page ou convertir une page existante.
Note
-
Les pages dynamiques apparaissent dans le panneau Pages avec une icône de collection pour indiquer qu'il s'agit d'une page dynamique. Pour voir le nom de la collection à laquelle la page est connectée, passez la souris sur l'icône
-
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). À moins que vous ne prévoyiez d'utiliser l'une des pages dynamiques préconfigurées, qui sont fournies avec une collection interne prête à l'emploi (pour plus d'informations Utiliser un modèle de collecte interne.
-
Les pages dynamiques n'apparaissent PAS dans la navigation du site et sont donc masquées par défaut. Contenu dynamique : options d'affichage et de navigation pour les notices de collection pour plus d'informations sur la manière de fournir une navigation vers vos pages dynamiques.
Pour créer une nouvelle page dynamique :
-
Cliquez +Ajouter une page.
-
Cliquez Pages dynamiques, sélectionnez l'une des options de page dynamique. Si vous n'avez pas de collection, il existe une option pour Créer une collection (la sélection de cette option annulera la création de la page).
-
Tapez un Nom de la page.
-
Sélectionnez la collection à laquelle vous souhaitez vous connecter dans la liste déroulante.
-
Cliquez + Ajouter une page.
Pour convertir une page existante :
-
Cliquez sur Paramètres de page icône à côté de la page que vous souhaitez convertir, puis cliquez sur Convertir en page dynamique.
-
Sélectionnez la collection dans la liste déroulante. Si vous n'avez pas de collection, il existe une option pour Créer une collection (la sélection de cette option annulera la conversion de la page).
-
Cliquez Terminé.
Une fois la page conçue, il est temps de connecter les widgets et les éléments.
Pour vous connecter à un widget ou à un élément du caneva* :
-
Cliquez avec le bouton droit sur le widget ou l'élément que vous souhaitez connecter, puis sélectionnez Connectez-vous aux données.
-
Sélectionnez les données souhaitées à l'aide de la liste déroulante (seules les options de données pertinentes sont affichées).
-
SélectionnezTerminé.
Les données connectées () apparaît sur le widget ou l'élément pour indiquer qu'il est connecté.
*Les arrière-plans des sections peuvent être connectés.
*Les éléments du canevas qui peuvent être connectés sont les suivants :
-
Éditeur classique : arrière-plans de lignes et de colonnes.
-
Éditeur 2.0 : arrière-plans de section.
Note
Lors de la connexion de l'arrière-plan d'une ligne ou d'une colonne (dans la version classique de l'éditeur uniquement), il peut y avoir jusqu'à trois options de collecte :
-
Colonne/champ contenant une seule image (un champ d'image doit exister). L'icône multicarrée
) 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 Internal ou Airtable ; un champ de collection d'images doit exister).
-
L'ensemble de 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/une colonne d'image). Lorsque vous utilisez cette option, le curseur d'arrière-plan sera le même pour tous les enregistrements. L'icône à images multiples
) indique que l'option concerne une collection entière.
Des options supplémentaires peuvent également apparaître si le site contient des images commerciales et/ou un native store magasin.
liaison en ligne est la possibilité d'utiliser Dynamic pour un ou plusieurs mots spécifiques dans les widgets pris en charge. Le texte connecté peut être conçu et lié comme du texte normal.
Note
La conception de la bibliothèque de contenu remplace celle de l'éditeur de texte pour le texte connecté.
Pour utiliser la liaison en ligne pour les widgets de texte :
-
Tapez {{{dans l'éditeur de texte pour déclencher la fenêtre contextuelle Connect Data.
-
Sélectionnez l'étiquette que vous souhaitez connecter.
-
CliquezEnregistrer.
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 Données connectées () icône.
Note
Seuls les utilisateurs dont le compte est connecté à des données peuvent voir l'icône Connected Data, 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, entourée de deux crochets pour relier le texte à l'aide de la reliure en ligne. Par exemple,{{content_library.global}}.
Pour utiliser la reliure en ligne pour le widget Accordéon :
-
Ajoutez un widget accordéon à la page souhaitée.
-
Ouvrez l'onglet de contenu du widget.
-
Sélectionnez n'importe quel objet en accordéon.
-
Dans la zone de texte du champ de description, cliquez surLiaison de donnéesbouton (
) 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 liaison en ligne. Cela indique que vous pouvez également ajouter du texte statique à la description et le combiner avec les données dynamiques.
-
Note
Seule la description prend actuellement en charge la reliure en ligne. Tous les autres champs (titre, image et bouton) sont statiques. Si ce n'est pas nécessaire, les champs d'image et de bouton peuvent être masqués.
Les widgets de type liste (voir ci-dessous) ne peuvent afficher qu'une collection complète plutôt que des données sur une seule ligne, à l'exception du type de champ de collection d'images. Les widgets suivants peuvent être connectés à un type de champ de collection d'images : Galerie de photos, Liste, Accordéon, Tabulations, Media Slider
Widgets de type liste :
-
Liste
-
Galerie de photos
-
Curseur multimédia
-
Onglets
-
Accordéon
-
Tableau (affichage uniquement, aucun lien direct n'est disponible)
Les widgets personnalisés qui prennent en charge les données connectées peuvent également être connectés. Activer la liaison aux données connectées est activée pour tout widget personnalisé que vous souhaitez connecter pour les pages dynamiques. Pour plus d'informations, consultez notre documentation destinée aux développeurs, Données connectées.
Pour connecter les paramètres de référencement et le code HTML de l'en-tête :
-
Cliquez sur Réglages icône de la page dynamique souhaitée.
-
Cliquez Modifier le référencement de la page.
-
Cliquez sur Connecter les données (
) icône pour le champ souhaité.
Astuce
Continuez à faire défiler la page pour atteindre En-tête HTML champ.
-
Sélectionnez les données souhaitées à l'aide de la liste déroulante (seules les options de données pertinentes sont affichées).
-
Cliquez Terminé.
Pour déconnecter les paramètres de référencement et le code HTML de l'en-tête, procédez comme suit :
-
Cliquez sur Réglages icône de la page dynamique souhaitée.
-
Cliquez Modifier le référencement de la page.
-
Cliquez sur Connecter les données (
Astuce
Continuez à faire défiler la page pour atteindre En-tête HTML champ.
-
Cliquez dans la liste déroulante et sélectionnez Aucune.
-
Cliquez Terminé.
Dans les paramètres de page dynamiques, vous pouvez modifier la collection. Dans ce cas, les widgets de page restent connectés aux noms/étiquettes des champs qui existent dans les deux collections. Les widgets connectés à des noms/étiquettes de fichiers qui n'existent pas dans la nouvelle collection seront
Par exemple, si vous avez une collection contenant des champs nommés nom, adresse et téléphone et que vous passez à une collection contenant des champs nommés adresse et téléphone, les widgets connectés à l'adresse et au téléphone resteront connectés et afficheront les données de la nouvelle collection, tandis que le widget connecté au nom sera déconnecté car il n'existe pas dans la nouvelle collection.
Pour modifier les collections :
-
Cliquez sur paramètres (
) icône pour la page dynamique.
-
Cliquez Remplacer la collection.
-
Cliquez dans la liste déroulante et sélectionnez la collection souhaitée.
Avertissement
Les widgets de page resteront connectés 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
Les paramètres de page dynamiques sont similaires à ceux des pages classiques, avec les différences suivantes :
-
Options supplémentaires :
-
Remplacer la collection. Consultez la section de cet article, Modifier les collections.
-
Actualisez les données. Actualise les données de la collection
-
Accédez à 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éfinissez l'accès à la page. Les pages dynamiques ne peuvent pas être protégées par mot de passe ou pages d'adhésion.
-
Note
Pour plus d'informations sur les paramètres de page, voir Gestion d'une seule page.
Voici des informations importantes relatives à l'utilisation de pages dynamiques sur des sites multilingues :
-
Les pages dynamiques des sites multilingues sont gérées à partir de la langue principale.
-
La création d'une page dynamique ou la conversion d'une page normale en page dynamique ne sont disponibles que dans la langue principale.
-
La conversion d'une page dynamique en page normale à partir de la langue principale convertit toutes les pages en pages normales dans toutes les langues.
-
La conversion d'une page dynamique en page normale à partir d'une langue autre que la langue principale n'affecte que la page de langue spécifique.
Voici quelques bonnes pratiques :
-
Ajoutez une page dynamique ou convertissez une page en page dynamique dans la langue principale. Après avoir connecté tous les widgets, ajoutez cette page aux autres langues en cliquant Traduire dans le menu des paramètres, ou en allant dans les autres langues et en cliquant Traduire une autre page sur chacun d'eux.
-
Cela ajoutera la page dynamique aux autres langues, mais elle restera connectée à la même collection. Cliquez sur paramètres icône et sélectionnez Remplacer la collection. Cela vous permet de remplacer la collection connectée tout en conservant tous les champs connectés.
Note
La deuxième étape ne sera pas nécessaire si vous utilisez une collection de bases de données externe contenant plusieurs langues. Dans ce cas, nous associons automatiquement la langue de la collection à la langue du site. Pour plus d'informations, consultez Portail des développeurs.