1. Qué es esto y qué vas a hacer
Tu objetivo: mandar un mail a un cliente con un botón PLAY que le lleva a un microsite donde ve un vídeo y hace un test para descubrir qué flota Hyundai le encaja. Al terminar el test, un formulario le pide sus datos (nombre, cargo, empresa, email) y cuando lo envía te llega a ti un correo con toda esa info + sus respuestas + la flota recomendada.
Para conseguirlo, lo único que haces por cliente es:
- Abrir un gestor (el CMS)
- Rellenar tus datos (email, nombre, concesionario, teléfono) y los del cliente (nombre + logo)
- Descargar dos archivos: un mail y un microsite
- Subir el microsite a internet para que tenga URL
- Volver al gestor, pegar la URL, descargar el mail definitivo
- Mandar el mail desde tu cliente de correo
2. Preparativos (una sola vez)
Esto lo haces solo la primera vez. Después ya no.
El CMS es el archivo hyundai-cms-lite.html que está en la carpeta Mail y site/new/.
Opciones para tenerlo accesible:
- Más cómodo: déjalo en Dropbox, Drive o donde compartas archivos con el equipo. Doble click y se abre en tu navegador.
- Tenerlo directamente en tu escritorio.
- (Avanzado, opcional) Pídele al equipo técnico que lo suba a vuestra intranet.
Netlify es donde vas a subir cada microsite para que tenga URL pública. Es gratis y cubre de sobra para esta campaña.
- Ve a app.netlify.com/signup
- Regístrate con tu email corporativo (o con tu cuenta de Google si la usas para trabajo)
- Confirma desde el correo que te mandan
3. Rutina por cliente
Esto es lo que haces cada vez que mandas la campaña a un cliente nuevo. Cuando le cojas el truco, 5 minutos.
Doble click sobre hyundai-cms-lite.html. Se abre en tu navegador. Verás 5 secciones numeradas y dos botones grandes abajo: Descargar mail y Descargar microsite.
Sección 1 — Datos del cliente
- Nombre de la empresa: ej. "Acme S.L." Aparece en negrita en el cuerpo del mail.
- Logotipo del cliente: arrastra (o pulsa para seleccionar) el PNG o SVG del logo. Mejor si tiene fondo transparente.
Sección 2 — Datos del asesor (datos tuyos, los que aparecerán en el mail debajo del bloque PLAY)
- Email del asesor: tu email. Es donde te llegarán los datos del lead cuando envíe el formulario al final del test. Ojo: la primera vez tienes que activar el envío (ver paso 8).
- Nombre y apellido: aparece en negrita azul en el mail. Si lo dejas vacío, no aparece el bloque "Información del asesor".
- Concesionario: ej. "Hyundai Móstoles".
- Dirección del concesionario.
- Teléfono del concesionario.
Secciones 3 y 4 — título y preguntas del test — ya vienen rellenas. Solo las tocas si quieres adaptarlas a un caso muy concreto.
Sección 5 — la URL del microsite — no la rellenes todavía. Eso es lo último.
Pulsa el botón azul DESCARGAR MICROSITE abajo a la derecha. Se baja hyundai-microsite.html a tu carpeta de Descargas.
Esto es lo que le da una URL en internet.
- Entra en app.netlify.com (con tu cuenta del Paso B)
- En el panel principal verás "Sites". Arrastra el archivo
hyundai-microsite.htmldesde Descargas a la zona que pone "Drag and drop your site output folder here" - Espera 10-20 segundos. Te aparece una URL tipo
https://thunder-river-abc123.netlify.app/ - Copia esa URL
hyundai-acme. Quedará https://hyundai-acme.netlify.app/.
Vuelve a la pestaña del navegador donde tenías el CMS abierto. En la Sección 5 — Dirección del microsite, borra lo que hay y pega la URL que copiaste de Netlify.
Ahora sí, pulsa el botón dorado DESCARGAR MAIL. Se baja hyundai-mail.html.
Ese mail ya tiene incrustada la URL del microsite que pegaste. El botón PLAY funcionará correctamente.
Si mandas el correo a mano (Apple Mail / Outlook):
- Abre
hyundai-mail.htmlen Chrome (doble click) - Selecciona todo: ⌘+A (Mac) o Ctrl+A (Windows)
- Copia: ⌘+C / Ctrl+C
- En tu cliente de correo, redacta un mensaje nuevo
- Pega en el cuerpo del mensaje: ⌘+V / Ctrl+V
- Pon asunto, destinatario y envía
Si mandas el correo a una lista (Mailchimp, Brevo, Mailjet, HubSpot):
- Crea una campaña nueva
- Elige el editor "código HTML" o "HTML personalizado"
- Abre
hyundai-mail.htmlcon un editor de texto (Bloc de notas / TextEdit en plano) - Copia TODO el contenido (es el código fuente)
- Pégalo en el editor HTML de la plataforma
- Envío de prueba a ti mismo → si todo se ve bien, programa o lanza la campaña
Cuando el lead haga el test y envíe el formulario, te llegará un correo (al email que pusiste en el CMS) con:
- Su nombre, cargo, empresa y email
- La flota que le recomienda el test
- Sus respuestas a las 5 preguntas
Con eso ya tienes el perfil completo antes de contactar. Puedes responder directamente al correo — el reply-to ya está configurado con el email del lead.
4. Problemas frecuentes
Has generado el mail con la URL por defecto en lugar de la URL real de Netlify. Vuelve al paso 5 (pegar URL) y vuelve a descargar el mail.
Probablemente estás pegando el código en lugar del contenido renderizado. El mail tienes que abrirlo primero en Chrome, ver el resultado bonito, y desde ahí seleccionar y copiar. Si lo abres en Bloc de notas/TextEdit pegará código fuente.
Primero revisa Spam. Si tampoco hay nada ahí, comprueba que has escrito bien el email en la sección 2 del CMS y regenera el microsite. Si sigue sin llegar, avisa al equipo técnico — puede que el email no esté en el dominio permitido de la API de contacto.
El microsite carga el vídeo desde Vimeo. Si la red del cliente bloquea Vimeo (raro pero pasa en ciertas empresas), el vídeo no abrirá. El resto del test sigue funcionando.
5. Preguntas habituales
¿Hace falta saber programar?
No. Es todo arrastrar, copiar y pegar. Si sabes mandar un mail con un adjunto, puedes hacer esto.
¿Tengo que pagar algo?
No. Netlify gratis cubre 100 GB de tráfico al mes — más que de sobra para esta campaña. Solo pagarías si tuvieras una avalancha de visitas (millones), lo cual no va a pasar con un envío 1-a-1.
¿El CMS guarda los datos de mis clientes?
No. Todo se procesa en tu navegador y se borra al cerrar la pestaña. Si quieres reabrir un cliente, vuelves a rellenar desde cero. Es buena idea anotar en algún sitio (tu CRM, hoja Excel) qué cliente has personalizado y con qué URL de Netlify, para futuras referencias.
¿Puedo tener varios microsites a la vez para distintos clientes?
Sí, cada uno con su URL. En Netlify cada drop crea un sitio independiente. Puedes tener decenas sin problema.
¿Cuánto dura la URL de Netlify?
Para siempre, mientras no la borres tú desde el panel. Aunque pasen meses, la URL sigue activa.
¿Y si quiero borrar un microsite porque el cliente ya no es relevante?
Entras en Netlify, vas a "Sites", encuentras el sitio, "Site settings → Danger zone → Delete this site". 10 segundos.
¿Puedo cambiar el vídeo o las preguntas del test?
Las preguntas sí, desde el propio CMS (sección 4). El vídeo está fijado en el CMS y se reproduce desde Vimeo. Si lo quieres cambiar, pide al equipo técnico que actualice el CMS para apuntar a otro Vimeo.
¿Cómo sé si el lead ha hecho el test?
Si envía el formulario al final, te llegará un correo. Si solo hace el test sin enviar el formulario, no quedará registro — el CMS no tiene tracking. Si necesitas analytics, pide al equipo técnico que añada Google Analytics o similar al microsite.
¿Y si el cliente tiene su propio logo en SVG raro / muy grande?
Cualquier formato de imagen vale. Si sale demasiado grande o pequeño en el resultado, dímelo y se ajusta la altura por defecto.
Tengo dudas o me he atascado en algún paso
Tira un mensaje al equipo técnico con una captura de pantalla del paso donde te has atascado. Mejor que reintentar a ciegas.