{"id":1183,"date":"2024-04-30T17:24:06","date_gmt":"2024-04-30T17:24:06","guid":{"rendered":"https:\/\/tableberg.com\/?post_type=docs&#038;p=1183"},"modified":"2025-06-16T09:47:47","modified_gmt":"2025-06-16T09:47:47","password":"","slug":"como-anadir-botones-a-las-tablas-de-wordpress","status":"publish","type":"docs","link":"https:\/\/tableberg.com\/es\/docs\/how-to-add-buttons-to-wordpress-tables\/","title":{"rendered":"Bloque de botones"},"content":{"rendered":"<p>Los botones son un potente elemento web que puede incitar a los usuarios a realizar diversas acciones. A\u00f1adiendo botones a las tablas, puede motivar a los usuarios a explorar y comprar sus productos.<\/p>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tableberg\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">TableBerg<\/a> es un maravilloso plugin constructor de tablas con el que puedes crear y a\u00f1adir botones a tus tablas. Hagamos un recorrido sobre c\u00f3mo a\u00f1adir botones a las tablas de WordPress<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Paso 01: Seleccione la celda donde desea a\u00f1adir el bot\u00f3n<\/h2>\n\n\n\n<p>Seleccione la celda en la que desea a\u00f1adir un bot\u00f3n situando el cursor sobre ella.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Select-the-Cell-Where-You-Want-to-Add-the-Button.webp\" alt=\"Seleccione la celda en la que desea a\u00f1adir el bot\u00f3n\" class=\"wp-image-1184\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Select-the-Cell-Where-You-Want-to-Add-the-Button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Select-the-Cell-Where-You-Want-to-Add-the-Button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Select-the-Cell-Where-You-Want-to-Add-the-Button-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Select-the-Cell-Where-You-Want-to-Add-the-Button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Paso 02: A\u00f1adir el bloque de botones a la tabla<\/h2>\n\n\n\n<p>Haga clic en Gutenberg <strong>icono m\u00e1s (+)<\/strong>. Ver\u00e1 el <strong>Bloque de botones<\/strong>. <\/p>\n\n\n\n<p><strong>A\u00f1\u00e1delo a la tabla<\/strong> haciendo clic en \u00e9l.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Button-Block-to-the-Table.webp\" alt=\"A\u00f1adir el bloque de botones a la tabla\" class=\"wp-image-1185\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Button-Block-to-the-Table.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Button-Block-to-the-Table-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Button-Block-to-the-Table-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-the-Button-Block-to-the-Table-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Paso 03: A\u00f1adir una copia CTA al bot\u00f3n<\/h2>\n\n\n\n<p>Un texto CTA es imprescindible para cada bot\u00f3n. <strong>A\u00f1ada su texto CTA<\/strong> al bot\u00f3n.<\/p>\n\n\n\n<p>Puede cambiar la posici\u00f3n del bot\u00f3n utilizando la opci\u00f3n Alineaci\u00f3n de la barra de herramientas. A continuaci\u00f3n, puede aumentar su anchura desde la opci\u00f3n Anchura de la barra lateral derecha.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-CTA-Copy-to-the-Button.webp\" alt=\"A\u00f1ada un texto CTA al bot\u00f3n\" class=\"wp-image-1186\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-CTA-Copy-to-the-Button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-CTA-Copy-to-the-Button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-CTA-Copy-to-the-Button-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-CTA-Copy-to-the-Button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Paso 04: Estilizar el bot\u00f3n<\/h2>\n\n\n\n<p>Ven al <strong>Ficha Estilos<\/strong>. Desde aqu\u00ed, puede cambiar el color del texto del bot\u00f3n, el color de fondo, el color hover, la tipograf\u00eda y las dimensiones. Espero que pueda hacer los cambios usted mismo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Stylize-the-Button.webp\" alt=\"Estilizar el bot\u00f3n\" class=\"wp-image-1187\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Stylize-the-Button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Stylize-the-Button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Stylize-the-Button-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Stylize-the-Button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Paso 05: A\u00f1adir un enlace de destino al bot\u00f3n<\/h2>\n\n\n\n<p>Haga clic en el bot\u00f3n <strong>Opci\u00f3n de enlace<\/strong> en la barra de herramientas. Se abrir\u00e1 un cuadro en el que podr\u00e1s a\u00f1adir un enlace de destino. Copie y pegue el enlace de la entrada o p\u00e1gina deseada en el cuadro.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full has-custom-border\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"653\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-Destination-Link-to-the-Button.webp\" alt=\"A\u00f1adir un enlace de destino al bot\u00f3n\" class=\"wp-image-1188\" style=\"border-width:1px;border-radius:3px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-Destination-Link-to-the-Button.webp 1280w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-Destination-Link-to-the-Button-300x153.webp 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-Destination-Link-to-the-Button-1024x522.webp 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2024\/04\/Add-a-Destination-Link-to-the-Button-768x392.webp 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Por lo tanto, puede a\u00f1adir botones CTA a sus tablas de WordPress. Para obtener m\u00e1s informaci\u00f3n, explore este post en <a href=\"https:\/\/tableberg.com\/es\/como-anadir-un-boton-de-compra-en-amazon-en-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">c\u00f3mo a\u00f1adir botones 'Comprar en Amazon' en una tabla de WordPress<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tutorial en v\u00eddeo<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"A\u00f1adir botones a una tabla en WordPress con Tableberg\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/3ZJ4RrEwdKE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>","protected":false},"excerpt":{"rendered":"<p>Buttons are a powerful web element that can trigger users to complete various actions. By adding buttons to tables, you can motivate users to explore and buy your products. TableBerg is a wonderful table-builder plugin by which you can create and add buttons to your tables. Let&#8217;s have a tour on how to add buttons [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"doc_category":[94],"doc_tag":[63],"class_list":["post-1183","docs","type-docs","status-publish","hentry","doc_category-sub-blocks","doc_tag-table-buttons"],"year_month":"2026-04","word_count":272,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_irayhan","author_url":"https:\/\/tableberg.com\/es\/author\/wpx_irayhan\/"},"doc_category_info":[{"term_name":"Sub-Blocks","term_url":"https:\/\/tableberg.com\/es\/docs-category\/sub-blocks\/"}],"doc_tag_info":[{"term_name":"Table Buttons","term_url":"https:\/\/tableberg.com\/es\/docs-tag\/table-buttons\/"}],"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/1183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=1183"}],"version-history":[{"count":3,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/1183\/revisions"}],"predecessor-version":[{"id":9745,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/docs\/1183\/revisions\/9745"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=1183"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/doc_category?post=1183"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/doc_tag?post=1183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}