{"id":2477,"date":"2025-03-22T06:38:50","date_gmt":"2025-03-22T06:38:50","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&p=2477"},"modified":"2026-11-13T14:13:07","modified_gmt":"2026-11-13T14:13:07","password":"","slug":"boton","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/es\/docs\/button\/","title":{"rendered":"Elemento Button en WP Table Builder"},"content":{"rendered":"
\n

Respuesta r\u00e1pida<\/p>\n\n\n\n

El elemento Button a\u00f1ade un bot\u00f3n de llamada a la acci\u00f3n a una celda, como Comprar ahora o M\u00e1s informaci\u00f3n. Arrastra Bot\u00f3n<\/strong> a una celda, haz clic en el texto del bot\u00f3n para cambiarlo y luego usa las pesta\u00f1as General<\/strong>, Link<\/strong>, Icono<\/strong> y Label<\/strong> del panel izquierdo para definir el tama\u00f1o, los colores, el enlace y un icono opcional. El elemento Button es gratuito; la Label del bot\u00f3n y el relleno y margen del bot\u00f3n requieren Pro.<\/p>\n<\/div>\n\n\n\n

Los botones convierten las tablas en herramientas de conversi\u00f3n. Son habituales en tablas de precios, tablas comparativas de afiliaci\u00f3n y listas de productos.<\/p>\n\n\n

<\/div><\/div><\/div>\n\n\n

Requisitos<\/h2>\n\n\n\n
Concepto<\/th>Detalles<\/th><\/tr><\/thead>
Plan<\/strong><\/td>Gratis y Pro<\/td><\/tr>
D\u00f3nde<\/strong><\/td>Elementos<\/strong> (pesta\u00f1a) del constructor, Basic<\/strong> (grupo)<\/td><\/tr>
Tiempo necesario<\/strong><\/td>Aproximadamente 1 minuto<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

C\u00f3mo a\u00f1adir el elemento Button<\/h2>\n\n\n\n
    \n
  1. Abre la tabla en el constructor y haz clic en Elementos<\/strong> .<\/li>\n\n\n\n
  2. Arrastra Bot\u00f3n<\/strong> a una celda, o escribe button<\/code> en Search elements<\/strong> antes.<\/li>\n\n\n\n
  3. Haz clic en el elemento para abrir sus ajustes en el panel izquierdo.<\/li>\n\n\n\n
  4. Haz clic en Save<\/strong> cuando termines.<\/li>\n<\/ol>\n\n\n\n
    \"Ajustes<\/figure>\n\n\n
    <\/div><\/div><\/div>\n\n\n

    Ajustes de Button<\/h2>\n\n\n\n
    Ajuste<\/th>Qu\u00e9 hace<\/th><\/tr><\/thead>
    General: Button Size<\/strong><\/td>S, M, L o XL<\/td><\/tr>
    General: Full Width<\/strong><\/td>Estira el bot\u00f3n a todo el ancho de la celda<\/td><\/tr>
    General: Border Radius<\/strong><\/td>Redondea las esquinas<\/td><\/tr>
    General: Button Color \/ Button Hover Color<\/strong><\/td>Color de fondo y color al pasar el rat\u00f3n<\/td><\/tr>
    General: Text Color \/ Text Hover Color<\/strong><\/td>Color del texto y color al pasar el rat\u00f3n<\/td><\/tr>
    General: Font Size, Scale on Hover<\/strong><\/td>Tama\u00f1o del texto y efecto de agrandar al pasar el rat\u00f3n<\/td><\/tr>
    General: Button Alignment, Content Alignment, Button Id<\/strong><\/td>Posici\u00f3n, alineaci\u00f3n del texto y un id HTML para seguimiento<\/td><\/tr>
    Link: Button Link<\/strong><\/td>La URL que abre el bot\u00f3n<\/td><\/tr>
    Link: Link rel<\/strong><\/td>Sponsored, No Follow, No Referer<\/td><\/tr>
    Link: Open in new tab, Convert link to absolute<\/strong><\/td>Comportamiento del enlace<\/td><\/tr>
    Icon: Button Icon, Icon Position, Icon Size<\/strong><\/td>Un icono a la izquierda o a la derecha del texto<\/td><\/tr>
    Label: Enable Button Label<\/strong><\/td>Una peque\u00f1a etiqueta en el bot\u00f3n, como -10 % (Pro)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
    <\/div><\/div><\/div>\n\n\n

    Botones de afiliaci\u00f3n<\/h2>\n\n\n\n

    Para enlaces de afiliaci\u00f3n, pon Link rel<\/strong> en Sponsored<\/strong> (y No Follow<\/strong> si quieres) y activa Open in new tab<\/strong>. Consulta C\u00f3mo a\u00f1adir enlaces al texto de una tabla en WP Table Builder (nofollow, patrocinado, nueva pesta\u00f1a)<\/a>.<\/p>\n\n\n

    <\/div><\/div><\/div>\n\n\n

    Preguntas frecuentes<\/h2>\n\n\n
    \n
    \n\t\t\t
    \n\t\t\t

    \u00bfC\u00f3mo a\u00f1ado un bot\u00f3n a una tabla de WordPress?<\/strong><\/p>\n\t\t\t

    <\/span><\/div>\n\t\t<\/div>\n\t\t\t
    \n\n

    Arrastra el elemento Button a una celda, haz clic en el texto para editarlo y define la URL en la pesta\u00f1a Link.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

    \n\t\t\t
    \n\t\t\t

    \u00bfLos botones pueden usar rel sponsored?<\/strong><\/p>\n\t\t\t

    <\/span><\/div>\n\t\t<\/div>\n\t\t\t
    \n\n

    S\u00ed. En la pesta\u00f1a Link, elige Sponsored en Link rel.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n

    \n\t\t\t
    \n\t\t\t

    \u00bfQu\u00e9 es la Label del bot\u00f3n?<\/strong><\/p>\n\t\t\t

    <\/span><\/div>\n\t\t<\/div>\n\t\t\t
    \n\n

    Una peque\u00f1a insignia unida al bot\u00f3n, por ejemplo un descuento. Requiere WP Table Builder Pro.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n

    <\/div><\/div><\/div>\n\n\n

    Documentos relacionados<\/h2>\n\n\n\n