← Volver a la biblioteca

# Auditeris · instancia de mailing

Esta carpeta conserva la primera pieza de la secuencia de Auditeris y su sistema visual. Es independiente de los mailings de Conecta y Convierte: no reutiliza su marca, colores ni recursos.

## Archivos

- `email-auditeris-01.html`: fuente HTML final para importar en GoHighLevel.
- `email-auditeris-01.txt`: alternativa en texto plano.
- `email-auditeris-02.html`: fuente HTML del diagnóstico inicial para importar en GoHighLevel.
- `email-auditeris-02.txt`: alternativa en texto plano del diagnóstico inicial.
- `email-auditeris-03.html`: fuente HTML de servicios contables para importar en GoHighLevel.
- `email-auditeris-03.txt`: alternativa en texto plano de servicios contables.
- `email-auditeris-04.html`, `email-auditeris-05.html` y `email-auditeris-06.html`: fuentes HTML de la secuencia.
- Sus archivos `.txt` homónimos: alternativas en texto plano.
- `prompt-imagen.md`: prompt reutilizable para mantener la dirección de arte.
- `public/mailings/auditeris/`: recursos publicados que requiere el HTML.

## Sistema de marca

| Uso | Valor |
| --- | --- |
| Acento | `#FC4B08` |
| Títulos y CTA | `#000000` |
| Texto principal | `#3A3A3A` |
| Texto auxiliar | `#808285` |
| Fondo suave | `#FAFAFA` |
| Fondo base | `#FFFFFF` |
| Títulos, CTA y destacados | Poppins, Arial, Helvetica, sans-serif |
| Cuerpo y legales | Lato, Arial, Helvetica, sans-serif |

La pauta visual es editorial, sobria, clara y con amplio espacio en blanco. Se usa una sola imagen útil por correo; los mensajes y señales se mantienen como HTML editable.

## Preparación para GoHighLevel

1. Las URLs de preview ya están configuradas: evaluación en `/revision-contable`, diagnóstico en `/diagnostico-contable-tributario`, especialistas en `/contabilidad-especializada` y servicios en `/contabilidad`.
2. El enlace institucional del primer correo dirige a la landing de servicios en `/contabilidad`.
3. Publica los recursos de `public/mailings/auditeris/` en una ubicación HTTPS. Si el sitio se despliega en `c2agencia.com`, las URLs incluidas ya corresponden a esa ruta. Si se alojan en otro CDN, reemplaza únicamente las URLs de imagen en el HTML.
4. Copia el contenido completo de `email-auditeris-01.html` al editor HTML de GoHighLevel e importa el contenido de `email-auditeris-01.txt` como alternativa en texto plano.
5. Conserva los marcadores `{{email.view_in_browser_url}}`, `{{right_now.year}}`, `{{location.name}}`, `{{location.email}}` y `{{email.unsubscribe_link}}`; GoHighLevel los reemplaza al enviar.
6. Para editar textos, conserva la estructura de tablas y los estilos inline. Cambia solo el contenido entre etiquetas y no elimines los atributos `width`, `height`, `role="presentation"` ni el enlace de cancelación.

## Recursos y peso

| Recurso | Formato | Tamaño aproximado | Uso |
| --- | --- | ---: | --- |
| `logo-auditeris.png` | PNG con alfa | 19 KB | Encabezado; conversión del logo WebP entregado. |
| `hero-evaluacion.jpg` | JPG 900×600 | 83 KB | Composición final del correo. |
| `hero-evaluacion-v2.jpg` | JPG 1200×800 | 159 KB | Composición editorial actual del correo. |
| `hero-evaluacion-v3.jpg` | JPG 1200×800 | 187 KB | Banner actual: composición de alto contraste con halo naranja. |
| `hero-evaluacion-v4.jpg` | JPG 1200×800 | 153 KB | Banner actual: oficina moderna desenfocada en blanco y negro. |
| `logo-auditeris-blanco.png` | PNG con alfa | 9 KB | Versión monocroma para el footer oscuro. |
| `profesional-original.png` | PNG con alfa | 965 KB | Fuente de producción; no se carga en el email. |
| `profesional-diagnostico-original.png` | PNG con alfa | 1.1 MB | Fuente de producción de la especialista del diagnóstico; no se carga en el email. |
| `hero-diagnostico-inicial.jpg` | JPG 1200×800 | 143 KB | Banner editorial del correo de diagnóstico inicial. |
| `hero-diagnostico-inicial-v2.jpg` | JPG 1200×800 | 185 KB | Banner vigente: oficina a color desenfocada, especialista sonriente y patrones naranja. |
| `hero-servicios-contables.jpg` | JPG 1200×800 | 201 KB | Banner de servicios: conversación de asesoría en oficina moderna con patrones naranja. |
| `hero-claridad-decisiones.jpg` | JPG 1200×800 | 159 KB | Banner para evaluación de señales y claridad de decisión. |
| `hero-respaldo-contable.jpg` | JPG 1200×800 | 193 KB | Banner de respaldo experto y trabajo colaborativo. |
| `hero-operacion-contable.jpg` | JPG 1200×800 | 160 KB | Banner de operación contable mensual y continuidad. |
| `captura-escritorio.png` | PNG 1200×2380 | 638 KB | Validación visual completa en escritorio; no se carga en el email. |
| `captura-movil.png` | PNG 375×2471 | 450 KB | Validación visual completa en móvil; no se carga en el email. |

El HTML pesa aproximadamente 14 KB y, junto a las imágenes cargadas por el correo, cerca de 201 KB. La imagen original se conserva únicamente para futuras composiciones.

## Crear otra marca cliente

Copia esta estructura bajo `src/pages/mailings/[cliente]/`, guarda su logo en `public/mailings/[cliente]/`, define primero la tabla de color y tipografías y luego adapta una copia del HTML. Mantén siempre: tablas de presentación, ancho de 600 px, estilos críticos inline, preheader, enlace «Ver este correo electrónico en el navegador», texto alternativo, CTA de respaldo y legales/desuscripción de GHL.