Cómo crear una web de floristería sin programar paso a paso
La web de una floristería sin programar empieza con un párrafo de texto plano: qué vendes, para qué ocasiones y hasta dónde repartes. Zugo convierte esa descripción en un sitio que funciona, lo arranca en un entorno de prueba antes de entregarlo y lo publica en una dirección viva. Una web sencilla son una construcción y unas cuantas ediciones.
Esta guía se queda en floristería y no en "pequeño comercio" en general, porque una floristería falla de formas propias. El producto es perecedero, la demanda se concentra en tres fechas del año y la mitad de los pedidos llegan con una hora de entrega concreta que no admite errores.
¿Qué necesita de verdad la web de una floristería?
Cuatro bloques sostienen casi todas las tiendas independientes. Una portada con el nombre, el barrio y el horario de hoy. Un catálogo por ocasión con fotos y precios. Una página de encargos con fecha y franja de entrega. Y los datos de contacto con la dirección, el enlace al mapa y el horario escrito día por día.
El bloque que más se subestima es la zona de reparto. Quien busca flores un martes por la tarde tiene una pregunta única: si llegan hoy a esa calle. Si esa respuesta no está visible en dos segundos, la persona llama por teléfono y tú lo coges con las manos ocupadas.
Las fotos hacen el resto del trabajo. Nadie compra un ramo desde una descripción escrita, así que la web vale poco hasta que están tus propias imágenes. Diez o doce fotos hechas junto al escaparate en una mañana gris rinden más que cualquier ajuste de texto posterior.
¿Qué debe decir el prompt?
Zugo construye a partir de una descripción, así que esa descripción debe llevar los detalles que una agencia te sacaría en una reunión de briefing. Esta plantilla contiene lo que importa en una floristería:
Crea la web de una floristería en [barrio, ciudad].
Secciones:
1. Portada: nombre, una línea sobre nuestro estilo,
horario de hoy, botón "Encargar un ramo".
2. Catálogo: [N] productos por ocasión (cumpleaños,
condolencias, aniversario, planta de interior),
cada uno con foto, nombre, precio y una línea.
3. Encargos: formulario con fecha, franja horaria,
dirección de entrega, mensaje para la tarjeta.
4. Visítanos: dirección, mapa, horario de cada día,
zona de reparto y coste del envío por zona.
Tono: cálido y directo. Paleta: [tus colores].
Merece la pena añadir dos líneas más si aplican. "Marca qué productos son de temporada y cuáles están disponibles todo el año" evita una reconstrucción en otoño. "Incluye un bloque de aviso editable para fechas señaladas" te ahorra otra antes de cada San Valentín.
Si partir de una página en blanco te cuesta más que partir de algo, Zugo trae 25 plantillas listas, y una de comercio o escaparate queda más cerca de una floristería que un lienzo vacío. Sobre esa base, describir tus cambios sale más barato que describir la web entera.
¿Formulario de encargo o carrito con pago?
Esta es la decisión que más cuesta revertir, así que conviene tomarla antes de la primera construcción. Casi todas las floristerías necesitan menos de lo que creen.
| Flujo de pedido | Qué conectas | A qué floristería le encaja |
|---|---|---|
| Sin pedidos online | Nada | Venta de mostrador, todo se decide delante del escaparate |
| Formulario de solicitud | Resend, para que las peticiones lleguen a tu correo | Ramos personalizados, coronas, decoración de eventos |
| Pago con tarjeta | Stripe para cobros puntuales | Lista fija de ramos con precio fijo y franja de entrega |
| Cobro recurrente | Suscripciones de Stripe | Flor semanal para oficinas y restaurantes |
El error habitual es montar una tienda completa para un negocio cuyo catálogo cambia con lo que llegó del mercado esa mañana. Un carrito que cobra por un ramo que ya no existe es peor que no tener carrito, porque genera una devolución y una disculpa. Empieza por el formulario y añade el pago cuando sepas qué productos existen siempre.
Si quieres un carrito real desde el principio, la mecánica es la de cualquier comercio pequeño y la explica mejor la guía de tienda online con IA; la parte de cobros está en la guía de Stripe.
¿Cómo se manejan las fechas de entrega y la zona de reparto?
Escribe la zona de reparto como una tabla en la página, con el coste y la hora límite de cada zona. La ambigüedad aquí produce llamadas, y las llamadas en plena jornada de trabajo salen caras de una forma difícil de medir y fácil de notar.
Para el calendario, lo honesto es describir tus reglas en lugar de simular disponibilidad real. "Entregamos de martes a domingo, con dos horas de aviso mínimo" es una promesa que puedes cumplir. "Quedan 3 unidades" es una promesa que la web no puede ver, porque no está mirando tu cámara frigorífica.
Las ediciones son la acción más barata en Zugo, así que un cambio de temporada cuesta poco y se describe en una frase: "añade ramo de peonías a 38 dólares en la sección de aniversario y quita el centro de otoño". Ese es exactamente el tipo de cambio que una floristería hace doce veces al año.
¿Cuánto cuesta construirla y mantenerla?
Zugo cobra en créditos por acción. Una construcción cuesta 6 créditos. Una edición cuesta 3, que es el número que más importa aquí, porque una web de flores cambia con las estaciones y no deja de cambiar nunca. Una plataforma multipágina cuesta 12 créditos por las tres primeras páginas y 3 por cada página adicional.
El plan Free da 5 créditos, suficientes para mirar, y una construcción cuesta 6, así que una tienda operativa empieza en Pro: 25 dólares al mes con 200 créditos. Business son 99 dólares al mes. El alojamiento de la web publicada está incluido y no hay factura de servidor aparte. El modo Hi-Fi, que dedica más esfuerzo al acabado visual, duplica ambos precios: 12 por construcción y 6 por edición.
Frente al presupuesto de un freelance por una web pequeña, el precio no es la única comparación. La diferencia que aparece en el segundo año es quién edita el horario de Navidad: tú, en una frase, o alguien que está de vacaciones.
¿Cómo se publica con dominio propio?
Publicar es una acción y la web queda viva en una dirección del tipo tufloristeria.zugo.run. Eso sirve para enseñárselo a alguien y no sirve para una tienda, porque un comprador local lee el dominio como señal de que existes de verdad. Conectar tu propio dominio está soportado.
Aprovecha para añadir Google Analytics. En una floristería el dato útil no es el total de visitas, es qué miran desde el móvil durante la semana previa a una fecha señalada. Eso te dice qué producto merece la foto de arriba, y una web pequeña te da muy pocas señales aparte de esa.
Lo segundo que conviene hacer el día de la publicación es poner la dirección donde ya existe la tienda: el escaparate, el ticket, la tarjeta que va en el ramo y cada ficha que hoy manda a la gente a un perfil social que no controlas.
Si un día se te queda pequeño el generador, la exportación a GitHub te entrega el repositorio real. El proyecto es tuyo, así que quien contrates después empieza desde código que funciona en lugar de desde una reescritura.
¿Dónde se queda corto un generador con IA en una floristería?
Tres límites que conviene conocer antes de empezar.
El stock en tiempo real no es automático. Ocultar un producto agotado en el momento exige una base de datos y a alguien actualizándola. Se puede montar con Supabase detrás de la web, pero es un proyecto con una rutina diaria asociada, no un prompt.
Las plataformas de reparto de terceros no se conectan solas. Si vendes a través de un marketplace de entregas, ahí hace falta trabajo de desarrollo y fingir lo contrario te haría perder la tarde.
La fotografía sigue siendo tuya. El generador escribe la maqueta y los textos. Una web de flores se juzga por las imágenes, y ninguna herramienta pone las tuyas.
Todo lo demás cabe de sobra: una web rápida, honesta, con horario real, zona de reparto clara y un camino de encargo que funciona, construida en una tarde. Si tu negocio se parece más a un obrador con mostrador que a un taller de ramos, la guía de panadería cubre la versión de esa misma tarea. Cuando lo tengas claro, empieza en zugo.dev y describe tu floristería en un párrafo.