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
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.
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 de la souris sur le widget HTML et sélectionnez Modifier le contenu.
-
Collez votre code HTML dans le champ puis supprimez le slug de l'URL (c'est-à-dire la fin de celle-ci) du code. Mettez-le de côté pour plus tard.
-
Cliquez sur Mettre à jour.
-
Dans la barre supérieure, cliquez sur Modifier la ligne.
-
Collez l'URL slug que vous avez enregistré à l'étape 2 dans le champ Paragraphe de la section.
-
Faites un clic droit sur tu HTML widget pour ouvrir le menu contextuel et cliquez sur Modifier le contenu.
-
Cliquez sur Connect, puis sélectionnez le champ de données auquel vous souhaitez connecter le site widget.
-
Cliquez sur Copier dans le presse-papiers, puis collez le contenu copié dans la section du code où se trouvait la balise URL avant que vous ne la supprimiez à l'étape 2.
-
Cliquez sur Mettre à jour.
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.