El contenido se asocia una sola vez
Una publicación puede tener una o varias asociaciones de producto de Shopify, incluyendo puntos de interés precisos para looks con varios productos.
Guía de Visual UGC para Shopify · Actualizada en agosto de 2026
Añade UGC a las páginas de producto de Shopify: sin editar el código del tema
Asocia una sola vez las fotos y videos de tus clientes con productos de Shopify, añade un bloque de galería a tu plantilla de producto y deja que cada página de producto muestre el contenido que le corresponde.
- Un solo bloque para la plantilla de producto
- Asociación automática por producto
- Ajustes independientes para computadora y móvil
alba-running.com/products/pace-one
@runwithmayaALBA RUNNING
Pace One
$118.00
Contexto de producto: Pace OneSolo publicaciones coincidentes
La respuesta corta
¿Cómo añadir UGC a una página de producto de Shopify?
Usa un bloque de aplicación de tema de Shopify conectado a una galería UGC sensible al producto. En Superdesk, aprueba el contenido de tus clientes, asocia cada publicación con el producto de Shopify correspondiente, personaliza la galería de página de producto y luego añade el bloque Galería UGC Shoppable a tu plantilla de producto en el editor de temas de Shopify. El bloque detecta el producto actual y muestra automáticamente las publicaciones coincidentes.
La plantilla aporta el contexto
En una página de producto, el bloque de galería usa el producto actual de Shopify, salvo que elijas deliberadamente una sustitución.
Cada página de producto se mantiene relevante
La misma plantilla puede mostrar zapatos en una página de zapatos y una chaqueta en una página de chaquetas, sin mantener integraciones separadas.
Antes de abrir el editor de temas
Prepara el contenido antes de colocar la galería
Una instalación limpia empieza con contenido aprobado y asociado a productos. Completa estas verificaciones primero para que la vista previa de la tienda tenga sentido.
- 1
Superdesk está instalado en la tienda Shopify.
- 2
Las fotos o videos de clientes están aprobados en la Biblioteca de contenido.
- 3
Cada publicación que esperas ver en una página de producto está asociada a ese producto de Shopify.
- 4
Tu tema activo es compatible con bloques o secciones de aplicación de Shopify.
- 5
Puedes previsualizar un tema no publicado antes de guardar cambios en tu tienda en vivo.
Tutorial paso a paso
De la biblioteca de contenido a la página de producto en vivo
Este es el flujo actual de Superdesk. Completa los pasos en orden y prueba tanto un producto con contenido como uno sin contenido antes de publicar.
- 01
Superdesk · Biblioteca de contenido
Aprueba las fotos y videos que quieres usar
Trae publicaciones de Instagram, contenido de reseñas, envíos de clientes o envíos del comercio, y aprueba el contenido listo para usar en la tienda. Para contenido de Instagram de terceros, completa tu flujo de derechos antes de publicar.
- El contenido aparece en la Biblioteca de contenido
- La fuente y el creador son correctos
- El estado de autorización es adecuado
Biblioteca de contenidoAprobado - 02
Superdesk · Editor de publicaciones
Asocia cada publicación con sus productos de Shopify
Abre una publicación, busca en tu catálogo de Shopify y asocia cada producto visible en el contenido. Coloca un punto de interés directamente sobre el artículo correspondiente cuando la publicación tenga un look completo o varios productos.
- Se seleccionó el producto o la variante correctos
- El punto de interés está sobre el producto
- Los cambios de la publicación están guardados
Buscar productos de ShopifyPace OneAzul · $118 - 03
Superdesk · Galerías
Abre la galería de página de producto
Elige la galería de página de producto predeterminada. Está diseñada para filtrar según el producto que se está viendo, así que no necesitas crear una galería para cada referencia o página de producto.
- Galería de página de producto seleccionada
- El contexto de producto dinámico sigue activado
- Hay un producto de ejemplo seleccionado para la vista previa
Galería de página de productoGalería predeterminadaEn cada página de producto, esta galería muestra las publicaciones asociadas a ese producto.
Contexto de producto dinámico - 04
Superdesk · Editor de galería
Elige el diseño y previsualiza un producto real
Define el estilo de la galería, los espacios, las columnas, la apariencia de las publicaciones, los puntos de interés y el comportamiento al hacer clic. Cambia entre las vistas previas de computadora y móvil, y usa un producto con contenido asociado para confirmar el resultado antes de guardar.
- Revisaste computadora y móvil
- Los enlaces de producto abren la página correcta
- La configuración de la galería está guardada
Editor de galería Computadora · Móvil - 05
Shopify · Editor de temas
Añade la Galería UGC Shoppable a la plantilla de producto
Copia el ID de la galería desde Superdesk. En Shopify, ve a Tienda online → Temas → Editar tema, abre la plantilla de producto que quieras, selecciona Añadir sección → Aplicaciones → Galería UGC Shoppable, pega el ID de la galería, coloca la sección y guarda.
- Está abierta la plantilla de producto correcta
- El ID de la galería está pegado exactamente
- El campo de sustitución de producto quedó vacío para la asociación dinámica
Editor de temas de ShopifyProductos · Producto predeterminado Sección de galería
- 06
Shopify · Vista previa de la tienda
Prueba la galería antes de publicar
Previsualiza un producto con contenido asociado y otro sin él. Prueba las publicaciones de imagen y video, los puntos de interés, la lista de productos, los enlaces salientes a productos, el enfoque por teclado y el diseño móvil. Publica solo cuando tanto el estado con contenido como el vacío se comporten como esperas.
- El contenido coincidente es correcto
- El producto vacío no muestra contenido no relacionado
- La interacción en móvil es cómoda
Control de calidad de la tiendaVista previa Computadora4 columnas · enlaces funcionan Móvil2 columnas · sin desbordamiento
¿Dónde debería ir la galería?
Elige una posición que apoye la decisión de compra
No existe una posición perfecta universal. Parte del papel que cumple el contenido, mantén claro el camino de compra y compara el comportamiento en las analíticas de tu propia tienda.
Debajo de la información del producto
Usa una galería a todo ancho después de los detalles principales del producto cuando quieras que tus compradores vean el artículo en contextos reales sin interrumpir la selección de variante.
Buena opción predeterminada para la mayoría de las tiendasCerca de las reseñas
Coloca el Visual UGC junto a la sección de reseñas o justo antes de ella cuando las pruebas de tus clientes formen parte de una secuencia más amplia de prueba social.
Útil para páginas de producto centradas en pruebasMás arriba en páginas largas
Sube un carrusel compacto cuando la descripción del producto sea larga y el uso real sea esencial para entender el ajuste, la escala, el color o el estilo.
Prueba con cuidado frente a la visibilidad del botón de compraLista de verificación de lanzamiento
Prueba primero la relevancia, luego la presentación
Una galería bonita con los productos equivocados es peor que no tener galería. Verifica la coincidencia, el comportamiento y la capacidad de respuesta, en ese orden.
Relevancia del contenido
- Cada publicación pertenece al producto actual
- No aparece contenido sin aprobar
- Las publicaciones con varios productos muestran la lista correcta
- Un producto vacío tiene un estado vacío intencional
Comportamiento del comprador
- Las imágenes, los videos y la navegación modal funcionan
- Los puntos de interés permanecen sobre el producto en cada tamaño de pantalla
- Los enlaces de producto llevan a la página correcta
- El enfoque por teclado y los controles de cierre son utilizables
Presentación en móvil
- El texto y los controles no cubren el contenido
- El número de columnas elegido es legible
- Los videos no sorprenden a los visitantes con sonido
- No se introduce desbordamiento horizontal en la página
Solución de problemas
Si la galería UGC de la página de producto está vacía o es incorrecta
Trabaja desde el contenido hacia la plantilla. La mayoría de los problemas vienen de una asociación de producto faltante, un identificador de galería incorrecto, la plantilla equivocada o un cambio sin guardar.
Lo que observasCausa probableQué hacer
El bloque de aplicación no aparece en la lista
La sección del tema no acepta bloques de aplicación, o la aplicación no está disponible para ese tema.
Prueba con Añadir sección → Aplicaciones en la plantilla de producto. Confirma que Superdesk está instalado y que el tema admite bloques de aplicación de Shopify.
El bloque no muestra ninguna galería
Falta el ID de la galería, está mal escrito, o la galería de Superdesk no se ha guardado.
Vuelve a copiar el ID desde Insertar galería, pégalo sin espacios adicionales, guarda en Superdesk y luego guarda el tema de Shopify.
Un producto no tiene publicaciones
No hay ninguna publicación aprobada asociada al producto que se está viendo.
Abre la Biblioteca de contenido, asocia las publicaciones esperadas con ese producto exacto de Shopify, guarda y actualiza la vista previa.
Las mismas publicaciones aparecen en todas las páginas de producto
Se insertó una galería no dinámica, o el campo de sustitución de producto está configurado en el bloque del tema.
Usa la galería de página de producto y deja vacío el campo de sustitución de producto, para que el producto actual aporte el contexto.
Los cambios se ven en Superdesk pero no en Shopify
Uno de los dos lados no se guardó, está abierto el tema o la plantilla equivocados, o se está viendo una vista previa en caché.
Guarda en ambos editores, verifica la plantilla y el tema activos, y recarga la vista previa de la tienda sin caché.
La galería desapareció después de cambiar de tema
Los bloques de aplicación de Shopify se configuran por tema.
Abre el nuevo tema y añade el bloque Galería UGC Shoppable a su plantilla de producto antes de publicarlo.
Construye el flujo completo
Recopila, aprueba, asocia y publica
El bloque de página de producto es el último paso en tu tienda. Superdesk lo mantiene conectado con el descubrimiento en Instagram, los envíos de clientes, el contenido de reseñas, los derechos, la asociación de productos y el diseño de la galería.
Preguntas frecuentes sobre UGC en páginas de producto
Preguntas que se hacen los comercios de Shopify antes de añadir una galería de clientes
¿Necesito una galería UGC separada para cada producto de Shopify?
No. La galería de página de producto de Superdesk es dinámica. Añade un bloque de galería a una plantilla de producto, y usará el producto actual para mostrar las publicaciones asociadas a ese producto.
¿Cómo sabe Superdesk qué UGC corresponde a cada página de producto?
La conexión viene de las asociaciones de producto de Shopify guardadas en cada publicación aprobada. Cuando la galería se carga en una página de producto, se usa el ID del producto actual para mostrar el contenido correspondiente.
¿Una publicación UGC puede vincularse a varios productos?
Sí. Una publicación puede tener varios productos de Shopify asociados. Los puntos de interés pueden marcar su posición, y la vista de detalle de la galería puede mostrar la lista de productos relacionados.
¿Puedo usar publicaciones de Instagram, fotos de reseñas y envíos juntos?
Sí. Las galerías de página de producto pueden tomar contenido de Instagram aprobado, fotos y videos de reseñas, envíos de clientes y envíos del comercio, siempre que las publicaciones estén asociadas al producto correspondiente.
¿Añadir la galería requiere editar el código del tema de Shopify?
No, en los temas de Shopify compatibles. Superdesk usa una extensión de aplicación de tema de Shopify, así que los comercios añaden y colocan la Galería UGC Shoppable desde el editor de temas, como sección o bloque de aplicación.
¿Dónde debería ir el UGC en una página de producto?
Un buen punto de partida es una sección a todo ancho debajo de la información principal del producto o cerca de las reseñas. Mantén clara la selección de variante y el camino hacia Añadir al carrito, y luego prueba la posición según el comportamiento real de tus compradores.
¿Qué pasa cuando un producto no tiene UGC correspondiente?
La galería no debería mostrar productos sin relación como sustituto. Trata el estado vacío de forma intencional: añade contenido asociado a ese producto, usa un contenido de respaldo configurado solo si es realmente relevante, u oculta la sección vacía.
¿La galería funcionará en móvil?
Sí, y Superdesk ofrece ajustes de diseño móvil independientes. Previsualiza la plantilla de producto exacta en un tamaño de pantalla de móvil y revisa las columnas, el comportamiento de los videos, los puntos de interés, los controles modales y el desbordamiento horizontal antes de lanzar.
¿Qué debo hacer después de cambiar de tema en Shopify?
Vuelve a añadir y verifica el bloque de aplicación de Superdesk en el nuevo tema. La configuración de temas de Shopify es específica de cada tema, así que los bloques de aplicación no se activan automáticamente en un tema recién publicado.
Coloca contenido real de clientes justo donde se decide la compra
Crea galerías sensibles al producto a partir de publicaciones de Instagram, envíos de clientes, contenido de reseñas y tu propio contenido, todo dentro del mismo espacio de trabajo de Superdesk.
5.0 en la Shopify App Store