{"id":1847,"date":"2022-11-29T12:46:04","date_gmt":"2022-11-29T12:46:04","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt\/support\/2022\/11\/29\/6435964-hostinger-criador-de-sites-como-adicionar-botoes\/"},"modified":"2025-08-27T06:14:04","modified_gmt":"2025-08-27T06:14:04","slug":"6435964-hostinger-criador-de-sites-como-adicionar-botoes","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/br\/support\/6435964-hostinger-criador-de-sites-como-adicionar-botoes\/","title":{"rendered":"Hostinger Criador de Sites: Como Adicionar Bot\u00f5es"},"content":{"rendered":"<p class=\"no-margin\">A maneira mais f&aacute;cil de adicionar bot&otilde;es ao seu site &eacute; usar <b>elementos de bot&atilde;o<\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">No editor, abra o painel <b>Adicionar elementos <\/b>&agrave; esquerda. Selecione o elemento do bot&atilde;o e arraste e solte-o em qualquer lugar do seu site:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/11\/a3b80c34-4b23-44af-a56c-962dfa000824.jpg\"><\/div><p class=\"no-margin\">Clique em um bot&atilde;o para ver mais op&ccedil;&otilde;es (editar, duplicar, excluir, redimensionar):<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/11\/eb23340d-bae0-4d82-8ca9-9ebf8227cc84.jpg\"><\/div><p class=\"no-margin\">Click <b>Edit button <\/b>to open its settings: Clique em Editar bot&atilde;o para abrir suas configura&ccedil;&otilde;es:<\/p><div class=\"intercom-interblocks-table-container\">\n<table role=\"presentation\">\n<tbody>\n<tr>\n<td>\n<p class=\"no-margin\"><b>Geral<\/b><\/p>\n<\/td>\n<td>\n<p class=\"no-margin\"><b>Estilo<\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\">Renomear o bot&atilde;o<\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Altere os seguintes atributos de estilo do bot&atilde;o:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">Cor de preenchimento<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Cor\/fonte\/tamanho do texto<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Raio da borda (formato do bot&atilde;o)<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\">Usar <a href=\"\/br\/support\/6454367-criador-de-sites-como-adicionar-links#h_683b8f6767\" target=\"_blank\" class=\"intercom-content-link\">op&ccedil;&otilde;es de link<\/a>; voc&ecirc; pode fazer um hiperlink um bot&atilde;o com:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">Qualquer link URL<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">P&aacute;ginas do seu site<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">N&uacute;mero de telefone<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Endere&ccedil;o de Email<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Arquivo<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<td>\n<p class=\"no-margin\">\n<\/p><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><p class=\"no-margin\"><b>OBSERVA&Ccedil;&Atilde;O<\/b>:<\/p><ul>\n<li>\n<p class=\"no-margin\">Outra maneira de adicionar bot&otilde;es &eacute; usando <b><a href=\"\/br\/support\/6463152-criador-de-sites-como-embutir-um-codigo-personalizado\" target=\"_blank\" class=\"intercom-content-link\">elementos de c&oacute;digo incorporados<\/a><\/b>; desta forma, voc&ecirc; pode adicionar <b><a href=\"https:\/\/www.paypal.com\/buttons\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">PayPal<\/a><\/b>, <b><a href=\"https:\/\/developers.facebook.com\/docs\/plugins\/share-button\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Share<\/a><\/b>, <b><a href=\"https:\/\/developer.twitter.com\/en\/docs\/twitter-for-websites\/tweet-button\/overview\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Tweet<\/a><\/b> e outros bot&otilde;es<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Saiba mais sobre os <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6570087-website-builder-how-to-add-add-to-bag-buttons\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">bot&otilde;es de &ldquo;Adicionar &agrave; sacola&rdquo;<\/a><\/b><\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda a adicionar bot\u00f5es ao seu 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-1847","post","type-post","status-publish","format-standard","hentry","category-elementos-do-site"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6435964-hostinger-website-builder-how-to-add-buttons\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6435964-hostinger-creador-de-sitios-web-como-agregar-botones\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6435964-hostinger-createur-de-sites-web-comment-ajouter-des-boutons\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6435964-hostinger-website-builder-cara-menambahkan-tombol\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6435964-hostinger-svetainiu-kurimo-irankis-mygtuko-elementas\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6435964-hostinger-criador-de-sites-como-adicionar-botoes\/","default":0},{"locale":"uk-UA","link":"https:\/\/www.hostinger.com\/ua\/support\/6435964-hostinger-----\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1847","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=1847"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1847\/revisions"}],"predecessor-version":[{"id":3467,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1847\/revisions\/3467"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/media?parent=1847"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/categories?post=1847"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/tags?post=1847"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}