Plantilla Volt: tienda de electrónica de consumo con garantía
Plantilla Volt: una tienda de electrónica montada sobre la garantía
Volt es la tienda de accesorios electrónicos de la galería de Zugo: auriculares, cargadores y lámparas de escritorio, con oferta de la semana, catálogo filtrable por tipo, una comparativa cara a cara entre dos modelos y cuatro promesas de posventa. Clonarla no gasta créditos y el esqueleto sirve para cualquier marca pequeña de hardware.
Lo que la distingue no es la retícula de productos, que se parece a la de cualquier tienda. Es que media página está dedicada a lo que ocurre después de la compra, y ese reparto de espacio es una decisión comercial, no estética.
¿Qué incluye la plantilla Volt?
La estructura es corta a propósito. Un catálogo de accesorios no necesita quince secciones, necesita que las seis que hay respondan a una duda concreta del comprador.
| Sección | Qué contiene |
|---|---|
| Portada | La promesa de la marca, valoración media y dos accesos: catálogo y oferta |
| Oferta de la semana | Un producto destacado con precio rebajado, ahorro visible y contador de cuenta atrás |
| Catálogo completo | Fichas filtrables por familia: audio, energía e iluminación |
| Comparativa cara a cara | Dos modelos de auriculares enfrentados fila por fila, con un ganador señalado |
| Posventa | Garantía de tres años, devoluciones, piezas reemplazables y envío al día siguiente |
| Cuenta | Acceso, carrito lateral, lista de deseos, pedidos y garantías registradas |
Fíjate en lo que no hay: ni blog, ni sección larga de quiénes somos, ni bloque de boletín peleando por la atención. En una tienda de accesorios esas piezas casi siempre restan, porque alargan el camino entre el interés y el botón de compra.
La comparativa merece atención aparte. Enfrenta dos productos propios en lugar de compararse con un competidor, y eso convierte una duda que llevaría a otra pestaña en una decisión que se resuelve dentro de la página. Es el patrón más reutilizable de toda la plantilla.
¿Por qué la posventa ocupa tanto espacio?
Porque en electrónica de consumo la objeción real no es el precio, es la sospecha de que el aparato durará ocho meses. Una franja con garantía, devoluciones y piezas reemplazables ataca esa sospecha de forma directa, y hacerlo en la propia página de producto vale más que repetirlo en una página de condiciones que nadie abre.
La idea transferible es sencilla: dedica espacio a la duda que frena la compra, no a la información que a ti te resulta cómoda contar. En un taller esa duda es el plazo, en una tienda de ropa es la talla, en un servicio recurrente es la permanencia. Cambia el contenido de esa franja y el esqueleto sigue funcionando.
Hay una condición incómoda. Las cuatro promesas de la demostración son compromisos de negocio, no funciones del generador. Si no piensas cubrir tres años de garantía ni pagar la devolución, reescribe esas tarjetas antes de publicar. Prometer en la web lo que no sostienes en la operación es el error que más caro sale de esta plantilla.
¿Qué funciona ya y qué solo lo parece?
La parte visible responde. Los filtros del catálogo, añadir al carrito, el contador del icono, el cajón lateral, las pantallas de cuenta y el comportamiento en móvil están montados y se pueden probar en la vista previa de la galería antes de clonar nada.
Debajo no hay tienda. No existe control de existencias ni registro de pedidos, así que el carrito es una interfaz que funciona sobre el vacío y se vacía al recargar la página, porque la plantilla no lleva almacenamiento. Aceptable en una demostración, nunca en un lanzamiento.
El cobro es un paso aparte. La caja es un conjunto de pantallas con modalidades de envío y campo de código promocional, y cobrar de verdad significa conectar Stripe, además de decidir impuestos y reglas de envío antes de publicar. El panorama completo está en si la IA puede crear una app con pagos.
Con las cuentas pasa lo mismo: la pantalla de acceso existe y la lista de garantías se dibuja, pero no hay identidad detrás hasta que aparece Supabase. Y el contador de la oferta cuenta hacia una fecha que forma parte del contenido de demostración, así que decidir cuándo termina de verdad tu promoción es tuyo.
¿Para quién es un buen punto de partida?
Encaja en cualquier marca que venda pocos productos físicos con vida útil larga: audio, cargadores y baterías, iluminación, herramienta eléctrica, accesorios de bicicleta, periféricos, equipo reacondicionado. Todo aquello donde el comprador compara especificaciones y teme que se rompa.
Funciona igual de bien para una tienda de una sola línea de producto en varias versiones. La comparativa cara a cara está pensada exactamente para eso, y sustituir las filas de batería y cancelación de ruido por las especificaciones que importen en tu categoría es una edición, no un rediseño.
Es un mal punto de partida para un catálogo amplio y variado. Con cientos de referencias, buscador y disponibilidad por talla o color, estarías pagando por quitar lo que hace buena a esta plantilla. Para ese caso conviene empezar por algo más neutro, como se explica en cómo crear una tienda online con IA.
Tampoco sirve para vender al por mayor. Precios por volumen, pedidos de compra y cantidades mínimas son otra forma de vender, y nada de eso está aquí.
¿Cómo se llena con tu propio catálogo?
Contenido antes que cosmética. Cada edición cuesta 3 créditos, y reescribir dos veces la misma sección es la forma habitual de perderlos.
- Cambia marca y promesa. Nombre, lema, pie de página y la línea de confianza de la portada.
- Carga tus productos. Nombres, fotografías, precios reales y la familia de la que depende el filtro.
- Reescribe los filtros. Audio, energía e iluminación son la demostración; los tuyos salen de cómo agrupa tu cliente, no de cómo agrupa tu almacén.
- Rehaz la comparativa. Dos modelos tuyos y las filas que de verdad decide la gente al elegir.
- Ajusta la posventa. Garantía, devoluciones y plazos que puedas cumplir, con la moneda y los impuestos de tu mercado.
- Conecta cobro y datos, y publica. El proyecto vive en una dirección del tipo
tumarca.zugo.run, con tu dominio propio encima.
Los precios de la demostración son marcadores de posición y siempre están equivocados para alguien. Cámbialos en el mismo paso en que cargas los productos, no después, porque cada vuelta atrás es otra edición.
¿Cuánto cuesta dejarla vendiendo?
El clon no pasa por la IA, así que no gasta nada hasta la primera edición. Una tienda que llega a estado publicable suele pedir entre seis y nueve ediciones, más el trabajo de conectores, que no cuesta créditos pero sí una tarde.
| Acción | Créditos |
|---|---|
| Clonar la plantilla | Ninguno |
| Una edición en el chat | 3 créditos |
| Construcción desde cero por descripción | 6 créditos |
| Plataforma multipágina | 12 créditos las tres primeras páginas, 3 por cada adicional |
| Modo Hi-Fi | El doble: edición 6, construcción 12 |
El plan gratuito trae 5 créditos. Pro cuesta $25 al mes con 200 créditos, que dan para unas 16 plataformas, 33 construcciones o 66 ediciones, y Business cuesta $99 al mes con 800 créditos. Cada construcción arranca en un entorno aislado antes de entregarse, así que una versión que no abre no llega a ti.
En el plan gratuito el camino de la plantilla es el único que cabe, porque una construcción desde cero cuesta 6 créditos y el saldo inicial es de 5. Clonar no gasta nada y deja sitio para una edición, suficiente para ver tus productos en un estante que responde. Qué cubre y qué no cubre ese plan está en si de verdad es gratis.
Si cada producto necesita su propia dirección para los buscadores, eso ya es una plataforma multipágina: 12 créditos las tres primeras páginas y 3 por cada siguiente. Una construcción sencilla tarda alrededor de un minuto y una multipágina tarda varios.
¿Dónde se detiene esta plantilla?
Un carrito no es una tienda. Sin almacenamiento y sin cobro detrás no se registra nada ni se cobra nada. Ese hueco son dos conectores y una sesión de trabajo, y conviene planificarlo en vez de descubrirlo el día del lanzamiento.
Las existencias y la logística quedan fuera. La página no sabe que esta mañana vendiste la última unidad. Con una decena de referencias eso se lleva a mano; pasadas unas cuantas decenas hace falta inventario de verdad.
Las especificaciones son tuyas, no del generador. Maquetará estupendamente la tabla que escribas y no puede decirte si el dato de autonomía que publicaste es correcto. En un producto complejo Zugo no sustituye a un equipo de desarrollo, y el código siempre se exporta a GitHub si el chat se queda corto.
Probar cuesta poco y despeja más dudas que seguir leyendo. Abre la galería en zugo.dev, clona Volt, mete seis productos tuyos y rehaz la comparativa con las dos versiones que tu cliente duda. Ese solo cambio te dice si el esqueleto encaja con lo que vendes.