Mejora los emails transaccionales (diseño premium + marca)

Reescribe los emails del funnel (entrega del presupuesto + enlace al
formulario) con plantilla HTML mobile-first de una columna, dark mode, botón
"bulletproof" en tabla, tipografías de sistema y versión en texto plano.

- mailer.ts: construirEmailHtml/construirEmailText compartidos; acento en el
  color de marca del reformista (resolveTheme) + logo si es URL absoluta; copy
  con jerarquía y CTA orientado a resultado.
- finalizar.ts: pasa la marca del tenant y un CTA de contacto (wa.me del
  reformista o mailto) al email de entrega.
- actions.ts: pasa la marca al email con el enlace al formulario.
- COPY-GUIDE §6.b: asuntos (+alternativas), preheader, headline y cuerpo
  mejorados.

Probado: render visual (light) de ambos emails y envío real por SMTP.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Carlos Narro
2026-06-04 14:35:02 +02:00
parent 2e3cd78216
commit 2bc34d4017
4 changed files with 221 additions and 44 deletions

View File

@@ -582,47 +582,54 @@ Documento que se adjunta en la entrega por WhatsApp y se descarga desde el panel
Emails que se envían al cliente desde la marca del reformista. Tono cercano, honesto y orientativo,
igual que el resto del funnel. `[Reformista]` = nombre de la empresa; se usa como remitente.
Diseño: HTML transaccional mobile-first, una columna (máx. 600px), dark mode, botón "bulletproof"
(tabla), tipografías de sistema, color de acento = color de marca del reformista. Cada email lleva
asunto (≤50 car.), preheader (texto de previsualización) y versión en texto plano.
### Email de entrega del presupuesto (PDF adjunto)
Se envía siempre al terminar el perfil, con el PDF del presupuesto adjunto.
Se envía siempre al terminar el perfil, con el PDF del presupuesto adjunto. Tono: la entrega es el
protagonista, cálido pero claro.
- **Asunto:** *Tu presupuesto de reforma con [Reformista] ya está listo*
- **Asunto (elegido):** *Aquí está tu presupuesto de reforma*
- **Asunto (alt. A):** *Tu reforma, en números y en imágenes*
- **Asunto (alt. B):** *[Reformista]: tu presupuesto ya está listo*
- **Preheader:** *Dentro: el render de cómo quedaría y el desglose por partidas (PDF adjunto).*
- **Headline:** *Aquí está tu presupuesto, [Nombre]*
- **Cuerpo:**
> Hola [Nombre],
> Hemos preparado el **presupuesto orientativo** de tu reforma. En el PDF adjunto tienes el render de
> cómo quedaría tu espacio y el desglose por partidas.
>
> Aquí tienes tu **presupuesto orientativo de reforma**, preparado por [Reformista]. Lo encontrarás
> adjunto en PDF, con el render de cómo quedaría tu espacio y el desglose por partidas.
> *Es una estimación.* El precio definitivo lo confirma **[Reformista]** en una **visita gratuita** en
> tu casa, donde lo mide todo al detalle y lo ajusta. Sin compromiso.
>
> ⚠️ Es una **estimación**. El precio definitivo lo confirma [Reformista] en una visita gratuita en
> tu casa, donde mide todo con detalle y lo ajusta.
>
> Si te encaja, responde a este email o escríbenos por WhatsApp y concertamos la visita. Sin
> compromiso.
>
> —
> [Reformista]
> ¿Dudas con el render o con alguna partida? Respóndenos y te lo explicamos.
- **CTA (si hay teléfono/email del reformista):** *Agendar mi visita gratuita*
- **Footer:** *Presupuesto orientativo. El precio final puede variar según la visita técnica. · [Reformista]*
### Email con enlace al formulario (subir imágenes)
Se envía cuando el cliente eligió continuar por llamada y necesita un sitio donde subir las fotos
del espacio. `[url]` apunta a su formulario personal del funnel.
del espacio. `[url]` apunta a su formulario personal del funnel. Tono: una sola acción clara.
- **Asunto:** *Sube las fotos de tu reforma para [Reformista]*
- **Asunto (elegido):** *Sube las fotos de tu reforma*
- **Asunto (alt. A):** *Un paso más para tu presupuesto*
- **Asunto (alt. B):** *[Reformista] necesita ver tu espacio*
- **Preheader:** *Un minuto para subir las fotos de cada zona y seguimos con tu presupuesto.*
- **Headline:** *Enséñanos tu espacio, [Nombre]*
- **Cuerpo:**
> Hola [Nombre],
> Para preparar tu render y tu presupuesto, **[Reformista]** necesita ver cómo está ahora tu espacio.
>
> Para preparar tu render y tu presupuesto, [Reformista] necesita ver el espacio. Sube unas fotos
> de cada zona desde este enlace, cuando te venga bien:
> Sube unas fotos de cada zona desde el botón de abajo. Tardas un minuto y puedes añadir las que
> quieras.
>
> 👉 [Subir mis fotos]([url])
>
> Tardas un minuto y puedes añadir las que quieras. En cuanto las tengamos, seguimos con tu
> presupuesto.
>
> —
> [Reformista]
> En cuanto las tengamos, seguimos con tu presupuesto.
- **CTA:** *Subir mis fotos*`[url]`
- **Footer:** *[Reformista]*
---