Développez les capacités de l'Éditeur de site à l'aide de code HTML personnalisé. Ce widget permet d'intégrer un code personnalisé à votre site Web et peut servir à intégrer des widgets tiers, comme des vidéos, des formulaires de contact, etc.
Si l'ajout d'un code personnalisé peut accroître la fonctionnalité de votre site Web, nous vous recommandons d'ajouter uniquement un code provenant d'une source fiable. N'ajoutez un code que si vous savez exactement comment il agit et comment le corriger en cas de problème.
Pour en savoir plus sur l'utilisation du HTML en mode développeur, consultez l'article Mode développeur.
Attention
En outre, veuillez consulter la section Informations essentielles pour le widget HTML.
Le widget HTML dispose d'un espace vous permettant d'ajouter un HTML personnalisé. Il vous suffit de coller ou saisir votre code HTML dans la zone de texte prévue à cet effet.
-
Nous vous conseillons d'effectuer une sauvegarde de votre site avant d'y ajouter un code personnalisé de façon à pouvoir recharger une version antérieure en cas de problème.
-
L'assistance Duda ne peut pas dépanner le code personnalisé !
-
Les scripts côté serveur (PHP et ASP, par exemple) n'auront aucun effet dans ce widget. Nous recommandons d'utiliser uniquement des scripts côté client (Javascript, HTML).
-
Notre éditeur utilise le protocole HTTPS. Par conséquent, si votre script charge un fichier non HTTPS externe, celui-ci ne fonctionnera pas.
-
Notre système utilisant jQuery 3.0 pour fonctionner, la mise en œuvre d'une nouvelle version de la bibliothèque jQuery causera généralement l'interruption du fonctionnement de notre éditeur. Nous vous recommandons donc d'ajouter un code personnalisé qui utilise les fonctions dans jQuery 3.0 et de ne pas tenter de réinitialiser la bibliothèque.
-
Notez que selon la façon dont le code personnalisé est écrit, le widget HTML peut devenir inaccessible. Le widget HTML est toujours sur la page, il n'est simplement pas visible. Pour cette raison, nous vous recommandons de placer le HTML widget dans une colonne ou un conteneur à part, de sorte que s'il doit être supprimé, vous puissiez simplement supprimer la colonne ou le conteneur.
Vous pouvez insérer des champs d'une collection ou de la bibliothèque de contenu dans le code HTML widget et utiliser le code widget dans vos pages dynamiques. Ceci est utile lorsque vous souhaitez inclure un HTML widget dans vos pages dynamiques sans avoir à store tout le code HTML de la collection. Au lieu de cela, seules les données uniques ou l'identifiant sont stores dans la collection.
Par exemple, si vous souhaitez intégrer un élément à vos pages dynamiques (comme un podcast SoundCloud, un calendrier externe ou du code personnalisé) mais que celui-ci soit différent sur chacune d'entre elles, vous pouvez stocker l'identifiant dans votre collection et intégrer le code au widget HTML.
Pour plus d'informations, reportez-vous à la section Vue d'ensemble du contenu dynamique.
Pour ajouter des données connectées :
-
Cliquez avec le bouton droit sur l'widget HTML et sélectionnez Modifier le contenu ou Gérer le HTML si vous êtes dans l'éditeur 2.0.
-
Cliquez sur Connect, puis sélectionnez le champ de données auquel vous souhaitez connecter le site widget.
-
Veuillez cliquer sur « Connecter ces données ».
Une fois que tu HTML widget est connecté avec succès aux données de la bibliothèque de contenu, il est marqué d'une icône bleue " Connected Data" () bleue.