{"id":1849,"date":"2022-10-21T21:27:25","date_gmt":"2022-10-21T21:27:25","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt\/support\/2022\/10\/21\/6435894-hostinger-criador-de-sites-como-adicionar-e-personalizar-elementos-do-site\/"},"modified":"2025-08-27T06:15:27","modified_gmt":"2025-08-27T06:15:27","slug":"6435894-hostinger-criador-de-sites-como-adicionar-e-personalizar-elementos-do-site","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/br\/support\/6435894-hostinger-criador-de-sites-como-adicionar-e-personalizar-elementos-do-site\/","title":{"rendered":"Hostinger Criador de Sites: Como Adicionar e Personalizar Elementos do Site"},"content":{"rendered":"<p class=\"no-margin\">Elementos de sites s&atilde;o itens que podem ser usados para preencher as suas p&aacute;ginas. Ou seja, os elementos de site s&atilde;o textos, imagens, bot&otilde;es, v&iacute;deos etc.<\/p><p class=\"no-margin\">Voc&ecirc; pode encontrar todos os elementos dispon&iacute;veis no editor expandindo o painel <b>Adicionar elementos<\/b> &agrave; esquerda da tela. Basta arrastar e soltar o elemento para o local desejado do seu site ou clicar sobre um elemento que ele ser&aacute; automaticamente inserido &agrave; se&ccedil;&atilde;o selecionada:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/10\/08ad240a-3a5d-4532-9c5f-6163583035b5.jpg\"><\/div><p class=\"no-margin\">Voc&ecirc; pode personalizar cada elemento do jeito que quiser, basta clicar nele e explorar suas configura&ccedil;&otilde;es:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/10\/aa4f5d9b-09a9-4ceb-9f81-6b96dc31c0a9.jpg\"><\/div><p class=\"no-margin\">Voc&ecirc; pode escolher entre os elementos a seguir:<\/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\">TEXTO<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Use elementos textuais para preencher o seu site com conte&uacute;do de qualidade; saiba como <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6463286-website-builder-changing-text-styles\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">mudar o estilo de texto<\/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\">BOT&Otilde;ES<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Os bot&otilde;es s&atilde;o excelentes elementos de call-to-action (chamada para a&ccedil;&atilde;o); saiba como <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6454367-website-builder-adding-links#h_603b64867e\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">adicionar links<\/a><\/b> aos seus bot&otilde;es<\/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\">BOT&Otilde;ES &ldquo;ADICIONAR &Agrave; SACOLA&rdquo;<\/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\">Crie produtos<\/a><\/b> e adicione o link dos produtos a esses bot&otilde;es e comece a vend&ecirc;-los com facilidade<\/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\">IMAGENS<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Voc&ecirc; pode explorar nossa biblioteca de imagens gratuitas ou carregar suas pr&oacute;prias imagens<\/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\">GALERIA DE IMAGENS<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Com este elemento, voc&ecirc; pode exibir suas imagens favoritas em forma de galeria<\/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\">V&Iacute;DEOS<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Nosso elemento de v&iacute;deo nativo suporta v&iacute;deos diretos do YouTube e Vimeo; saiba como <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\">adicionar um v&iacute;deo do 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\">fazer upload de um v&iacute;deo do seu dispositivo 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\">FORMAS<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Use v&aacute;rias figuras geom&eacute;tricas para aperfei&ccedil;oar o design do seu site<\/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\">MAPA<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Adicione um mapa para ajudar seus clientes a encontrarem o endere&ccedil;o da sua empresa com mais facilidade<\/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\">FEED DO INSTAGRAM<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Use o elemento de feed do Instagram para incorporar sua conta do Instagram ao seu site<\/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\">FORMUL&Aacute;RIO DE CONTATO<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Mostre aos seus clientes como eles podem entrar em contato com voc&ecirc; com um formul&aacute;rio de contato no seu site<\/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\">FORMUL&Aacute;RIO DE INSCRI&Ccedil;&Atilde;O<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Para criar uma lista de e-mail, adicione um elemento de formul&aacute;rio de inscri&ccedil;&atilde;o ao seu site e colete endere&ccedil;os de e-mail de forma f&aacute;cil e pr&aacute;tica<\/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\">&Iacute;CONES DE REDES SOCIAIS<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Use esse elemento para adicionar os links de perfil das suas redes sociais com eleg&acirc;ncia<\/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\">INCORPORAR C&Oacute;DIGO<\/a><\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Esse elemento permite integrar v&aacute;rios widgets de terceiros ao seu site: anima&ccedil;&otilde;es, bot&otilde;es do PayPal e muito mais.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Tudo o que voc\u00ea precisa saber sobre elementos de site<\/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":[257],"tags":[],"class_list":["post-1849","post","type-post","status-publish","format-standard","hentry","category-elementos-do-site"],"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\/br\/support\/wp-json\/wp\/v2\/posts\/1849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/comments?post=1849"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1849\/revisions"}],"predecessor-version":[{"id":3601,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1849\/revisions\/3601"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/media?parent=1849"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/categories?post=1849"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/tags?post=1849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}