# Cómo conectar un formulario de contacto que llega a tu mail

> ¿Cómo hago que el formulario de mi sitio me llegue al mail?

Un sitio estático no puede mandar mails, así que se usa un servicio gratuito (Formspree es el clásico) que recibe lo que envía el formulario y te lo reenvía a tu dirección. Vos creás la cuenta y ponés tu mail; Claude se encarga del código. Después te mandás una prueba para confirmar que llega.

> Fuente: https://magoallegri.com/biblioteca/como-conectar-un-formulario-de-contacto

---

Un formulario que no manda a ningún lado es un dibujo de formulario. Para que el tuyo te escriba al mail de verdad, alcanza con un servicio gratuito que reciba lo que la gente envía y te lo reenvíe — vos ponés tu dirección, Claude pone el código.

## Cómo funciona (en una línea)

Tu sitio es estático —archivos— y los archivos no saben mandar mails. Por eso existe un truco estándar: servicios gratuitos que reciben lo que el formulario envía y te lo reenvían a tu mail. Vos no ponés servidor, no ponés plata, no ponés código: ponés tu dirección.

[Figura: El flujo del formulario: alguien escribe en tu sitio y te llega a tu mail]

## Cableálo

Con tu proyecto abierto:

```
Quiero que el formulario de contacto.html funcione de verdad: que lo que
la gente escriba me llegue a [TU MAIL].

Usá un servicio gratuito de formularios para sitios estáticos (el que
recomiendes para empezar). Guiame paso a paso con lo que tenga que hacer
yo (crear cuenta, confirmar mail, pegar alguna clave) y encargate vos
del código.

El formulario: nombre, mail y mensaje. Al enviarse, que muestre un
mensaje de gracias claro. Campos mínimos — nada de pedir teléfono,
empresa y signo del zodíaco.
```

Claude te va a proponer un servicio (Formspree es un clásico de esta jugada), te guía para crear la cuenta y conecta todo. Aprobá, seguí los pasos, y republicá el sitio cuando esté.

## La prueba — sin excepciones

Un formulario no está terminado hasta que **te mandaste un mensaje y te llegó**:

1. Abrí tu URL real (la de internet, no el archivo local).
2. Completá tu propio formulario como si fueras un cliente: "Hola, vi tu sitio, ¿cuánto sale X?"
3. Mandalo. ¿Apareció el mensaje de gracias?
4. Abrí tu mail. ¿Llegó? (Mirá spam la primera vez — y si estaba ahí, marcalo como "no es spam".)

> [!info] **Checkpoint** — Te mandaste un mensaje desde tu propio sitio publicado y lo estás leyendo en tu casilla. Tu sitio ya no es un folleto: es un canal.

## 💡 Campos mínimos, siempre

Cada campo extra que pedís te cuesta respuestas. Nombre, mail, mensaje: con eso arranca cualquier conversación. Los datos extra se piden cuando ya hay confianza — no en la puerta.

## ⚠️ Si algo sale mal

- **El mail no llega.** Primero spam. Después decile a Claude: `Mandé una prueba y no llegó. Revisá la configuración del formulario paso a paso conmigo.` (El clásico: falta confirmar tu dirección en el servicio de formularios.)
- **Al enviar, la página tira error o no pasa nada.** Error completo → pegado a Claude. Si no hay error visible: `El formulario no muestra ni gracias ni error al enviar. Investigá qué pasa.`
- **Funciona en local pero no en la URL real.** Republicá primero (`volvé a publicar`) — el clásico es estar probando una versión vieja.

## 🟢 Hacelo ahora

1. Cableá el formulario con el prompt.
2. Republicá el sitio.
3. Hacé la prueba completa: mensaje enviado → mail recibido.
4. Guardá una captura del mail llegando. Pieza funcionando, probada, al portfolio.