Le contenu dynamique est une fonctionnalité polyvalente qui transforme les éléments de votre site web en composants dynamiques alimentés par les données. Ainsi, au lieu de mettre à jour manuellement chaque élément de contenu sur l'ensemble de votre site, vous pouvez les lier à une source de données unique, gérée au sein de l'éditeur ou provenant de sources externes. Votre site web reste ainsi cohérent, précis et à jour avec un minimum d'effort.
Vous pouvez créer votre propre contenu dynamique : les pages dynamiques, qui servent de modèles pour remplir automatiquement plusieurs pages avec la même mise en page et la même structure. De plus, le contenu dynamique alimente des fonctionnalités intégrées telles que les articles de blog et les pages produits, en intégrant et en affichant vos données de manière fluide.
En résumé, le contenu dynamique simplifie votre flux de travail en centralisant la gestion des données, en réduisant les mises à jour manuelles et en garantissant que votre site web reflète toujours les informations les plus récentes.
Qu'est-ce que le contenu dynamique ?
Le contenu dynamique est un contenu d'un site web généré ou mis à jour automatiquement à partir de données issues d'une collection ou d'une base de données. Au lieu de mettre à jour manuellement le site, les mises à jour peuvent être effectuées directement dans la collection ou la base de données.
Cette fonctionnalité alimente les outils intégrés (tels que les blogs), le contenu semi-personnalisable comme le contenu commercial dynamique et les solutions entièrement personnalisables comme les pages dynamiques.
Continuez votre lecture pour en savoir plus sur l'emplacement de stockage du contenu dynamique, son utilisation et sa connexion à votre site dans les sections suivantes.
Où le contenu dynamique est stocké
Il existe plusieurs emplacements pour le stockage du contenu, et celui-ci peut dépendre de votre objectif final.
- Connected Data: Business Info, Text, and Images (inside the editor). These areas are ideal for storing static content that may need updates, such as phone numbers, team images, and more. When updated, this content will automatically refresh across all connected elements on the site. See Dynamic Content: Business Info, Text, and Images.
- Collections (Internal, Google Sheets, Airtable, and External): Collections are similar to databases in that they contain lists of items that have the same type of information (name, location, image, and so on). The typical use for collections is to generate multiple pages from a dynamic page, some examples may be real estate listings, team pages, and more. Collections can be store internally, or externally. See Dynamic Content: Collections. However, if you may need to manage static content that requires occasional updates and want more flexibility than the Business Info area provides, you can also use collections on regular pages (see Dynamic Content: Collections for Regular Pages).
- Integrated Features: Within built-in functionalities like blog posts and product pages.
Where dynamic content can be used
Dynamic content can be used in various areas, depending on where it's stored or how it's set up.
- Widgets.
- Pour plus de détails sur les widgets disponibles pour les différents types d'options de stockage, consultez la section Liaison des widgets et des Paramètres ci-dessous.
- Éléments de la toile.
- Arrière-plans des lignes et des colonnes.
- Paramètres.
- Référencement Naturel spécifique à la Page.
- Graphe ouvert spécifique à la Page.
- En-tête HTML spécifique à la Page (liaison en ligne).
Conseil:
Les fonctionnalités intégrées, les articles de blog et les pages produits sont préconfigurés avec presque tout ce dont vous avez besoin, tout en vous offrant la possibilité de les modifier.
Liaison des widgets et des paramètres
| Widgets et éléments | Données connectées (informations commerciales, textes et images) et collections configurées pour être utilisées sur les pages régulières | Collections (lorsqu'elles sont connectées à une page dynamique) |
|---|---|---|
| Texte : paragraphe, titres | ✓ | ✓ |
| Icône | ✓ | ✓ |
| Image | ✓ | ✓ |
| Carte | ✓ | ✓ |
| Multi-sites (Données connectées uniquement) | ✓ | ✗ |
| Bouton/Cliquer pour appeler/Cliquer pour envoyer un e-mail (texte sur le bouton) | ✓ | ✓ |
| Widgets sociaux | ✓ | ✓ |
| Galerie photo | ✗ | ✓ |
| Diaporama d'images | ✗ | ✓ |
| Diaporama multimédia | ✗ | ✓ |
| Liste | ✗ | ✓ |
| Curseur d'arrière-plan | ✗ | ✓ |
| Image de fond | ✓ | ✓ |
| Heures d'ouverture (Mise à jour via API uniquement) | ✓ | ✓ |
| Widget Texte et Image | ✓ | ✓ |
| Widget de forme | ✓ | ✓ |
| Widget HTML | ✓ | ✓ |
| Formulaire de contact | ✓ | ✓ |
| Widget accordéon | ✓ | ✓ |
| Widget de tableau | ✗ | ✓ |
Comment le contenu dynamique est connecté
Il existe deux façons de connecter le contenu dynamique :
Liaison complète des widgets et des paramètres. Il est possible de lier des widgets entiers et certains paramètres.
Liaison en ligne. Liez des portions de texte spécifiques, telles qu'un nom ou une description d'entreprise, au sein d'une section de texte plus large qui n'est pas liée.
Liaison complète du widget et des paramètres
Conseil:
Les fonctionnalités intégrées, les articles de blog et les pages de produits sont fournis avec des widgets déjà connectés.
Pour connecter un widget ou un élément canvas (arrière-plans de lignes et de colonnes) :
- Cliquez avec le bouton droit sur le widget ou l'élément que vous souhaitez connecter, puis sélectionnez « Se 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é.
Une icône de données connectées 
apparaît sur le widget ou l'élément pour indiquer qu'il est connecté.
Pour connecter les paramètres Référencement Naturel et l'en-tête HTML :
- Dans le panneau latéral, cliquez sur Pages, puis sur l'icône des paramètres (
) pour la page dynamique souhaitée. - Cliquez sur Modifier le Référencement Naturel de la Page.
- Cliquez sur l'icône de connexion aux données correspondant au champ souhaité. Conseil : Continuez à faire défiler pour atteindre le champ d'en-tête 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é.
Liaison en ligne
La liaison en ligne permet d'utiliser la propriété dynamique pour un ou plusieurs mots au sein des widgets compatibles. Le texte lié peut être mis en forme et lié comme du texte classique.
La conception de la bibliothèque de contenu remplace celle de l'éditeur de texte pour le texte lié.
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 à connecter.
- Cliquez sur Enregistrer.
Pendant la modification, l'étiquette apparaît dans l'éditeur entre accolades (par exemple, {{label}}). Le texte associé s'affiche après la fermeture de l'éditeur. Vous pouvez également afficher le texte associé en cliquant sur l'icône Données associées.
Seuls les utilisateurs ayant des données connectées dans leur compte voient l'icône Données connectées, mais tous les utilisateurs voient l'étiquette entre accolades lors de la modification.
Vous pouvez également saisir directement l'étiquette dans l'éditeur de texte, entourée de deux accolades, afin de lier le texte à l'aide d'une liaison en ligne. Par exemple : {{content_library.global}}.
Liaison en ligne pour le widget Accordéon
Pour utiliser la liaison 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 un élément de l'accordéon.
- Dans la zone de texte du champ de description, cliquez sur le bouton Liaison de données
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 sélectionné 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.
Seule la description prend actuellement en charge la liaison de données en ligne. Tous les autres champs (titre, image et bouton) sont statiques. Si nécessaire, les champs image et bouton peuvent être masqués.
Déconnexion des données
Pour déconnecter un widget :
- Cliquez avec le bouton droit sur le widget, puis cliquez sur Modifier la connexion.
- Dans le menu, sélectionnez Aucun.
- Pour les widgets disposant de menus d'édition de contenu, si vous êtes déjà dans l'éditeur de contenu du widget, vous pouvez survoler l'icône bleue dans le coin supérieur droit et cliquer sur Déconnecter.
La déconnexion d'un widget rétablit le texte et son style au style précédemment utilisé.
Pour dissocier les paramètres Référencement Naturel et l'en-tête HTML :
- Dans le panneau latéral, cliquez sur Pages, puis sur l'icône de paramètres () de la page dynamique souhaitée.
- Cliquez sur Modifier le Référencement Naturel de la Page.
- Cliquez sur l'icône Connecter les données correspondant au champ souhaité. Conseil : Continuez à faire défiler pour atteindre le champ HTML d’en-tête.
- Cliquez dans la liste déroulante et sélectionnez Aucun.
- Cliquez sur Terminé.