Plugin para WooCommerce

Controla cada elemento del
panel de información de tu producto

Reordena, activa, desactiva e inyecta elementos custom dentro de la sección de título, precio y carrito de WooCommerce — sin tocar código, con preview en tiempo real.

💡 Actúa sobre el panel de información del producto (columna derecha): título, precio, carrito y más — no reemplaza el tema ni la imagen del producto.
↓  Descargar gratis Ver el editor →
11+
Tipos de elementos
100%
Preview en tiempo real
0
Líneas de código
Layouts distintos

¿Qué parte de la página controla este plugin?

Una página de producto en WooCommerce tiene dos grandes bloques: la galería de imágenes (izquierda) y el panel de información (derecha). Este plugin actúa exclusivamente sobre el panel de la derecha.

Ese panel contiene el título, el precio, las valoraciones, el botón de carrito y los metadatos del producto. Con el plugin puedes reordenarlos, desactivar los que no necesitas y agregar tus propios elementos en cualquier posición.

¿Qué puedes controlar?
  • Reordenar los elementos nativos de WooCommerce (título, precio, carrito…)
  • Activar o desactivar elementos individualmente
  • Insertar elementos custom en cualquier posición del panel
  • Aplicar estilos CSS por elemento (color, tamaño, márgenes…)
  • La galería de imágenes del producto (eso lo maneja el tema)
  • El encabezado o pie de página del sitio
InicioTiendaCarrito
Galería — controlada por el tema
⚡ Panel Builder Pro actúa aquí
H   Título del producto
$   Precio
★   Valoraciones
≡   Descripción corta (desactivada)
🛒   Añadir al carrito
🖼   Imagen custom (tuya)
▬   Botón personalizado (tuyo)
ℹ   Metadatos (desactivados)

El borde azul marca exactamente lo que el plugin puede controlar

El editor, en acción

Sidebar con el layout a la izquierda y preview en vivo del producto real a la derecha — todo dentro del administrador de WordPress

■ mitienda Store coming soon Edit Site Howdy, admin
Mi Layout Principal
Default
Elementos del layout
H
Título WC
$
Precio WC
Valoraciones WC
Descripción corta WC
🛒
Añadir al carrito WC
Metadatos WC
🖼
Imagen
🗑
Compartir WC
Añadir elemento
B Texto
▬ Botón
🖼 Imagen
🏷 Badge
≡ Acordeón
🛡 Trust
⟨/⟩ HTML
─ Divisor
Producto de Ejemplo
Sale!
Producto de Ejemplo
$120.000$90.000
1
Add to cart
Category: General
🖼 Imagen personalizada (elemento custom)

¿Cómo funciona?

Cuatro pasos para tener el panel de información de tu producto exactamente como lo necesitas

1

Crea un layout

Dale nombre a tu configuración. Puedes tener layouts diferentes para distintos productos, campañas o categorías.

2

Ordena los elementos

Usa las flechas ▲▼ para mover cada elemento nativo de WooCommerce. Desactiva los que no quieras mostrar con el toggle.

3

Agrega elementos propios

Inserta botones, imágenes, badges, acordeones o HTML personalizado en cualquier posición del panel.

4

Guarda y publica

El plugin aplica el layout en el frontend automáticamente. Compatible con temas clásicos y con FSE (Full Site Editing).

Preview en tiempo real — sin guardar

Cada acción que hagas en el editor se refleja al instante en el preview del producto, sin esperar ni recargar

Agregar elemento

Al añadir un botón, imagen o badge aparece un placeholder inmediato en el preview en la posición correcta.

✓ Instantáneo
🗑

Eliminar elemento

El elemento desaparece del preview en tiempo real al quitarlo del layout, sin recargar la página.

✓ Instantáneo
🔀

Reordenar

Al mover elementos arriba o abajo con las flechas, el orden se actualiza de inmediato en el preview del iframe.

✓ Instantáneo
👁

Activar / desactivar

El toggle de cada elemento oculta o muestra el bloque en el preview al instante, nativo o custom.

✓ Instantáneo

Todo lo que incluye el plugin

Funcionalidades pensadas para tiendas de dropshipping y e-commerce en Colombia y Latinoamérica

📐

Múltiples layouts

Crea tantos layouts como necesites. Asigna uno por defecto para toda la tienda y personaliza productos específicos de forma individual.

🎨

Estilos por elemento

Font size, peso tipográfico, color de texto, color de fondo, márgenes, padding, border radius y CSS personalizado para cada elemento.

🎨

Color picker integrado

Todos los campos de color muestran un selector visual nativo. Sin escribir hex a mano — haz clic en el swatch y elige.

🖥

Temas clásicos y FSE

Detecta automáticamente si el tema usa el template blockificado o el hook clásico, y ajusta la estrategia de inyección.

📋

Duplicar layouts

Clona cualquier layout existente con un clic como punto de partida para variaciones similares. Ahorra tiempo en tiendas con muchos productos.

🔍

Product picker en el editor

Selecciona cualquier producto publicado desde el dropdown para previsualizarlo. El preview se recuerda por layout entre sesiones.

Elementos disponibles

Los nativos de WooCommerce son reordenables y desactivables. Los custom se insertan donde los pongas en el layout.

Elementos nativos de WooCommerce — reordenables y desactivables
H Título del producto $ Precio ★ Valoraciones ≡ Descripción corta 🛒 Añadir al carrito ℹ Metadatos (SKU, categoría) ↗ Compartir
Elementos custom — agrégalos donde quieras en el panel
Botón personalizado
Color, link, icono, tamaño
🖼
Imagen
Con link, caption y ancho
📝
Texto enriquecido
HTML completo
🏷
Badge / Etiqueta
Color, icono, posición
🔽
Acordeón
FAQ, specs, detalles
🛡
Trust badges
Hasta 4 íconos + texto
⟨/⟩
HTML libre
Embeds, widgets, iframes
💻
Bloque de código
Syntax highlighting
Divisor
Solid, dashed, dotted
Espaciador
Altura en px configurable
T
Texto simple
Párrafos sin etiquetas

Requisitos

Funciona sobre cualquier instalación estándar de WordPress + WooCommerce

🔷

WordPress 6.4+

Soporte completo de block themes y FSE

🛍

WooCommerce 8+

Blockified template y hooks clásicos

🐘

PHP 7.4+

Sin dependencias externas de terceros

🎨

Cualquier tema

Detección automática del tipo de tema

Listo para controlar tu panel de producto

Descarga el plugin, instálalo en WordPress y empieza a reordenar y personalizar el panel de información de tus productos en minutos.

↓   Descargar Plugin — gratis
WooCommerce Panel Builder Pro v1.0.0 · Requiere WordPress 6.4+ y WooCommerce 8+