Productos en esta escena
VTEX · Demos
Demos interactivas para tu tienda VTEX
Desarrollamos componentes a medida en VTEX IO que el equipo de la tienda edita desde el Site Editor. Esta página muestra ejemplos funcionando: pruébalos como lo haría un cliente.
Demo 01 · Banner comprable
Arma tu sala con un clic
Cada punto marca un producto de la escena. Al tocarlo aparece su nombre, su precio y el botón para agregarlo al carrito. Los productos y precios son de demostración.
Productos en esta escena
Demo 02 · Looks por pestañas
Conoce el look ideal para cada clima
Cada pestaña muestra un banner con el look y los productos que lo componen, con su precio y el botón para agregarlos uno a uno o el look completo. Sirve para campañas por temporada, ocasión o necesidad. Los productos y precios son de demostración.
Demo 03 · Lookbook por ambiente
Recorre cada ambiente y compra lo que ves
Varias escenas en un carrusel, cada una con sus productos: sala, comedor y alcoba. El carrusel avanza solo y se detiene cuando tocas un punto para ver el producto. Los productos y precios son de demostración.
Demo 04 · Asesor de compra
Encuentra el colchón ideal en cuatro preguntas
Cada respuesta filtra el catálogo en vivo y al final muestra los productos que mejor encajan, con el porcentaje de coincidencia y el motivo. Sirve para colchones, calzado, cuidado de la piel o cualquier catálogo donde elegir cuesta. Los productos y precios son de demostración.
8 de 8 colchones encajan
Pregunta 1 de 4
¿En qué posición duermes?
Demo 05 · Pestañas con información
La llanta ideal para cada camino
Cada ícono presenta un uso. Al elegirlo se despliega una tarjeta con la imagen, la explicación de la tecnología y el producto recomendado listo para agregar. Sirve para autopartes, llantas, lubricantes o accesorios. Los productos y precios son de demostración.
Silenciosa para el tráfico diario
Banda de bajo ruido y compuesto que reduce el consumo de combustible en trayectos cortos, con frenadas y arranques constantes.
Llanta Urbana Confort 195/65 R15 $ 289.900
Cómo se construye en VTEX
Una sección que la tienda puede mantener sola
El desarrollo se hace una vez. Después, cambiar escenas, pestañas o productos es trabajo del equipo de contenido, no de un programador.
01
Un bloque de VTEX IO
La sección es un componente de React del Store Framework. Se instala en el tema como cualquier otro bloque y se puede usar en el inicio, en una categoría o en una página de campaña.
02
Editable desde el Site Editor
El equipo cambia imágenes, mueve los puntos, arma las pestañas y elige los productos sin pedir un despliegue. Una campaña nueva es contenido nuevo, no un desarrollo nuevo.
03
Datos del catálogo
Nombre, precio y disponibilidad salen del catálogo de VTEX. Si un producto se agota, la sección lo indica o lo oculta, y los botones agregan al carrito real.
04
Medido en GA4
Cada punto abierto, cada pestaña vista y cada producto agregado se envía como evento a Google Analytics 4. Así se sabe qué escena o look vende y cuál conviene cambiar.
Se puede desarrollar
Otras secciones para tu tienda VTEX
El mismo enfoque sirve para otras secciones que hoy se resuelven con una imagen fija o con varias páginas.
05
Comparador de productos
Dos o tres referencias lado a lado con sus especificaciones del catálogo, para decidir sin abrir varias pestañas.
06
Calculadora por medidas
El cliente escribe el área o las medidas y la sección calcula cuántas unidades necesita y las agrega al carrito.
07
Campaña con cuenta regresiva
Banner con fecha de cierre, precio de la campaña y productos que salen del catálogo, sin editar el tema cada vez.
08
Antes y después
Un control deslizante que muestra el espacio sin el producto y con el producto puesto, ideal para acabados y decoración.
Contacto
¿Quieres una sección así en tu tienda VTEX?
Cuéntanos qué quieres mostrar y en qué página. Te proponemos la sección, cómo se edita y cuánto tarda el desarrollo.