Le contenu dynamique est une fonctionnalité polyvalente qui transforme les éléments de votre site web en composants dynamiques et basés sur les données. Ainsi, au lieu de mettre à jour manuellement chaque élément de contenu de votre site, vous pouvez lier les éléments à une source de données unique, gérée directement dans 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 servent de modèles et alimentent 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, intégrant et affichant vos données de manière transparente.
Essentiellement, 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 généré ou mis à jour automatiquement à partir des données 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 des outils intégrés (tels que des blogs), du contenu semi-personnalisable comme du contenu commercial dynamique et des solutions entièrement personnalisables comme des pages dynamiques.
Continuez à lire pour en savoir plus sur l’endroit où le contenu dynamique est stocké, comment il peut être utilisé et comment il se connecte à votre site dans les sections suivantes.
Où le contenu dynamique est-il stocké
Il existe plusieurs endroits où le contenu peut être stocké, et l'emplacement peut dépendre de votre objectif final.
- Données connectées : Informations sur l'entreprise, texte et images (dans l'éditeur). Ces zones sont idéales pour stocker du contenu statique nécessitant des mises à jour, comme les numéros de téléphone, les photos d'équipe, etc. Une fois mis à jour, ce contenu s'actualise automatiquement sur tous les éléments connectés du site. Voir Contenu dynamique : Informations sur l'entreprise, texte 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 renfermant le même type d'informations (nom, localisation, 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 » . Cependant, si vous devez gérer du contenu statique nécessitant des mises à jour occasionnelles et souhaitez plus de flexibilité que celle offerte par la zone « Informations sur l'entreprise », vous pouvez également utiliser des collections sur des pages standard (voir « Contenu dynamique : Collections pour pages standard »).
- Fonctionnalités intégrées : au sein de fonctionnalités intégrées telles que les articles de blog et les pages de produits.
Où le contenu dynamique peut-il être utilisé
Le contenu dynamique peut être utilisé dans différents domaines, selon l'endroit où il est stocké ou la façon dont il est configuré.
- Widgets.
- Pour plus de détails sur les widgets disponibles pour les différents types d'options de stockage, voir Liaison des widgets et des paramètres ci-dessous.
- Éléments de toile.
- Arrière-plans de lignes et de colonnes.
- Paramètres.
- RÉFÉRENCEMENT NATUREL spécifique à la page.
- Graphique 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 de produits sont pré-construits avec presque tout ce dont vous avez besoin, mais offrent la flexibilité de pouvoir les modifier.
Liaison des widgets et des paramètres
Widgets et éléments |
Données connectées (informations commerciales, texte et images) et collections configurées pour être utilisées sur des pages standard |
Collections (lorsqu'elles sont connectées à une page dynamique) |
Texte : paragraphe, titres |
✓ |
✓ |
Icône |
✓ |
✓ |
Image |
✓ |
✓ |
Carte |
✓ |
✓ |
Multi-emplacement (données connectées uniquement) |
✓ |
✗ |
Bouton/Cliquez pour appeler/Cliquez pour envoyer un e-mail (texte sur le bouton) |
✓ |
✓ |
Widgets sociaux |
✓ |
✓ |
Galerie de photos |
✗ |
✓ |
Curseur d'images |
✗ |
✓ |
Curseur multimédia |
✗ |
✓ |
Liste |
✗ |
✓ |
Curseur d'arrière-plan |
✗ |
✓ |
Image d'arrière-plan |
✓ |
✓ |
Horaires d'ouverture (mise à jour via API uniquement) |
✓ |
✓ |
Widget texte et image |
✓ |
✓ |
Widget de forme |
✓ |
✓ |
Widget HTML |
✓ |
✓ |
Formulaire de contact |
✓ |
✓ |
Widget d'accordéon |
✓ |
✓ |
Widget de tableau |
✗ |
✓ |
Comment le contenu dynamique est connecté
Il existe deux façons de connecter du contenu dynamique :
Liaison de widgets et de paramètres complets. Des widgets complets et certains paramètres peuvent être connectés.
Liaison en ligne. Reliez des portions de texte spécifiques, comme le nom ou la description d'une entreprise, à une section de texte plus large et non connectée.
Liaison complète des widgets et des paramètres
Conseil :
Les fonctionnalités intégrées, les articles de blog et les pages de produits sont livrés avec des widgets déjà connectés.
Pour connecter un widget ou un élément de canevas (arrière-plans de ligne et de colonne) :
- Cliquez avec le bouton droit sur le widget ou l’élément que vous souhaitez connecter et sélectionnez Se connecter 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électionnez Terminé.
Les données connectées 
, une icône apparaît sur le widget ou l'élément indiquant 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 (
) pour la page dynamique souhaitée.
- Cliquez sur Modifier la page RÉFÉRENCEMENT NATUREL.
- Cliquez sur l'icône Connecter les données du champ souhaité. Astuce : 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é.
Liaison en ligne
La liaison en ligne permet d'utiliser Dynamic pour un ou plusieurs mots spécifiques dans les widgets pris en charge. Le texte connecté peut être stylisé et lié comme du texte normal.
La conception de la bibliothèque de contenu remplace la conception 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 Connecter les données.
- Sélectionnez l'étiquette que vous souhaitez connecter.
- Cliquez sur Enregistrer.
Lors de l'édition, l'étiquette apparaît entre accolades dans l'éditeur (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 disposant de 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 l'édition.
Vous pouvez également saisir le libellé directement dans l'éditeur de texte, entouré de deux accolades, pour relier le texte par 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 n’importe quel élément d’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 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.
Seule la description prend actuellement en charge la liaison en ligne. Tous les autres champs (titre, image et bouton) sont statiques. S'ils ne sont pas nécessaires, les champs image et bouton peuvent être masqués.
Déconnecter les 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 dotés de menus d'édition de contenu, si vous êtes déjà dans l'éditeur de contenu du widget, vous pouvez passer la souris sur 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 dé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 ( ) pour la page dynamique souhaitée.
- Cliquez sur Modifier la page RÉFÉRENCEMENT NATUREL.
- Cliquez sur l'icône Connecter les données du champ souhaité. Astuce : continuez à faire défiler pour atteindre le champ HTML d'en-tête.
- Cliquez sur la liste déroulante et sélectionnez Aucun.
- Cliquez sur Terminé.