Respuesta rápida
Copia el shortcode de tu tabla (por ejemplo [wptb id=123]) desde Embed en el constructor de WP Table Builder. En Elementor, arrastra el widget Shortcode a la página, pega el shortcode en su campo y haz clic en Update. También puedes usar el widget WP Table Builder que se menciona en el diálogo Embed del plugin. Ambos funcionan con Elementor gratis y Elementor Pro.
Elementor es un maquetador muy popular para WordPress. Las tablas de WP Table Builder funcionan dentro de cualquier diseño de Elementor, incluidas secciones, contenedores, popups y plantillas.
Requisitos #
| Concepto | Detalles |
|---|---|
| Plan | WP Table Builder gratis o Pro |
| Maquetador | Elementor gratis o Elementor Pro |
| Una tabla guardada | Consulta Cómo crear tu primera tabla en WP Table Builder si todavía no tienes una |
| Tiempo necesario | Unos 2 minutos |
Paso 1: Copia el shortcode de la tabla #
- Ve a WP Table Builder > All Tables y haz clic en Edit debajo de tu tabla.
- Haz clic en Embed en la barra superior.
- Haz clic en Copy junto al shortcode, por ejemplo
[wptb id=123].
También puedes copiar el shortcode desde la columna Shortcode de la página All Tables. Consulta Cómo insertar una tabla de WP Table Builder con un shortcode.
Paso 2: Abre tu página en Elementor #
Ve a Pages, pasa el ratón sobre la página y haz clic en Edit with Elementor.
Paso 3: Añade el widget Shortcode #
- En el panel de Elementor, busca Shortcode.
- Arrastra el widget Shortcode a la sección o contenedor donde debe aparecer la tabla.
Paso 4: Pega el shortcode #
Pega el shortcode de WP Table Builder en el campo Enter your shortcode del widget.
Paso 5: Previsualiza y publica #
Haz clic en Update (o Publish), y luego mira la página. El editor de Elementor puede mostrar la tabla sin todos sus scripts, así que revisa siempre la página publicada o la vista previa.
Por qué la tabla puede verse diferente en el editor de Elementor #
Elementor muestra los shortcodes en su editor sin cargar todos los scripts que usa una tabla. La búsqueda, la ordenación, la paginación, las filas fijas y los diseños responsive funcionan en la página publicada aunque no funcionen dentro del editor de Elementor.
Solución de problemas #
- El shortcode aparece como texto: lo pegaste en un widget Text Editor en vista de código o en un título. Usa el widget Shortcode.
- La tabla se corta en el móvil: activa desplazamiento horizontal o modo responsive para la tabla.
- Los estilos del tema o de Elementor cambian la tabla: activa Disable theme styles en los ajustes de WP Table Builder. Consulta Cómo desactivar los estilos del tema en una tabla.
Preguntas frecuentes #
¿WP Table Builder funciona con Elementor?
Sí. Añade la tabla con el widget Shortcode de Elementor y el shortcode de la tabla, o con el widget de WP Table Builder. Ambos funcionan con Elementor gratis y Pro.
¿Necesito Elementor Pro?
No. El widget Shortcode está incluido en la versión gratuita de Elementor.
¿Por qué mi tabla se ve diferente en el editor de Elementor?
Elementor no carga todos los scripts de la tabla en su editor. Revisa la vista previa o la página publicada, donde funcionan todas las funciones.
¿Puedo usar una tabla de WP Table Builder en un popup o plantilla de Elementor?
Sí. Añade un widget Shortcode con el shortcode de la tabla al popup, la cabecera, el pie de página o la plantilla guardada.
