Un widget de vídeo UGC shoppable muestra vídeos de clientes en tu sitio con el producto destacado justo debajo de cada uno. Los compradores ven el artículo en uso real y pueden hacer clic para comprarlo. Esta plantilla usa un slider coverflow con una tarjeta centrada y una barra de producto que muestra la miniatura, el nombre y el precio.
Qué muestra el widget de vídeo UGC shoppable y dónde colocarlo
Un widget de vídeo UGC shoppable es una galería incrustada de vídeos de clientes en la que cada vídeo está vinculado al producto que presenta. Convierte el contenido que tus clientes ya han creado en un camino hacia el pago.
Con el widget shoppable, etiquetas productos en las publicaciones sincronizadas con un precio, una imagen y un enlace de pago. El widget también informa de las vistas y los clics, así que puedes ver qué vídeos envían a la gente a las páginas de producto.
El UGC shoppable funciona mejor cuando el producto se juzga mejor en movimiento: moda, belleza, artículos para el hogar y gadgets. Si el formato es nuevo para ti, empieza por qué es el vídeo shoppable y los ejemplos de esa guía.
Esta plantilla encaja en páginas de inicio, páginas de colección y páginas de destino de campañas. Tiene un encabezado de Artículos destacados, un icono de compra rápida y gestos de deslizamiento en móvil.
- Página de inicio: un slider de Artículos destacados pone los más vendidos delante de los visitantes nuevos con pruebas reales de clientes.
- Página de precios: para suscripciones o paquetes, los vídeos del producto en uso respaldan la decisión de compra.
- Páginas de producto: los vídeos de clientes responden dudas sobre ajuste, talla y calidad junto al botón Añadir al carrito.
- Páginas de destino: el tráfico de campañas ve el producto en uso y puede comprar sin recorrer toda la tienda.
Cómo añadir un widget de vídeo UGC shoppable a tu sitio web
- Conecta tu fuente de Instagram/UGC en EmbedSocial.
- Elige la plantilla en la biblioteca de plantillas shoppable.
- Asigna cada publicación destacada a un producto (nombre, precio, imagen y URL del producto).
- Personaliza el texto del encabezado (por ejemplo, Artículos destacados) y activa el botón o icono de compra.
- Copia el código de inserción (JavaScript o iFrame).
- Pégalo en tu sitio (Shopify, WooCommerce, WordPress, Wix, Squarespace o HTML personalizado) y publica.
WordPress
- Abre la página en el editor de bloques y añade un bloque de HTML personalizado.
- Pega el código de inserción de EmbedSocial en el bloque.
- Previsualiza la página y haz clic en Actualizar o Publicar.
Shopify
- En el panel de administración de Shopify, ve a Tienda online, luego a Temas y haz clic en Personalizar.
- Abre la página o la plantilla de producto donde debe aparecer el widget y añade una sección de Custom Liquid.
- Pega el código de inserción en la sección y haz clic en Guardar.
Wix
- Abre el editor de Wix y haz clic en Añadir elementos.
- Elige Código de inserción, luego Insertar HTML, y coloca el elemento en la página.
- Haz clic en Introducir código, pega el código de inserción, haz clic en Actualizar y publica el sitio.
Squarespace
- Edita la página y haz clic en Añadir bloque donde deba ir el widget.
- Elige Código y pega el código de inserción en el bloque.
- Guarda la página y comprueba el resultado en el sitio en vivo.
Slider coverflow frente a otros diseños
| Diseño | Ideal para | Muestra | Plantilla |
|---|---|---|---|
| Slider de vídeo coverflow | Destacar unos pocos productos estrella | Una tarjeta de vídeo centrada con una barra de producto | Widget de vídeo UGC shoppable |
| Carrusel de vídeo con reproducción automática | Captar la atención al hacer scroll | Varias tarjetas de vídeo en reproducción con nombre y precio | Widget de vídeo shoppable con reproducción automática |
| Cuadrícula shoppable | Explorar muchos looks a la vez | Imágenes de estilo de vida con etiquetas de producto | Cuadrícula comprable |
