Le contenu dynamique est une fonction polyvalente qui transforme les éléments de votre site web en composants dynamiques, pilotés par des données. Cela signifie qu'au lieu de mettre à jour manuellement chaque élément de contenu sur votre site, vous pouvez lier les éléments à une source de données unique, qu'elle soit gérée dans l'éditeur ou qu'elle provienne de sources externes. Ainsi, votre site web reste cohérent, précis et à jour avec un minimum d'efforts.
Vous pouvez créer votre propre contenu dynamique : les pages dynamiques, qui servent de modèles pour alimenter automatiquement plusieurs pages avec la même mise en page et la même structure. En outre, Dynamic Content alimente des fonctions intégrées telles que les articles de blog et les pages de produits, en intégrant et en affichant de manière transparente les données tu (pour plus d'informations, voir Blog and store Pages and Connected widget in Native store ).
Par essence, le contenu dynamique simplifie votre flux de travail en centralisant la gestion des données, en réduisant les mises à jour manuelles et en veillant à ce que votre site Web reflète toujours les informations les plus récentes.
Remarque
Les pages dynamiques et les données connectées (informations commerciales, texte et images) sont disponibles à partir de l'abonnement Team.
Le contenu dynamique est le contenu d'un site qui est automatiquement généré ou mis à jour sur la base de données provenant 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 dans la collection ou la base de données.
Cette fonction permet d'exploiter le site tool intégré (comme les blogs), le contenu semi-personnalisable comme le Dynamic Business Content et les solutions entièrement personnalisables comme les pages dynamiques.
Poursuivez votre lecture pour en savoir plus sur l'origine du contenu dynamique ( stores), sur la manière dont il peut être utilisé et sur ses liens avec votre site dans les sections suivantes.
Il y a plusieurs endroits où le contenu peut être stores, et l'emplacement peut dépendre de l'objectif final.
-
Données connectées : Informations commerciales, textes et images (à l'intérieur de l'éditeur). Ces zones sont idéales pour stores le contenu statique qui peut nécessiter des mises à jour, comme les numéros de téléphone, les images de l'équipe, etc. Lorsqu'il est mis à jour, ce contenu est automatiquement actualisé dans tous les éléments connectés du site. Voir Contenu dynamique : Informations commerciales, texte et images.
Remarque
-
Collections (internes, Google Sheets, Airtable et externes) : Les collections sont similaires aux bases de données en ce sens qu'elles contiennent des listes d'éléments comportant le même type d'informations (nom, emplacement, image, etc.). L'utilisation typique des collections est de 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 store en interne ou en externe. Voir Contenu dynamique : Collections. Toutefois, si vous devez gérer un contenu statique nécessitant des mises à jour occasionnelles et que vous souhaitez bénéficier d'une plus grande souplesse que celle offerte par la zone Infos métier, vous pouvez également utiliser des collections sur les pages ordinaires (voir Contenu dynamique : collections pour les pages ordinaires).
Remarque
Disponibilité limitée sur le plan Team. Pour plus d'informations, consultez la matrice des plans de Duda.
-
Fonctionnalités intégrées : Dans les fonctionnalités intégrées telles que les articles de blog et les pages de produits. Pour plus d'informations, consultez les store pages widget store Blog et et Connected for Native.
Le contenu dynamique peut être utilisé dans différents domaines, en fonction de l'endroit où il se trouve ( stores ) ou de la manière dont il est mis en place.
-
widget.
-
Pour plus d'informations sur les widgets disponibles pour les différents types d'options de stockage, reportez-vous à la section Widget and Settings Binding (Liaison entre widgets et paramètres).
-
-
Éléments de toile.
-
Éditeur classique : arrière-plans des lignes et des colonnes.
-
Éditeur 2.0 : arrière-plans des sections.
-
-
Paramètres.
-
Page spécifique SEO.
-
Page spécifique Open Graph.
-
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éconstruites avec presque tout ce dont vous avez besoin, mais avec la flexibilité de pouvoir les modifier.
|
widget et éléments |
Données connectées (informations commerciales, texte et images) & Collections configurées pour être utilisées sur des pages régulières |
Collections (lorsqu'elles sont connectées à une page dynamique) |
|---|---|---|
|
Texte : paragraphe, titres |
|
|
|
Icône |
|
|
|
Image |
|
|
|
Plan |
|
|
|
Multi-site (données connectées uniquement) |
|
|
|
Bouton/Cliquer pour appeler/Envoyer un e-mail (texte sur le bouton) |
|
|
|
Social widget |
|
|
|
Galerie photo |
|
|
|
Carrousel d'images |
|
|
|
Carrousel média |
|
|
|
Liste |
|
|
|
Diaporama d'arrière-plan |
|
|
|
Image de fond |
|
|
|
Heures d'ouverture (mise à jour via API uniquement) |
|
|
|
Texte et image widget |
|
|
|
Forme widget |
|
|
|
Widget HTML |
|
|
|
Formulaire de contact |
|
|
|
Widget Accordion (Accordéon) |
|
|
|
Widget Tableau |
|
|
|
Widget Vidéo |
|
|
|
Audio widget |
|
|
Il y a deux façons de connecter le contenu dynamique :
-
Liaison de l'ensemble du widget et des paramètres. L'ensemble du site widget et certains paramètres peuvent être connectés.
-
Liaison en ligne. Relier des parties de texte spécifiques, telles que le nom ou la description d'une entreprise, à l'intérieur d'une section de texte plus large qui n'est pas reliée. Voir la section ? ??.
Conseil
Les fonctionnalités intégrées, les articles de blog et les pages de produits store, sont livrées avec widget déjà connecté. Pour plus d'informations, consultez les store pages widget store Blog et et Connected dans Native.
Pour se connecter à un widget ou à un élément du canevas* :
-
Cliquez avec le bouton droit de la souris sur le site widget ou sur l'élément que vous souhaitez connecter, puis sélectionnez 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é.
L'icône Données connectées () apparaît sur le widget ou l'élément pour indiquer qu'il est connecté.
*Les fonds de section peuvent être connectés.
*Les éléments de la toile qui peuvent être connectés sont les suivants :
-
Éditeur classique : arrière-plans des lignes et des colonnes.
-
Éditeur 2.0 : arrière-plans des sections.
Pour relier les paramètres SEO et l'en-tête HTML :
-
Dans le panneau latéral, cliquez sur Pages, puis sur l'icône des paramètres (
) de la page dynamique souhaitée.
-
Cliquez sur Modifier la page SEO.
-
Cliquez sur l'icône Connecter les données (
) pour le champ souhaité.
Conseil
Continuez à faire défiler l'écran jusqu'à ce que vous atteigniez le champ Header 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é.
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:
-
Saisissez {{{ dans l'éditeur de texte pour ouvrir la fenêtre contextuelle Données connectées.
-
Sélectionnez l'étiquette que vous souhaitez connecter.
-
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 ().
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 crochets pour relier le texte en ligne. Par exemple, {{content_library.global}}.
Pour utiliser la liaison en ligne pour le widget Accordion :
-
Ajoutez un widget Accordéon à la page souhaitée.
-
Ouvrez l'onglet 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 Data Binding (
) 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 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.
Pour déconnecter les paramètres SEO et l'en-tête HTML :
-
Dans le panneau latéral, cliquez sur Pages, puis sur l'icône des paramètres (
-
Cliquez sur Modifier la page SEO.
-
Cliquez sur l'icône Connecter les données (
Conseil
Continuez à faire défiler l'écran jusqu'à ce que vous atteigniez le champ Header HTML.
-
Cliquez sur la liste déroulante et sélectionnez Aucun.
-
Cliquez sur Terminé.