Cómo crear la web de una panadería sin escribir código
La web de una panadería sin código empieza como un párrafo de texto normal: tu obrador, qué horneas y dónde se recoge. Zugo convierte esa descripción en una web que funciona, la arranca en un entorno aislado antes de entregarla y la publica en una dirección real.
Esta guía se queda en el terreno de las panaderías, porque una web de panadería falla de formas que una web genérica de pequeño negocio no conoce. El género se acaba a las diez, la carta cambia con la temporada y media clientela te consulta desde la acera para saber si estás abierto.
¿Qué necesita de verdad la web de una panadería?
Cuatro bloques sostienen a casi cualquier obrador independiente. Una portada con el nombre, el barrio y el horario de hoy. Un listado de producto con fotos y precios. Una página de encargos para tartas y pedidos grandes. Y los datos de contacto con dirección, enlace al mapa y horario escrito día por día.
El bloque de horarios es el que más se subestima. Para una panadería, la visita más frecuente es una comprobación desde el móvil a las ocho de la mañana con una sola pregunta: si estás abierto ahora. Si esa respuesta tarda más de dos segundos en aparecer, el cliente llama por teléfono y tú lo coges con las manos en la masa.
Las fotografías cargan con el resto. Nadie compra una hogaza a partir de una descripción escrita, así que la web vale poco hasta que tus propias imágenes están dentro. Entre ocho y doce fotos tomadas junto a la ventana en una mañana gris hacen más por la página que cualquier pulido del texto.
¿Qué debe decir el prompt?
Zugo construye a partir de una descripción, así que la descripción tiene que contener lo que una agencia te sacaría en una reunión de briefing. Esta plantilla recoge lo que importa en una panadería.
Construye la web de una panadería en [barrio, ciudad].
Secciones:
1. Portada: nombre, una línea sobre lo que nos hace conocidos,
horario de hoy, botón "Ver lo que horneamos".
2. Producto: [N] artículos con foto, nombre, precio y una línea
de descripción. Agrupados en pan, bollería y tartas.
3. Encargos: tartas de celebración y pedidos grandes, con cuánta
antelación los necesitamos y un formulario de solicitud.
4. Visítanos: dirección, enlace al mapa, horario de cada día,
nota sobre aparcamiento o transporte.
Tono cercano y sencillo. Paleta: [tus colores]. Idioma español.
Dos líneas adicionales merecen la pena si te aplican. "Marca los productos veganos, sin gluten o con frutos secos, con las etiquetas visibles en el listado" evita rehacer la página después, porque el alérgeno no es algo que se añada al final. "Incluye un bloque de temporada que yo pueda editar" te ahorra una reconstrucción antes de cada fiesta.
Si partir de una hoja en blanco cuesta más que partir de algo, Zugo incluye 25 plantillas listas, y una de comercio local suele estar más cerca de una panadería que una página vacía. La lógica general está en la guía de cafeterías sin código.
¿Formulario de encargo o carrito completo?
Esta es la decisión más cara de revertir, así que tómala antes de la primera construcción. La mayoría de panaderías necesita menos de lo que cree.
| Flujo de pedido | Qué conectas | A qué panadería le encaja |
|---|---|---|
| Sin pedidos online | Nada | Mostrador de barrio, todo vendido antes de mediodía |
| Formulario de solicitud | Resend, para recibir los envíos en tu correo | Tartas por encargo, bandejas, cualquier cosa que presupuestes |
| Pago con tarjeta | Stripe para pagos únicos | Lista fija de productos con precio fijo y hora de recogida |
| Pedido recurrente | Suscripciones de Stripe | Pan semanal, bollería para oficinas |
El error habitual es montar una tienda completa para un negocio que se queda sin género a mediodía. Un carrito que cobra por una hogaza que ya no existe es peor que no tener carrito, porque ahora debes una devolución y una disculpa. Empieza por el formulario y añade el pago cuando sepas qué productos siguen ahí a las tres de la tarde.
Si aun así quieres carrito, la mecánica es la de cualquier comercio pequeño, y la guía de tienda online sin código entra más a fondo en la parte de Stripe.
¿Cómo se mantienen al día el horario y la carta?
Escribe el horario como una tabla en la página, una fila por día, con las excepciones de festivos detalladas debajo. La vaguedad aquí produce llamadas, y las llamadas durante una hornada cuestan de una forma difícil de medir y fácil de notar.
Para la carta, lo honesto es describir lo que horneas de forma habitual y no lo que hay ahora mismo en el mostrador. "Masa madre, de martes a domingo" es una promesa que puedes cumplir. "Disponible" es una promesa que la web no puede ver.
Las ediciones son la acción más barata en Zugo, así que un cambio de temporada cuesta poco y se pide en una frase: "añade los roscos de anís al grupo de bollería a $3,50 y quita la tarta de fruta de verano".
Un límite real conviene nombrarlo ya: la web enuncia tus reglas, no las aplica. Una página que oculta un producto en cuanto se vende el último implica una base de datos y una rutina de stock detrás. Zugo puede construir eso con Supabase, pero es un proyecto, no un prompt, y casi ninguna panadería lo necesita.
¿Cuánto cuesta construirla y mantenerla?
Zugo cobra por acción en créditos. Construir una web cuesta 6 créditos. Una edición cuesta 3, que es la cifra que más importa aquí, porque la web de una panadería cambia con las estaciones y no deja de cambiar nunca.
Una plataforma multipágina cuesta 12 créditos más 3 por cada página a partir de la tercera, y ahí solo llegas cuando añades cuentas de cliente y una base de pedidos de verdad.
El plan gratuito da 5 créditos, suficiente para mirar, y una construcción cuesta 6, así que una web de negocio en marcha empieza en Pro, $25 al mes con 200 créditos. Business cuesta $99 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 ambas cifras: 12 para construir y 6 para editar.
Frente al presupuesto de un autónomo 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 tu propio dominio?
Publicar es una acción y la web queda en una dirección del tipo tupanaderia.zugo.run. Eso sirve para enseñárselo a un amigo y se queda corto para un comercio, porque el comprador local lee el dominio como señal de que existes de verdad. Conectar tu dominio está soportado y la guía de dominio propio recorre los registros DNS.
Aprovecha para conectar Google Analytics. En una panadería el dato útil no es el total de visitas, es qué mira la gente desde el móvil antes de las nueve. Eso te dice qué producto merece la foto principal, y una web pequeña te da muy pocas otras señales.
Lo segundo que conviene hacer el día de publicación es poner la dirección donde el negocio ya existe: el escaparate, el tique, la bolsa de papel y cada ficha que hoy manda a la gente a un perfil social que no controlas.
¿Dónde se queda corto un constructor con IA?
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 base de datos y alguien que la actualice. Se puede construir con Supabase detrás, pero es un proyecto con una rutina diaria pegada, no un solo prompt.
Las plataformas de reparto son trabajo de desarrollo. Si vendes a través de un marketplace de entrega externo, no hay conector para eso, y fingir lo contrario te haría perder la tarde.
La fotografía sigue siendo tuya. El constructor escribe la maquetación y el texto. Una web de panadería se juzga por las imágenes, y ningún generador pone las tuyas.
Todo lo demás está dentro del alcance: una web rápida, cercana y honesta, con horarios reales y una vía de pedido que funciona, construida en una tarde y editada en lenguaje normal cada vez que cambia la temporada. Cuando lo tengas claro, empieza en zugo.dev y describe tu panadería en un párrafo.