1. Turno 4am: qué se vende solo y qué te roba tiempo
Qué es esto en cristiano: tu web no es un folleto, es tu empleada de mostrador que no duerme. Mientras tú horneas, ella enseña el pan, anota el pedido y te lo manda ordenado al WhatsApp. Tú solo horneas y entregas.
A las 4am hay 3 trabajos: hornear, atender y anotar. El horno no espera. Cada vez que dejas la pala para contestar "¿a cómo el pan?", se te quema una bandeja. La cuenta es simple:
| Sin web | Con web de pedido |
|---|---|
| 20 mensajes de "¿qué tienes hoy?" | 0: la vitrina responde sola |
| Pedidos en audios confusos | Pedido escrito con total y hora |
| Cobras en el mostrador apurado | Ya sabes cuánto y para quién |
Hoy vamos a montar el turno completo: vitrina que provoca, pedido en 3 toques y reparto sin pagarle 30% a una app. Si sabes prender el horno, puedes montar esto. Palabra.
2. La vitrina: la foto que abre apetito (sin mentir)
La gente no compra "pan", compra pan caliente a las 7am cerca de mi casa. Tu vitrina web lleva 4 cosas y nada más:
- Nombre + barrio + hora: "Pan La Esquina — Santa Rosa — sale 6:30am". Si no dices barrio y hora, no te creen.
- 3 fotos reales de hoy: la bandeja saliendo, la vitrina llena, un pan partido con vapor. Nada de fotos de internet: el vecino conoce tu pan y se da cuenta.
- Precios a la vista: "canilla $X, dulce $Y, combo desayuno $Z". Sin precio no hay pedido. Punto.
- Botón verde gigante: "Pedir por WhatsApp". Que se vea sin bajar la pantalla, en teléfono y en PC.
Lo que NO lleva: historia de tu abuela de 3 párrafos, 40 fotos, música, ni "bienvenidos a nuestro sitio". El hambre no lee.
3. El pedido en 3 toques (así no se equivoca nadie)
Paso 0: abre tu WhatsApp ahora y mira tus últimos 5 pedidos. Seguro dicen "quiero 5 de los de ayer" o un audio de 2 minutos. Eso es pérdida. El pedido bueno es como una factura de bodega:
- Toque 1: el cliente marca cantidades (+ / -) al lado de cada pan, con foto y precio.
- Toque 2: pone nombre + hora de retiro ("María — 8am — retira").
- Toque 3: pulsa "Enviar pedido" y tu WhatsApp recibe todo escrito: Hola, soy María, quiero 4 canillas + 2 dulces = $X, retiro 8am.
¿Por qué funciona? Porque el cliente hace el trabajo de anotar. Tú recibes el mensaje listo para hornear. Si algo falta (nombre, hora), la web no deja enviar. Adiós audios.
Término en cristiano: carrito es solo la lista de lo que marcó. Botón WhatsApp es un enlace que abre el chat con el texto ya escrito. Nada se guarda en internet, no necesitas cuentas ni pagos en línea para empezar.
4. Reparto sin apps ni comisión del 30%
Las apps te cobran hasta 30% por cada venta. Con tu web cobras tú todo. Hay 2 modos, elige uno para empezar:
| Modo | Cómo se cobra | Cuándo conviene |
|---|---|---|
| Retiro en local | Paga al retirar | Si estás en esquina transitada |
| Reparto propio 3 cuadras | Pago móvil + delivery $X | Si tienes moto o hijo con bici |
Escribe en tu web, tal cual: "Retiro gratis 6:30–10am. Reparto Santa Rosa $X. Pago móvil al confirmar." Corto y sin letra pequeña. Si quieres aprender a escribir ofertas que sí venden, lee landing que vende; si tus botones de WhatsApp fallan, revisa formularios a WhatsApp.
5. Tu plantilla panadera lista (copia, pega y vende)
Aquí está tu empleada de mostrador completa: vitrina + pedido + botón WhatsApp en un solo archivo. Sirve en teléfono y PC, con tus colores de panadería. Hace todo: muestra, suma y manda el pedido.
<!doctype html>
<html lang="es"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Pan La Esquina — Pedidos</title>
<style>
body{font-family:Arial;margin:0;background:#fbf6ee;color:#2b1d12}
.wrap{max-width:640px;margin:0 auto;padding:16px}
.head{background:#0b2f2a;color:#fff;border-radius:16px;padding:18px;text-align:center}
.head b{font-size:22px}.head p{margin:6px 0;opacity:.9}
.btnW{background:#25D366;color:#fff;border:0;border-radius:12px;
padding:14px;width:100%;font-size:17px;font-weight:800;cursor:pointer}
.item{display:flex;gap:12px;align-items:center;background:#fff;
border:1px solid #e7ddcd;border-radius:14px;padding:10px;margin:10px 0}
.item img{width:74px;height:74px;object-fit:cover;border-radius:10px}
.item .inf{flex:1}.item .inf b{display:block}
.cant{display:flex;gap:8px;align-items:center}
.cant button{width:32px;height:32px;font-size:18px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer}
input{width:100%;padding:12px;border-radius:10px;border:1px solid #ccc;margin:6px 0;box-sizing:border-box}
</style></head><body><div class="wrap">
<div class="head"><b>🥖 Pan La Esquina</b>
<p>Santa Rosa — sale 6:30am — retiro gratis</p>
<p id="totalEl">Total: $0</p></div>
<div class="item"><div class="inf"><b>Canilla — $X</b><span>crujiente de horno</span></div>
<div class="cant"><button onclick="cambia('canilla',-1)">−</button><b id="c-canilla">0</b><button onclick="cambia('canilla',1)">+</button></div></div>
<div class="item"><div class="inf"><b>Dulce — $Y</b><span>relleno guayaba</span></div>
<div class="cant"><button onclick="cambia('dulce',-1)">−</button><b id="c-dulce">0</b><button onclick="cambia('dulce',1)">+</button></div></div>
<input id="nomEl" placeholder="Tu nombre (ej: María)">
<input id="horEl" placeholder="Hora retiro (ej: 8am)">
<button class="btnW" onclick="pedir()">Enviar pedido por WhatsApp</button>
<script>
let cant={canilla:0,dulce:0}, precio={canilla:10,dulce:12};
function cambia(k,d){cant[k]=Math.max(0,cant[k]+d);
document.getElementById('c-'+k).textContent=cant[k];total();}
function total(){let t=cant.canilla*precio.canilla+cant.dulce*precio.dulce;
document.getElementById('totalEl').textContent='Total: $'+t;return t;}
function pedir(){let n=document.getElementById('nomEl').value.trim();
let h=document.getElementById('horEl').value.trim();
if(cant.canilla==0&&cant.dulce==0){alert('Marca al menos 1 pan');return;}
if(!n||!h){alert('Escribe tu nombre y hora de retiro');return;}
let msg='Hola Pan La Esquina, soy '+n+' quiero '+cant.canilla+' canillas + '+cant.dulce+' dulces = $'+total()+' retiro '+h;
window.open('https://wa.me/15551234567?text='+encodeURIComponent(msg),'_blank');}
</script></div></body></html>Línea por línea, en cristiano:
- <style>: pinta todo (fondo crema, tarjeta verde, botón verde). Sin esto se ve feo pero igual funciona.
- cant / precio: memoria de cuántos marcó y cuánto cuesta cada uno. Cambia X/Y por tus precios reales.
- cambia(): suma o resta con +/-, nunca deja negativo, y actualiza el total en pantalla.
- pedir(): revisa que haya pan y nombre/hora; si falta algo avisa; si está todo abre tu WhatsApp con el pedido escrito. Cambia 15551234567 por TU número (el 555 es inventado, si lo dejas los pedidos no te llegan).
Instalación para principiantes (5 minutos): copia todo el código al Bloc de notas, Guarda como → Todos los archivos → pan.html (si Windows le pone .txt no abre), ábrelo doble clic para probarlo, súbelo gratis arrastrándolo a Netlify Drop, y pon ese link en tu bio de Instagram y en un QR pegado en la vitrina. Para posicionar esa página en Google lee SEO técnico.
6. Prueba de fuego con vecinos (no con tu mamá)
Tu mamá te dice que todo está bello. Prueba de verdad: préstale tu teléfono a un vecino que nunca te ha comprado y dile "pídeme pan aquí". Mira sin ayudar:
- ¿En 5 segundos entiende qué vendes y a qué hora? Si no, cambia el titular.
- ¿Marca cantidades sin preguntar? Si se enreda, agranda los botones +/−.
- ¿El WhatsApp te llega con nombre, pedido y hora? Pruébalo desde OTRO teléfono, no del tuyo.
Repite con 3 vecinos. Al tercero ya vendes dormido. Anota precios y horarios en un papel pegado al horno para no cambiarlos cada día: la constancia vende más que la receta secreta.
Haz la cuenta con tu cuaderno: si vendes 40 panes a $1 son $40. Si tu web te trae 10 pedidos extra al día (2 por hora en la mañana), son $10 más al día, $300 al mes, sin pagarle nada a nadie. La web te cuesta $0 y 1 tarde de trabajo. El reparto propio deja $X por entrega; con 5 entregas pagas la harina del día. Por eso la web no es gasto: es el empleado más barato que tendrás. Y cuando tengas 50 pedidos al día, recién ahí piensas en dominio propio y en despliegue serio.
7. Errores que te queman el pan (y su cura en 10 minutos)
El pan no falla, fallamos nosotros en 3 puntos que se repiten en todas las panaderías que visité este año. Te los pongo con su cura para que no te pase:
| Error que quita ventas | Por qué pasa | Cura en 10 minutos |
|---|---|---|
| Precios solo en el chat | Te escriben 20 a preguntar y compran 2 | Pon precio al lado de cada foto en tu web, con fecha "oct 2026" |
| Fotos oscuras de noche | El pan se ve viejo aunque sea de hoy | Toma de día junto a la ventana, 5 fotos y quédate la que provoque morder |
| "Escríbeme y te digo hora" | El cliente no espera, compra al lado | Hora de salida fija arriba: "sale 6:30am, retiro hasta 10am" |
Un truco de vitrina que casi nadie hace: pega un cartelito en la bandeja con el nombre de tu web en chiquito y tómale foto. Esa foto en tu web conecta la vitrina real con la virtual: el vecino la reconoce y confía. Si tu vitrina web ya provoca, aprende a que Google la muestre con SEO técnico y a que cargue volando en datos con rendimiento.
8. Checklist de apertura ✅
- Nombre + barrio + hora de salida visibles arriba sin bajar
- 3 fotos reales de hoy, con precio al lado de cada pan
- Botón verde "Pedir por WhatsApp" que abre con texto escrito
- Número WhatsApp TUYO (no el 555 de ejemplo) probado desde otro teléfono
- Modo retiro o reparto escrito con horario y costo
- QR impreso en vitrina que abre tu web (léelo con la cámara)
- Link en bio de Instagram y estado de WhatsApp actualizado
- Probado en teléfono barato con datos, no solo wifi
- Leído landing que vende para el titular y formularios WhatsApp para el botón
- Plan de mañana: qué pan sale a qué hora, sin improvisar
FAQ
¿Necesito pagar para tener la web?
No. El archivo pan.html es gratis y lo subes gratis a Netlify Drop. Pagas $0 hasta que vendas. Cuando crezcas, un dominio propio cuesta poco y te lo explican en despliegue.
¿Y si no sé nada de código?
No tocas código salvo 2 cosas: tus precios y tu número WhatsApp. Todo está marcado con X/Y y 555 para que lo cambies. Si rompes algo, copias de nuevo y listo.
¿Fotos con el teléfono sirven?
Sí, si son de día, cerca y nítidas. Limpia el lente, pon la bandeja junto a la ventana y toma 5, quédate la que provoque morder. Nada de filtros que cambien el color del pan.
Comentarios
¿Dudas o aporte? Escribe abajo. Se publica tras moderación.
Cargando comentarios...