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 la section Code personnalisé.
Attention
Avant d'ajouter du code à l'adresse widget, il est recommandé de créer une sauvegarde de votre site. Pour plus d'informations sur les sauvegardes, voir Sites de sauvegarde.
En outre, veuillez consulter la section Informations essentielles pour le widget HTML.
Attention
Avant d'ajouter du code à l'adresse widget, il est recommandé de créer une sauvegarde de votre site. Pour plus d'informations sur les sauvegardes, voir Sites de sauvegarde.
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 d'écrire votre 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.
-
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 voulez inclure un HTML widget dans vos pages dynamiques sans avoir à store tout le code HTML dans 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 dans votre page dynamique - un podcast de SoundCloud, un calendrier externe ou tout autre code personnalisé - et que vous voulez qu'il soit différent dans chaque page dynamique, vous pouvez store l'ID dans votre collection et intégrer le code dans le HTML widget. 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.