{"id":1859,"date":"2022-12-23T11:33:05","date_gmt":"2022-12-23T11:33:05","guid":{"rendered":"https:\/\/blog.hostinger.io\/fr\/support\/2022\/12\/23\/6463358-hostinger-createur-de-site-web-comment-ajouter-des-animations\/"},"modified":"2025-08-26T21:31:49","modified_gmt":"2025-08-26T21:31:49","slug":"6463358-hostinger-createur-de-site-web-comment-ajouter-des-animations","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/fr\/support\/6463358-hostinger-createur-de-site-web-comment-ajouter-des-animations\/","title":{"rendered":"Hostinger Cr\u00e9ateur de Site Web : Comment Ajouter des Animations"},"content":{"rendered":"<p class=\"no-margin\">Vous pouvez int&eacute;grer des animations gratuites &agrave; votre site Web &agrave; l&rsquo;aide d&rsquo;outils tiers. Dans cet exemple, les animations <b><a href=\"https:\/\/lordicon.com\/icons\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Lordicon<\/a><\/b> sont utilis&eacute;es. <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">1. Connectez-vous &agrave; Lordicon et cliquez sur l&rsquo;animation de votre choix ; personnalisez-la si n&eacute;cessaire :<\/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\/12\/f904677d-0801-4583-9454-2b9ffc4cf581.jpg\"><\/div><p class=\"no-margin\">2. Cliquez sur HTML et copiez le code :<\/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\/12\/3bbbaecf-a80e-434d-b830-be4ba6898db3.jpg\"><\/div><p class=\"no-margin\">3. Maintenant, ouvrez le cr&eacute;ateur de site Web, et ajoutez <b><a href=\"\/fr\/support\/6463152-createur-de-site-web-comment-incorporer-un-code-personnalise\" target=\"_blank\" class=\"intercom-content-link\">un &eacute;l&eacute;ment de code incorpor&eacute;<\/a><\/b> &agrave; l&rsquo;endroit souhait&eacute; sur votre page Web.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">4. Collez le code d&rsquo;animation dans l&rsquo;&eacute;l&eacute;ment d&rsquo;int&eacute;gration et l&rsquo;animation s&rsquo;affichera sur votre page :<\/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\/12\/7899b700-a85d-4c99-80bd-1ea7fa41c0ea.jpg\"><\/div><p class=\"no-margin\">5. 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> pour que les changements se refl&egrave;tent en ligne.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\"><b>REMARQUES <\/b>:<\/p><ul>\n<li>\n<p class=\"no-margin\">N&rsquo;h&eacute;sitez pas &agrave; <b><a href=\"\/fr\/support\/6491230-createur-de-sites-web-comment-redimensionner-les-elements-et-les-sections#h_a3f497dc75\" target=\"_blank\" class=\"intercom-content-link\">redimensionner l&rsquo;&eacute;l&eacute;ment de code<\/a><\/b> si n&eacute;cessaire.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Notez que les animations ne sont pas actives dans le mode &eacute;diteur ; consultez plut&ocirc;t <b><a href=\"\/fr\/support\/6475345-createur-de-site-web-comment-previsualiser-un-site-web\" target=\"_blank\" class=\"intercom-content-link\">le mode aper&ccedil;u<\/a><\/b>.<\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>D\u00e9couvrez comment int\u00e9grer des animations \u00e0 votre site Web \u00e0 l&rsquo;aide du Cr\u00e9ateur de sites Web Hostinger<\/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":[259],"tags":[],"class_list":["post-1859","post","type-post","status-publish","format-standard","hentry","category-integrations"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6463358-hostinger-website-builder-how-to-add-animations\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6463358-hostinger-creador-de-sitios-web-como-anadir-animaciones\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6463358-hostinger-createur-de-site-web-comment-ajouter-des-animations\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6463358-hostinger-website-builder-cara-menambahkan-animasi\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6463358-hostinger-svetainiu-kurimo-irankis-kaip-prideti-animaciju\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6463358-hostinger-criador-de-sites-como-adicionar-animacoes\/","default":0},{"locale":"uk-UA","link":"https:\/\/www.hostinger.com\/ua\/support\/6463358-----\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1859","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=1859"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1859\/revisions"}],"predecessor-version":[{"id":3773,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1859\/revisions\/3773"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/media?parent=1859"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/categories?post=1859"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/tags?post=1859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}