Contenu dynamique : Pages dynamiques

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 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.

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.

Comment fonctionnent les pages dynamiques ?

Le concept des pages dynamiques consiste à utiliser le même design pour générer dynamiquement plusieurs pages en utilisant les données d'une collection. Cela permet d'obtenir une page de contenu unique pour chaque ligne du jeu de données.

dynamicpage-visual.png

Créer des pages dynamiques

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.

Étape 1 : Créer une page dynamique

Il existe deux options pour créer une page dynamique.

Remarque

Créer une nouvelle page

Pour créer une nouvelle page dynamique :

  1. Dans le panneau latéral, cliquez sur Pages, puis sur + Ajouter une page.

  2. 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).

  3. Indiquez le nom de la page.

  4. Dans le menu déroulant, sélectionnez la collection à laquelle vous voulez connecter la page.

  5. Cliquez sur + Ajouter une page.

Convertir une page existante

Pour convertir une page existante :

  1. Dans le panneau latéral, cliquez sur Pages, cliquez sur l'icône Paramètres de la page (three_dots_horiz_icon.png) en regard de la page que vous souhaitez convertir, puis cliquez sur Convertir en page dynamique.

  2. 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).

  3. Cliquez sur Terminé.

Étape 2 : Concevoir la page et connecter les données

Pour consulter la liste des widget et des types de données pris en charge, reportez-vous à la section Vue d'ensemble du contenu dynamique.

Une fois la page conçue, il est temps de connecter les widget et les éléments.

Remarque

Lorsque vous reliez l'arrière-plan d'une ligne ou d'une colonne, il peut y avoir jusqu'à trois options de collecte :

  • Colonne/champ contenant une seule image (un champ image doit exister). L'icône multiSquare (dynamic-page-connect-to-field.png) 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 (dynamic-page-connect-to-collection.png) indique que l'option concerne une collection entière.

Liaison en ligne

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:

  1. Saisissez {{{ dans l'éditeur de texte pour ouvrir la fenêtre contextuelle Données connectées.

  2. Sélectionnez l'étiquette que vous souhaitez connecter.

  3. 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 (connected-data-icon.png).

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 parenthèses pour relier le texte à l'aide de la liaison en ligne. Par exemple, {{content_library.global}}.

Liaison en ligne pour le widget Accordion

Pour utiliser la liaison en ligne pour le widget Accordion :

  1. Ajoutez un widget Accordéon à la page souhaitée.

  2. Ouvrez l'onglet de contenu du widget.

  3. Sélectionnez n'importe quel élément d'accordéon.

  4. Dans la zone de texte du champ de description, cliquez sur le bouton Data Binding (icône de liaison en ligne.png) en haut à gauche de la barre d'outils.

  5. 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.

Type de liste widget

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)

Connecter les champs SEO et l'en-tête HTML

Déconnexion des données

Modifier les collections

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 :

  1. Dans le panneau latéral, cliquez sur Pages, puis sur l'icône des paramètres (three_dots_horiz_icon.png) de la page dynamique.

  2. Cliquez sur Remplacer la collection.

  3. 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.

Paramètres des pages dynamiques

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.

Pages dynamiques sur les sites multilingues

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 :

  1. 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.

  2. 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.