Hostinger Créateur de Site Web : Comment Incorporer un Code Personnalisé

Apprenez à incorporer des codes personnalisés dans votre site web

Updated 2 semaines ago

Un code personnalisé vous permet d’ajouter à votre site web des éléments, des fonctionnalités et des intégrations provenant de tiers.

Grâce aux éléments de code incorporés, vous pouvez insérer des codes personnalisés dans la partie <body></body> du code de votre site web. Apprenez à insérer un code dans la partie <head></head> de votre site web 💡

Dans l’éditeur, ouvrez le panneau Ajouter un élément sur la gauche et faites glisser l’élément du code incorporé à l’endroit souhaité sur votre page :

Créateur de site Hostinger : option Code incorporé dans Ajouter un élément mise en évidence

Cliquez sur l’élément pour voir plus d’options (entrer le code, dupliquer, supprimer, redimensionner) :

Champ « Entrer le code » du bloc d’intégration personnalisée dans Hostinger Créateur de Site Web

Cliquez sur Entrer le code, insérez votre code, puis cliquez sur Code incorporé :

Fenêtre Embed code d’Elfsight avec bouton EMBED CODE mis en évidence

Enfin, mettez à jour votre site web afin que les changements se reflètent en ligne.

Remarque : S’il y a une URL dans votre code personnalisé :

  • Veillez à utiliser le protocole HTTPS ; les liens HTTP ne sont pas sécurisés et les navigateurs les bloquent souvent.

  • Supprimer les espaces de l’URL

Mauvais exemple

Bon exemple

<iframe src=" http://code.com " frameBorder="0" width="900" scrolling="no" height="900" height="900"></iframe>

<iframe src="https://code.com" frameBorder="0" width="900" scrolling="no" height="900" height="900"></iframe>

Si vous avez inséré un code correct et mis à jour le site web, mais qu’aucun widget n’est visible en ligne, essayez de vider le cache de votre navigateur. Si cela ne suffit pas, nous vous recommandons vivement de contacter les développeurs ou le service d’assistance de la plate-forme dont vous avez obtenu le code pour le widget.