{"id":1902,"date":"2022-10-15T17:26:00","date_gmt":"2022-10-15T17:26:00","guid":{"rendered":"https:\/\/blog.hostinger.io\/fr\/support\/2022\/10\/15\/6435894-hostinger-createur-de-sites-web-comment-ajouter-et-personnaliser-des-elements-de-site-web\/"},"modified":"2025-08-26T21:08:46","modified_gmt":"2025-08-26T21:08:46","slug":"6435894-hostinger-createur-de-sites-web-comment-ajouter-et-personnaliser-des-elements-de-site-web","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/fr\/support\/6435894-hostinger-createur-de-sites-web-comment-ajouter-et-personnaliser-des-elements-de-site-web\/","title":{"rendered":"Hostinger Cr\u00e9ateur de Sites Web : Comment Ajouter et Personnaliser des \u00c9l\u00e9ments de Site Web"},"content":{"rendered":"<p class=\"no-margin\">Les &eacute;l&eacute;ments de site web sont des &eacute;l&eacute;ments que vous pouvez utiliser pour remplir vos pages web. En d&rsquo;autres termes, les &eacute;l&eacute;ments de site web sont des textes, des images, des boutons, des vid&eacute;os, etc.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Vous pouvez trouver tous les &eacute;l&eacute;ments disponibles dans l&rsquo;&eacute;diteur, en d&eacute;veloppant le panneau <b>Ajouter un &eacute;l&eacute;ment<\/b> sur la gauche. Il vous suffit de glisser-d&eacute;poser l&rsquo;&eacute;l&eacute;ment &agrave; l&rsquo;endroit souhait&eacute; sur votre site web ou de cliquer sur un &eacute;l&eacute;ment pour qu&rsquo;il soit automatiquement ins&eacute;r&eacute; dans une section s&eacute;lectionn&eacute;e :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/10\/944083f2-646e-43c8-8128-a23dba2dadc8.jpg\"><\/div><p class=\"no-margin\">N&rsquo;h&eacute;sitez pas &agrave; personnaliser chaque &eacute;l&eacute;ment comme vous le souhaitez &ndash; cliquez dessus et explorez ses param&egrave;tres :<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/fr\/support\/wp-content\/uploads\/sites\/56\/2022\/10\/50168442-55f0-4bc5-8aee-f96699874aa7.jpg\"><\/div><p class=\"no-margin\">Vous pouvez choisir parmi les &eacute;l&eacute;ments suivants :<\/p><div class=\"intercom-interblocks-table-container\">\n<table role=\"presentation\">\n<tbody>\n<tr>\n<td>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6436143-website-builder-text-element\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">TEXTE<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Utilisez des &eacute;l&eacute;ments de texte pour enrichir votre site web d&rsquo;un contenu de qualit&eacute; ; <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6463286-website-builder-how-to-change-text-style\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">apprenez &agrave; modifier le style du texte<\/a><\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6435964-website-builder-button-element\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">BOUTONS<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Les boutons sont d&rsquo;excellents &eacute;l&eacute;ments d&rsquo;appel &agrave; l&rsquo;action ; apprenez &agrave; <b><a href=\"\/fr\/support\/6454367-createur-de-site-web-comment-ajouter-des-liens#h_e09f1b4363\" target=\"_blank\" class=\"intercom-content-link\">ajouter des liens <\/a><\/b>&agrave; vos boutons<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6570087-website-builder-add-to-bag-buttons\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">BOUTON AJOUTER AU PANIER<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6538344-website-builder-how-to-add-products\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Cr&eacute;ez des produits<\/a><\/b>, associez-les &agrave; ces boutons et vendez-les en ligne facilement.<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6437004-website-builder-image-elements\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">IMAGE<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Vous pouvez parcourir notre biblioth&egrave;que d&rsquo;images gratuites ou t&eacute;l&eacute;verser vos propres images<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6437094-website-builder-image-gallery-element\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">GALERIE<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">L&rsquo;&eacute;l&eacute;ment galerie vous permet de pr&eacute;senter vos photos pr&eacute;f&eacute;r&eacute;es dans une vue de galerie<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6448859-website-builder-how-to-add-videos\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">VID&Eacute;OS<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Notre &eacute;l&eacute;ment vid&eacute;o natif prend en charge les vid&eacute;os YouTube et Vimeo ; d&eacute;couvrez comment <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6448859-website-builder-how-to-add-videos#h_81150abc12\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">ajouter une vid&eacute;o Facebook<\/a><\/b> ou <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6448859-website-builder-how-to-add-videos#h_ddd51982a5\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">t&eacute;l&eacute;verser une vid&eacute;o depuis votre appareil local<\/a><\/b> &#128161;<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6474593-website-builder-shapes\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">FORME<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Utilisez diff&eacute;rentes formes g&eacute;om&eacute;triques pour parfaire le design de votre site web<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6474784-website-builder-map-element\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">CARTE<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Ajoutez une carte pour aider vos clients &agrave; trouver plus facilement votre commerce<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6474992-website-builder-instagram-feed\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">FLUX INSTAGRAM<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Utilisez l&rsquo;&eacute;l&eacute;ment de flux Instagram pour int&eacute;grer votre compte Instagram sur votre site web<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6463265-website-builder-contact-forms\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">FORMULAIRE DE CONTACT<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Laissez vos clients vous contacter en remplissant un formulaire de contact sur votre site web<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6474695-website-builder-subscription-form\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">S&rsquo;ABONNER<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Pour cr&eacute;er une liste d&rsquo;adresses, ajoutez l&rsquo;&eacute;l&eacute;ment S&rsquo;abonner &agrave; votre site web et recueillez facilement les adresses de courriel<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6474611-website-builder-social-media-icons\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">IC&Ocirc;NES SOCIALES<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Utilisez cet &eacute;l&eacute;ment pour ajouter des liens vers vos profils de m&eacute;dias sociaux de fa&ccedil;on stylis&eacute;e<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\"><b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6463152-website-builder-embed-code\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">CODE INCORPOR&Eacute;<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">L&rsquo;&eacute;l&eacute;ment code incorpor&eacute; vous permet d&rsquo;int&eacute;grer divers widgets de tiers dans votre site web : animations, boutons PayPal, etc.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Apprenez tout ce que vous devez savoir sur les \u00e9l\u00e9ments de 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-1902","post","type-post","status-publish","format-standard","hentry","category-les-elements-du-site-web"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6435894-hostinger-website-builder-how-to-add-and-customize-website-elements\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6435894-hostinger-creador-de-sitios-web-como-agregar-y-personalizar-elementos-de-tu-web\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6435894-hostinger-createur-de-sites-web-comment-ajouter-et-personnaliser-des-elements-de-site-web\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6435894-hostinger-website-builder-cara-menambahkan-dan-mengubahsuaikan-elemen-website\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6435894-hostinger-svetainiu-kurimo-irankis-svetaines-elementai\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6435894-hostinger-criador-de-sites-como-adicionar-e-personalizar-elementos-do-site\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1902","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=1902"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1902\/revisions"}],"predecessor-version":[{"id":3103,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/posts\/1902\/revisions\/3103"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/media?parent=1902"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/categories?post=1902"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/support\/wp-json\/wp\/v2\/tags?post=1902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}