La web de tu café, con luz de mañana
El café se compra por unas pocas líneas: de dónde viene, qué proceso tuvo, cómo está tostado, a qué sabe. La bolsa tiene que decirlo todo antes de que nadie prepare una taza.
Esta página coge un café — tu mezcla de la casa, un origen único, un cold brew — y le da la pantalla entera. La bolsa o la lata aparece sobre piedra con la primera luz del día, gira al bajar y deja que la cámara lea de cerca lo que lleva impreso: la finca, el proceso, el tueste.
Tus orígenes o tuestes aparecen a su lado como versiones, cada uno con sus notas de cata en una línea. Un solo botón lleva a donde se paga: un enlace de Stripe que cobra una vez o cada mes, o la tienda que ya tienes.
Qué muestra tu web
Un plano de mañana
La página se abre como una mañana: tu bolsa sobre un pedestal de piedra, con la luz del día entrando desde arriba a la izquierda. Sobre el titular, su nombre y qué es — en grano, tueste espresso —; junto al botón, el peso y el precio.
De dónde viene
Al bajar, la sala se oscurece y la bolsa se eleva y gira. Detrás queda tu frase, en dos líneas, y luego un párrafo: la finca o la cooperativa, la altitud, la cosecha, cómo tuestas.
Leer la bolsa
El capítulo uno lleva la cámara hasta el envase y a lo largo de él: la válvula, el pliegue, la etiqueta con el origen y el grado de tueste, hasta donde los tenga tu modelo. Al lado, un título y un texto tuyos.
Orígenes, girando despacio
En el capítulo tres la bolsa gira despacio junto a hasta cinco versiones: orígenes, tuestes o mezclas. Cada una lleva su color, su nombre y sus notas de cata en una línea, y se puede pasar de una a otra mientras gira.
Pedir una vez o cada mes
Al final, la bolsa vuelve a su pedestal junto a la ficha de compra: tus líneas — moliendas, días de tueste, envíos —, el precio y un botón, con el texto que quieras, hacia un enlace de Stripe que cobra una vez o cada mes, o hacia tu tienda.
Ten esto a mano
- El nombre del café y su tipo: origen único, mezcla de la casa, cold brew.
- El peso o formato — 250 g, 1 kg, diez cápsulas — y lo que cuesta.
- Tus orígenes o tuestes: un nombre de hasta 14 caracteres, un color para su muestra y las notas de cata en 60 caracteres.
- Un modelo 3D de la bolsa, la lata o la botella (.glb, 25 MB o menos); sin él, se queda el frasco de la demo, que es de perfume.
- Un párrafo sobre la finca, el proceso y tu tueste, para la parte de la historia.
- Un enlace de pago de Stripe, de cobro único o mensual, o la página de este café en tu tienda.
- Los datos de tu página legal: a nombre de quién está el negocio, el NIF y la dirección.
Conviene saber
Primero origen, proceso y tueste
El café de especialidad se elige por dónde creció, cómo se procesó y cómo se tostó. Pon exactamente eso en la línea de cada origen — «Huila, lavado, medio» — y deja las notas de cata en dos o tres.
Que elijan la molienda al pagar
Stripe deja que el enlace de pago haga una pregunta con un desplegable: hasta diez opciones si lo creas desde el panel. En grano, espresso, filtro, italiana: cada cual elige la suya al pagar, y la respuesta aparece en los detalles del pago.
Sin fechas de tueste en la etiqueta 3D
El modelo es fijo; las fechas de tueste, no. Deja la fecha fuera del arte del envase y cuenta cada cuánto tuestas en las líneas de la ficha de compra, que puedes cambiar en el asistente y volver a publicar.
Preguntas
- ¿Puedo vender una suscripción de café desde esta página?
- Sí, con el enlace de pago: al crearlo en Stripe eliges si el precio se paga una vez o cada mes. El botón de la página solo abre ese enlace, y Stripe se encarga del cobro mensual.
- Tostamos seis cafés. ¿Caben todos?
- Caben hasta cinco, como versiones de un mismo producto, cada una con su muestra, su nombre y su línea; pero todas se venden al precio y con el botón que fijas una sola vez. Si los precios cambian, lleva el botón a tu tienda y que se elija allí.
- ¿Podemos cambiar los cafés cuando cambie la temporada?
- Claro: edita las versiones en el asistente, en el navegador donde hiciste la web, vuelve a descargarla y sube la carpeta a tu proyecto de Cloudflare como un despliegue nuevo. Los archivos son HTML normal, así que alguien que programe también puede editarlos directamente.
- ¿Funciona en el móvil?
- Funciona: en una pantalla estrecha los planos llevan la bolsa al centro y la cámara se aleja para que siga cabiendo a lo ancho, y el asistente te enseña la vista de móvil mientras escribes.