Respuesta rápida
Ve a WP Table Builder > Add New, indica el número de Columns y Rows en Start blank y haz clic en Create table. Ponle nombre a la tabla arriba, haz clic en cualquier celda para escribir, arrastra elementos como imagen, valoración con estrellas o botón desde la pestaña Elementos a las celdas y ajusta los colores y bordes en la pestaña Settings . Haz clic en Save, y luego haz clic en Embed y copia el shortcode (por ejemplo [wptb id=123]) en una entrada o página, o usa el bloque WP Table Builder.
Este tutorial te guía para crear desde cero una tabla de productos sencilla con la versión gratuita de WP Table Builder. Se tarda unos 5 minutos. Si prefieres empezar con un diseño terminado, consulta Cómo crear una tabla a partir de una plantilla en WP Table Builder.
Requisitos #
| Concepto | Detalles |
|---|---|
| Plan | Gratis (este tutorial solo usa funciones gratuitas) |
| Plugin | WP Table Builder 2.3 o posterior, instalado y activo. Consulta Cómo instalar y activar el plugin WP Table Builder. |
| Rol de usuario | Administrador, o un rol permitido en los roles de usuario de WP Table Builder |
| Tiempo necesario | Unos 5 minutos |
Paso 1: Crea una tabla en blanco #
- En tu escritorio de WordPress, ve a WP Table Builder > Add New.
- En Start blank, usa los botones – y + para definir Columns y Rows. Puedes añadir o quitar filas y columnas más tarde.
- Haz clic en Create table. Se abre el constructor.
Paso 2: Ponle nombre a la tabla #
Haz clic en Untitled table en la parte superior del constructor y escribe un nombre, por ejemplo “Mejores portátiles 2026”. Los nombres claros facilitan encontrar las tablas en All Tables y en el bloque WP Table Builder.
Paso 3: Añade texto #
Cada celda nueva ya contiene un elemento Text que muestra Content here…. Haz clic en él y empieza a escribir. Selecciona palabras para ver la barra de formato con negrita, cursiva, subrayado, tachado, enlace y alineación.
Para una celda de encabezado, selecciona el elemento de texto y cambia Tag desde Paragraph a un nivel de encabezado en el panel izquierdo. Consulta Texto.
Paso 4: Arrastra elementos #
- Abre Elementos (pestaña) en el panel izquierdo.
- Arrastra un elemento (por ejemplo Botón, Imagen o Valoración con estrellas) a una celda. Una línea azul indica dónde se colocará.
- Suéltalo. Una celda puede contener varios elementos apilados uno encima de otro.
Los elementos gratuitos son Text, Button, Image, List, Star Rating, Custom HTML y Shortcode. Pro añade siete más. Consulta Elementos de WP Table Builder: resumen de los 14 elementos.
Paso 5: Cambia los ajustes de los elementos #
Haz clic en un elemento para seleccionarlo. El panel izquierdo muestra sus ajustes, a menudo divididos en pestañas. Para un botón tienes General (tamaño, colores, radio), Link, Icono y Label.
Haz clic en la flecha de retroceso en la parte superior del panel para volver a la lista de elementos.
Paso 6: Añade o quita filas y columnas #
Haz clic en el espacio vacío de una celda para seleccionarla y luego usa la barra de herramientas sobre la tabla: Añadir una columna a la izquierda o a la derecha, Añadir una fila encima o debajo, Merge cells, Split cell, Delete column y Delete row. Consulta Cómo añadir filas o columnas a una tabla existente.
Paso 7: Dale estilo a la tabla #
Abre Settings (pestaña) para cambiar toda la tabla: Cell Padding, Alignment, Border, Background (encabezado, filas pares e impares, al pasar el ratón), Font Style, ordenación y más. Escribe en Search settings para encontrar una opción rápidamente.
Antes de publicar, revisa las vistas previas Tablet y Mobile en la barra superior. Si la tabla es demasiado ancha, activa el desplazamiento horizontal o modo responsive.
Paso 8: Guarda e inserta la tabla #
- Haz clic en Save. El punto naranja del botón desaparece cuando todo está guardado.
- Haz clic en Embed y haz clic en Copy junto al shortcode.
- Pega el shortcode en una entrada o página, o añade el bloque WP Table Builder y elige tu tabla. Consulta Cómo añadir una tabla de WP Table Builder en el editor de bloques Gutenberg y Cómo insertar una tabla de WP Table Builder con un shortcode.
Cuando edites y guardes la tabla más adelante, todas las páginas que la muestran se actualizarán automáticamente.
Preguntas frecuentes #
¿Puedo crear tablas sin programar?
Sí. WP Table Builder funciona totalmente con arrastrar y soltar. No necesitas HTML ni CSS para crear, diseñar o insertar una tabla.
¿Hay un límite de tablas que puedo crear?
No. Tanto la versión gratuita como la Pro permiten tablas ilimitadas.
¿Puedo editar una tabla después de insertarla?
Sí. Edita y guarda la tabla en WP Table Builder y se actualizarán todas las páginas que la usan.
¿Funciona con el editor de bloques Gutenberg?
Sí. Usa el bloque WP Table Builder, o un bloque Shortcode con el shortcode de la tabla.
¿Puede la IA crear la tabla por mí?
Con WP Table Builder Pro, el Asistente de IA puede rellenar y dar estilo a una tabla a partir de una descripción en lenguaje sencillo. Consulta la guía del Asistente de IA.
Documentos relacionados #
- Cómo crear una tabla a partir de una plantilla en WP Table Builder
- Interfaz de WP Table Builder: un recorrido por el constructor de tablas
- Elementos de WP Table Builder: resumen de los 14 elementos
- Cómo añadir una tabla de WP Table Builder en el editor de bloques Gutenberg
- Cómo usar el Asistente de IA en WP Table Builder
