Cómo Agregar un Producto a una Página
Después de crear o administrar entradas del catálogo, adjúntalas a landing pages con el bloque Producto dentro del Page Builder.
Antes de Empezar
Asegúrate de tener:
- Al menos un producto guardado en el catálogo. Consulta Cómo crear un producto.
- Una página abierta en el Page Builder (borrador o publicada).
- URLs de checkout configuradas en el producto antes de enviar tráfico.
Consulta Visión general de Productos y Agregar productos a una página (referencia).
Paso 1: Abrir el Page Builder
- Abre Páginas y selecciona la página que quieres editar.
- Haz clic en Editar para entrar al Page Builder.
- Confirma que estás en el proyecto correcto si tu workspace filtra activos.
Paso 2: Insertar el Bloque Producto
- Arrastra o inserta el elemento Producto desde la paleta.
- Selecciona el bloque para que el panel lateral muestre su configuración.
Consulta Elementos de producto y precio para cómo Producto se combina con bloques Precio.
Paso 3: Elegir un Ítem del Catálogo
- En Producto, abre el menú desplegable.
- Elige la fila del catálogo que quieras — los bundles muestran el sufijo “(Bundle)”.
- La página guarda una referencia al producto; nombres y precios vienen del catálogo hasta que edites el producto de nuevo.
Si el producto fue eliminado, el panel muestra “Producto no encontrado” — elige un producto nuevo o restaura la entrada del catálogo.
Usa Editar en Editor de Producto desde el panel lateral para ajustar precios o CTAs sin salir del constructor.
Paso 4: Anular Visualización (Opcional)
Cuando hay un producto seleccionado, Opciones de visualización expone Mostrar producto completo como anulación por bloque:
- Desactivado — Usa el predeterminado del catálogo salvo que lo cambies aquí.
- Activado — Fuerza la columna completa de merchandising en esta ubicación aunque el catálogo prefiera solo selector.
Así distintas páginas pueden presentar el mismo SKU de forma diferente.
Paso 5: Guardar y Publicar
- Haz clic en Guardar en el constructor.
- Haz clic en Publicar cuando estés listo para tráfico.
- Prueba la URL en vivo en una ventana de incógnito — haz clic en los CTAs de checkout de cada nivel si aplica.
Republica tras ediciones importantes del catálogo (cambios de precio, eliminación de niveles) para que los payloads en caché sigan siendo precisos.
Consulta Publicar una página.
Solución de Problemas
| Problema | Qué intentar |
|---|---|
| Advertencia Producto no encontrado | Vuelve a seleccionar un producto válido del catálogo o recrea la entrada faltante. |
| Precio incorrecto en la página en vivo | Edita el producto del catálogo, guarda y republica la página. |
| Dos productos lado a lado | Agrega dos bloques Producto con selecciones distintas del catálogo. |
Resultado
La página muestra el producto del catálogo seleccionado con checkout funcional en la URL publicada.
Documentación Relacionada
- Agregar productos a una página (referencia)
- Elementos de producto y precio
- Administrar productos
- Cómo crear un producto
FAQ
¿Puedo mostrar dos productos lado a lado?
Agrega dos bloques Producto y elige IDs distintos. Cuida el apilado en móvil — layouts lado a lado pueden colapsar a una sola columna.
¿El bloque Precio reemplaza al bloque Producto?
Tienen objetivos de layout distintos. Usa Producto para la experiencia completa de merchandising + checkout; usa Precio cuando solo necesites un fragmento centrado en precios.
¿La página guarda una copia del producto?
No. El bloque guarda una referencia a la entrada del catálogo. Actualiza precios en Productos y republica si hace falta.