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 de 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.
- Données connectées : Informations commerciales, textes et images (dans l'éditeur). Ces zones sont idéales pour stocker du contenu statique susceptible de nécessiter des mises à jour, comme les numéros de téléphone, les photos d'équipe, etc. Une fois mis à jour, ce contenu sera automatiquement actualisé sur tous les éléments connectés du site. Voir Contenu dynamique : Informations commerciales, textes et images.
- Collections (internes, Google Sheets, Airtable et externes) : Les collections sont similaires aux bases de données, car elles contiennent des listes d'éléments possédant le même type d'informations (nom, emplacement, image, etc.). Elles servent généralement à générer plusieurs pages à partir d'une page dynamique ; par exemple, des annonces immobilières, des pages d'équipe, etc. Les collections peuvent être stockées en interne ou en externe. Voir Contenu dynamique : Collections. Toutefois, si vous devez gérer du contenu statique nécessitant des mises à jour ponctuelles et que vous souhaitez plus de flexibilité que celle offerte par la section Informations sur l'entreprise, vous pouvez également utiliser des collections sur les pages classiques (voir Contenu dynamique : Collections pour les pages classiques).
- Fonctionnalités intégrées : Au sein de fonctionnalités intégrées telles que les articles de blog et les pages produits.
Où le contenu dynamique peut être utilisé
Le contenu dynamique peut être utilisé dans divers domaines, selon son emplacement de stockage et sa configuration.
- 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) | ✓ | ✓ |
How dynamic content is connected
There are two ways to connect dynamic content:
Full binding of widgets and settings. It is possible to link entire widgets and some settings.
In-line binding. Link specific text portions, such as a name or a company description, within a larger text section that is not linked.
Full widget and settings binding
Tip:
Built-in features, blog posts, and product pages come with already linked widgets.
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é.
Les données connectées 
Une icône 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 les paramètres (
) icône pour la page dynamique souhaitée. - Cliquez sur Modifier le Référencement Naturel de la Page.
- Cliquez sur Connecter les données Icône correspondant au champ souhaité. Conseil : Continuez à faire défiler pour atteindre le champ HTML d’en-tête.
- 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é.
Reliure en ligne
La liaison en ligne permet d'utiliser la propriété Dynamic 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 les 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 les 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 sous forme d'é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 de Référencement Naturel et l'en-tête HTML :
- Dans le panneau latéral, cliquez sur Pages , puis sur l'icône paramètres ( ) pour la page dynamique souhaitée.
- Cliquez sur Modifier le Référencement Naturel de la Page .
- Cliquez sur Connecter les données à l'icône 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é .