{"id":1864,"date":"2022-10-15T17:51:06","date_gmt":"2022-10-15T17:51:06","guid":{"rendered":"https:\/\/blog.hostinger.io\/fr\/support\/2022\/10\/15\/6463152-hostinger-createur-de-site-web-comment-incorporer-un-code-personnalise\/"},"modified":"2025-08-26T21:08:41","modified_gmt":"2025-08-26T21:08:41","slug":"6463152-hostinger-createur-de-site-web-comment-incorporer-un-code-personnalise","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/fr\/support\/6463152-hostinger-createur-de-site-web-comment-incorporer-un-code-personnalise\/","title":{"rendered":"Hostinger Cr\u00e9ateur de Site Web : Comment Incorporer un Code Personnalis\u00e9"},"content":{"rendered":"<p class=\"no-margin\">Un code personnalis&eacute; vous permet d&rsquo;ajouter &agrave; votre site web des &eacute;l&eacute;ments, des fonctionnalit&eacute;s et des int&eacute;grations provenant de tiers.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Gr&acirc;ce aux &eacute;l&eacute;ments de code incorpor&eacute;s, vous pouvez ins&eacute;rer des codes personnalis&eacute;s dans la partie <b><code>&lt;body&gt;&lt;\/body&gt;<\/code><\/b> du code de votre site web. Apprenez &agrave; ins&eacute;rer un code dans la partie <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6445594-website-builder-how-to-add-a-custom-code-to-the-head-part-of-a-website-s-code\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\"><code>&lt;head&gt;&lt;\/head&gt;<\/code><\/a><\/b> de votre site web &#128161;<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Dans l&rsquo;&eacute;diteur, ouvrez le panneau <b>Ajouter un &eacute;l&eacute;ment<\/b> sur la gauche et faites glisser l&rsquo;&eacute;l&eacute;ment du <b>code incorpor&eacute;<\/b> &agrave; l&rsquo;endroit souhait&eacute; sur votre page :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/10\/53e58a56-5958-49ed-96e6-864c4494caef.jpg\"><\/div><p class=\"no-margin\">Cliquez sur l&rsquo;&eacute;l&eacute;ment pour voir plus d&rsquo;options (entrer le code, dupliquer, supprimer, redimensionner) :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/10\/e4c76264-1d6f-491d-bfbc-e8f45fc8a94a.jpg\"><\/div><p class=\"no-margin\">Cliquez sur <b>Entrer le code<\/b>, ins&eacute;rez votre code, puis cliquez sur <b>Code incorpor&eacute;<\/b> :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/10\/674bfb46-129f-48b9-84f8-126ea448c349.jpg\"><\/div><p class=\"no-margin\">Enfin, <b><a href=\"\/fr\/support\/6435697-createur-de-site-web-comment-mettre-a-jour-un-site-web\" target=\"_blank\" class=\"intercom-content-link\">mettez &agrave; jour votre site web<\/a><\/b> afin que les changements se refl&egrave;tent en ligne.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\"><b>Remarque <\/b>: S&rsquo;il y a une URL dans votre code personnalis&eacute; :<\/p><ul>\n<li>\n<p class=\"no-margin\">Veillez &agrave; utiliser le protocole <b>HTTPS <\/b>; les liens HTTP ne sont pas s&eacute;curis&eacute;s et les navigateurs les bloquent souvent.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Supprimer les espaces<\/b> de l&rsquo;URL<\/p>\n<\/li>\n<\/ul><div class=\"intercom-interblocks-table-container\">\n<table role=\"presentation\">\n<tbody>\n<tr>\n<td>\n<p class=\"intercom-align-center no-margin\"><b>Mauvais exemple<\/b><\/p>\n<\/td>\n<td>\n<p class=\"intercom-align-center no-margin\"><b>Bon exemple<\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\"><code>&lt;iframe src=\" <a href=\"http:\/\/code.com\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">http:\/\/code.com<\/a> \" frameBorder=\"0\" width=\"900\" scrolling=\"no\" height=\"900\" height=\"900\"&gt;&lt;\/iframe&gt;<\/code><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\"><code>&lt;iframe src=\"<a href=\"https:\/\/code.com\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">https:\/\/code.com<\/a>\" frameBorder=\"0\" width=\"900\" scrolling=\"no\" height=\"900\" height=\"900\"&gt;&lt;\/iframe&gt;<\/code><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><p class=\"no-margin\">Si vous avez ins&eacute;r&eacute; un code correct et mis &agrave; jour le site web, mais qu&rsquo;aucun widget n&rsquo;est visible en ligne, essayez de <b><a href=\"\/fr\/support\/1583501-comment-effacer-le-cache\" target=\"_blank\" class=\"intercom-content-link\">vider le cache de votre navigateur<\/a><\/b>. Si cela ne suffit pas, nous vous recommandons vivement de contacter les d&eacute;veloppeurs ou le service d&rsquo;assistance de la plate-forme dont vous avez obtenu le code pour le widget.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apprenez \u00e0 incorporer des codes personnalis\u00e9s dans votre site web<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[255],"tags":[],"class_list":["post-1864","post","type-post","status-publish","format-standard","hentry","category-les-elements-du-site-web"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6463152-hostinger-website-builder-how-to-embed-custom-code\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6463152-hostinger-creador-de-sitios-webs-como-incrustar-un-codigo-personalizado\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6463152-hostinger-createur-de-site-web-comment-incorporer-un-code-personnalise\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6463152-hostinger-website-builder-cara-menyematkan-kode-kustom\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6463152-hostinger-svetainiu-kurimo-irankis-kaip-iterpti-koda\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6463152-hostinger-criador-de-sites-como-embutir-um-codigo-personalizado\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/comments?post=1864"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1864\/revisions"}],"predecessor-version":[{"id":3094,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1864\/revisions\/3094"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/media?parent=1864"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/categories?post=1864"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/tags?post=1864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}