Développez les fonctionnalités de votre site en ajoutant du code HTML personnalisé et des liens de navigation. Découvrez ci-dessous comment ajouter du code personnalisé à l'ensemble du site ou à des pages spécifiques, et comment configurer des menus de navigation structurés.
Développez les fonctionnalités de votre site en ajoutant du code HTML et des scripts personnalisés. Utilisez ce widget pour intégrer des fonctionnalités tierces telles que des vidéos, des formulaires ou des calendriers.
Conseil:
N'ajoutez que du code provenant de sources fiables. Vérifiez et testez toujours le code personnalisé avant de le publier, et sauvegardez votre site au préalable.
Pour un contrôle avancé, consultez le mode développeur .
Limites
- Guesty ne peut pas dépanner le code personnalisé.
- Utilisez HTTPS pour toutes les ressources externes, sinon elles ne se chargeront pas.
- Ne pas remplacer ni réinitialiser jQuery.
Où ajouter du code personnalisé
Vous disposez de deux options principales pour ajouter du code personnalisé :
Option 1 : Ajouter un code global au site
Appliquez le code globalement à toutes les pages en l'ajoutant à la balise d'en-tête <head> du site ou avant la balise de fermeture <body> .
- Dans le panneau latéral, cliquez sur Référencement Naturel et Paramètres .
- Cliquez sur En-tête HTML .
- HTML de l'en-tête : Ajoutez du contenu à la
<head>. Utilisez ce champ pour les scripts globaux, les styles, les balises méta ou le code de vérification qui doivent apparaître dans l'en-tête de toutes les pages. - HTML de fin du corps : ajoutez du code HTML ou JavaScript personnalisé juste avant l’élément de fermeture
</body>sur chaque page.
- HTML de l'en-tête : Ajoutez du contenu à la
- Collez votre code.
- Cliquez sur Enregistrer .
Conseil:
Placez le code qui charge les ressources (comme les fichiers CSS ou les scripts général ) dans la section <head>. Utilisez la section <body> pour les widgets ou le code données analytiques qui doivent se charger après le contenu de la page .
Pour plus de détails, consultez le guide du code personnalisé Duda .
Option 2 : Ajouter du code par page (en-tête de page unique)
Ajoutez du code à l'en-tête d'une page individuelle pour les scripts ou le style qui ne doivent affecter que cette page.
""- Dans le panneau latéral, cliquez sur Pages .
- Localisez la page à laquelle vous souhaitez ajouter du code et cliquez
. - Cliquez sur Modifier le Référencement Naturel de la page .
- Faites défiler vers le bas jusqu'à l'en-tête HTML .
- Collez votre code dans le champ et cliquez sur Enregistrer .
Cela ajoute du code uniquement à l' <head> de la page sélectionnée.
- Cliquez sur le widget HTML et sélectionnez l'onglet Contenu .
- Collez votre code HTML personnalisé dans la zone de texte.
- Cliquez sur Mettre à jour pour enregistrer.
Ajouter des données connectées au widget HTML
Développez votre site en insérant des champs dynamiques issus d'une collection dans le widget HTML. Vous pouvez afficher du contenu personnalisé, comme des podcasts SoundCloud exclusifs ou des calendriers externes, pour chaque élément de la collection.
En savoir plus sur les données connectées .
Cliquez sur le widget HTML et sélectionnez l'onglet Design pour ajuster la mise en page, le style ou l'espacement du widget.