{"id":267,"date":"2022-12-17T22:20:28","date_gmt":"2022-12-17T22:20:28","guid":{"rendered":"https:\/\/blog.hostinger.io\/es\/support\/2022\/12\/17\/6435964-hostinger-creador-de-sitios-web-como-agregar-botones\/"},"modified":"2025-08-26T20:52:54","modified_gmt":"2025-08-26T20:52:54","slug":"6435964-hostinger-creador-de-sitios-web-como-agregar-botones","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/es\/support\/6435964-hostinger-creador-de-sitios-web-como-agregar-botones\/","title":{"rendered":"Hostinger Creador de Sitios Web: C\u00f3mo Agregar Botones"},"content":{"rendered":"<p class=\"no-margin\">La forma m&aacute;s f&aacute;cil de agregar botones a tu web es usar <b>elementos de bot&oacute;n<\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Dentro del editor, expande el panel <b>Agregar elementos<\/b> a la izquierda<b>. <\/b>Selecciona el <b>elemento bot&oacute;n<\/b>, arr&aacute;stralo y su&eacute;ltalo en cualquier lugar de tu web:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2022\/12\/a28578de-d4aa-4a15-80c1-e69739f53645.jpg\"><\/div><p class=\"no-margin\">Haz clic en un bot&oacute;n para ver m&aacute;s opciones (editar, duplicar, eliminar, cambiar el tama&ntilde;o):<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2022\/12\/56b6d6df-b707-489a-a115-77c8fdd6999b.jpg\"><\/div><p class=\"no-margin\">Haz clic en <b>Editar bot&oacute;n<\/b> para abrir su configuraci&oacute;n:<\/p><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>General<\/b><\/p>\n<\/td>\n<td>\n<p class=\"intercom-align-center no-margin\"><b>Estilo<\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\">\n<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Cambiar el nombre del bot&oacute;n<\/p>\n<\/td>\n<td>\n<p class=\"no-margin\">Cambia los siguientes atributos de estilo del bot&oacute;n:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">Color de relleno<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Color\/fuente\/tama&ntilde;o del texto<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Radio del borde (forma del bot&oacute;n)<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p class=\"no-margin\">Usar <b><a href=\"\/es\/support\/6454367-creador-de-sitios-web-como-agregar-enlaces#h_34622670f6\" target=\"_blank\" class=\"intercom-content-link\">opciones de enlace<\/a><\/b>; puedes crear un hiperv&iacute;nculo del bot&oacute;n con:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">Una URL<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">La p&aacute;gina de tu sitio web<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">N&uacute;mero de tel&eacute;fono<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Direcci&oacute;n de correo electr&oacute;nico<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Archivo<\/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>NOTAS<\/b>:<\/p><ul>\n<li>\n<p class=\"no-margin\">Otra forma de agregar botones es usando <b><a href=\"\/es\/support\/6463152-creador-de-sitios-webs-como-incrustar-un-codigo-personalizado\" target=\"_blank\" class=\"intercom-content-link\">elementos de c&oacute;digo personalizado<\/a><\/b>; de esta manera, puedes agregar <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?locale=es_LA\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Compartir<\/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> y otros botones.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Obtenga m&aacute;s informaci&oacute;n sobre <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\">los botones &ldquo;A&ntilde;adir a la bolsa&rdquo;<\/a><\/b>.<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprende a agregar botones a tu 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":[256],"tags":[],"class_list":["post-267","post","type-post","status-publish","format-standard","hentry","category-elementos-del-sitio-web"],"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\/es\/support\/wp-json\/wp\/v2\/posts\/267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/comments?post=267"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/267\/revisions"}],"predecessor-version":[{"id":1433,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/267\/revisions\/1433"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/media?parent=267"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/categories?post=267"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/tags?post=267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}