Plantilla Verdant: tienda de plantas con filtro de luz

Plantilla Verdant: una tienda que vende tranquilidad, no solo plantas

Verdant es la tienda de plantas de interior de la galería de Zugo. Filtra el catálogo por la luz que entra en la habitación del comprador, explica los cuidados en lenguaje llano, vende un servicio de trasplante y promete reponer la planta si se muere. Clonarla no gasta créditos.

Lo que la hace interesante no es la maquetación. Es que la página entera está construida alrededor de la objeción real del cliente, que no es el precio sino el miedo a matar lo que acaba de comprar.

¿Qué incluye la plantilla Verdant?

La estructura parece una tienda corriente hasta que te fijas en que cada sección responde a una duda en vez de describir un producto. Ese patrón se puede robar aunque no vendas ni una hoja.

Fíjate en lo que falta: no hay una sección larga de quiénes somos, ni anticipo del blog, ni bloque de boletín peleando por la atención. Una tienda de nueve productos no los necesita, y añadirlos es la forma más rápida de que un catálogo pequeño parezca todavía más vacío.

La biblioteca de cuidados es deliberadamente anticlimática. Dice que todo el método consiste en meter el dedo en la tierra, emparejar la planta con tu luz y trasplantar una vez al año. Vender algo como fácil y publicar después un manual de mil palabras deshace la venta.

¿Por qué el filtro por luz importa más que el diseño?

El catálogo se filtra por cómo de luminosa es la habitación del comprador, no por familia botánica ni por precio. Esa única decisión convierte un problema de navegación en una pregunta que el cliente sí sabe responder, y elimina la causa más común de una planta devuelta o muerta.

La idea transferible es que el filtro debe coincidir con la restricción que el comprador ya tiene en la cabeza. Una tienda de bicicletas filtra por altura, una de pintura por la habitación, una de colchones por cómo duermes. Las categorías que copian tu almacén te resultan cómodas a ti y no le sirven de nada a él.

El filtro trabaja sobre datos reales de producto, así que no es un desplegable decorativo. Si sustituyes las plantas por lo tuyo y conservas el atributo, el filtro sigue funcionando. Si lo cambias por algo que tu cliente no puede evaluar por sí mismo, deja de ganarse el sitio que ocupa en la página.

¿Qué funciona ya y qué solo parece conectado?

La tienda se comporta como debe. El filtro, añadir al carrito, el contador, el cajón lateral, las pantallas de cuenta y el comportamiento en móvil responden todos. Puedes confirmarlo en la vista previa de la galería antes de clonar nada, que es una buena costumbre con cualquier plantilla.

Lo que no hay es la tienda que va detrás de la tienda. No existe control de existencias ni registro de pedidos, así que el carrito es una interfaz que funciona sobre el vacío. Además se vacía al recargar la página, porque la plantilla no lleva almacenamiento. Aceptable en una demostración y nunca en un lanzamiento.

El cobro es un paso aparte. La caja es un conjunto de pantallas, y cobrar de verdad significa conectar Stripe. El detalle práctico que se olvida es que también significa decidir las reglas de envío y los impuestos antes de publicar, no después del primer pedido. 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, la lista de recordatorios se dibuja, y ninguna de las dos tiene un sistema de identidad debajo hasta que aparece Supabase. Prueba el recorrido entero en un segundo navegador antes de mandarle el enlace a nadie.

¿Para quién es un buen punto de partida?

Encaja en cualquier tienda pequeña donde el producto necesita cuidados y el cliente está nervioso: plantas, acuarios, masas madre, bonsáis, bulbos de jardín, reptiles y su equipo. Cualquier compra que pueda fracasar de forma visible en manos del comprador durante el primer mes.

Encaja también en un vivero con una selección modesta en línea. Nueve productos es una limitación del contenido de demostración y no de la plantilla, y llegar a veinte o treinta es una edición. Llegar a varios cientos con disponibilidad estacional es otro proyecto, y ese necesita base de datos desde el primer día.

Es un mal comienzo para una tienda generalista amplia. Si tu catálogo cruza departamentos sin relación, el filtro por luz y la biblioteca de cuidados son lastre, y estarías pagando por quitar justo lo que hace buena a esta plantilla. Una tienda más neutra se describe en cómo crear una tienda online con IA.

Y es un mal comienzo si vendes al por mayor. Precios de distribuidor, pedidos de compra y cantidades mínimas son otra forma de vender, y nada de eso está en esta página.

¿Se puede cumplir la promesa de los recordatorios?

Con la plantilla sola no, y esta es la trampa honesta. La página promete que la cuenta sigue el intervalo de riego de cada planta y avisa el día antes, que es de verdad lo mejor del negocio que describe. La plantilla dibuja la lista, pero no envía nada.

Los avisos por correo son alcanzables: el conector de Resend se encarga del envío y Supabase guarda el calendario y quién es dueño de qué planta. Esa combinación es un proyecto real y no una edición de chat, y conviene dimensionarlo antes de anunciar la función. Cómo se configura el envío está en aplicación con correos de Resend.

El texto de la demostración habla de mensajes al móvil, y la mensajería no forma parte del conjunto de conectores. O cambias esa línea por correo, o tratas la parte de mensajes como trabajo aparte con un proveedor que elijas tú. Prometer un canal que no has construido es de esos detalles que los clientes recuerdan.

Lo mismo vale para la garantía. Reponer gratis dentro del primer mes es un compromiso de negocio y no una función: necesita a alguien leyendo reclamaciones y enviando plantas. Deja la promesa en la página solo si piensas cumplirla.

¿Cómo llenarla con tu propio catálogo?

Contenido antes que cosmética, como siempre. Cada edición cuesta 3 créditos, y reescribir la misma sección dos veces es la forma habitual de perderlos.

1. Cambia la marca y la línea de promesa. Nombre, lema, pie de página y texto de la garantía.
2. Carga tus productos. Nombres, fotografías, precios y el atributo del que depende el filtro.
3. Reescribe el filtro con tu restricción. La luz sirve para plantas; la tuya puede ser el tamaño de la sala, el nivel de destreza o la seguridad para mascotas.
4. Reescribe la biblioteca de cuidados. Corta, específica de lo que vendes y honesta sobre cómo se estropea.
5. Fija moneda, envío e impuestos. Los números de la demostración son marcadores de posición y siempre son incorrectos para alguien.
6. Conecta cobro y almacenamiento, y publica. El proyecto vive en una dirección del tipo tutienda.zugo.run, con tu dominio propio encima.

Conserva los avisos de seguridad para mascotas o sustitúyelos por una etiqueta equivalente. Marcas de confianza así pesan más en una ficha de producto que otro párrafo de descripción, y añadirlas a todo el catálogo cuesta una edición.

¿Cuánto cuesta dejarla vendiendo?

El clon no gasta nada ni pasa por la IA, así que no se 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.

Free entrega 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 pasa por 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. El clon no gasta nada y deja sitio para una edición, suficiente para ver tus productos en un estante que funciona. Qué cubre y qué no cubre el plan gratuito está detallado en si de verdad es gratis.

Si cada planta necesita su propia página 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 la 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, no un mensaje en el chat, y conviene planificarlo en vez de descubrirlo.

Las existencias y la logística quedan fuera. La página no puede saber que esta mañana vendiste tu último ficus. Con un estante de nueve productos eso se lleva a mano; pasadas unas decenas de referencias hace falta inventario real.

Los consejos de cuidado son tu experiencia, no la del generador. Maquetará estupendamente lo que escribas y no puede decirte si el intervalo de riego que publicaste sirve para tu clima. En un producto de verdad complejo Zugo no sustituye a un equipo de desarrollo, y el código siempre se exporta a GitHub si se te queda pequeño el chat.

Una construcción sencilla tarda alrededor de un minuto, así que probar cuesta casi nada. Abre la galería en zugo.dev, clona Verdant y mete seis productos tuyos con el filtro puesto en la restricción real de tu cliente. Ese único cambio te dice si el esqueleto encaja con tu tienda.