Tu embudo de webinar, construido desde Claude Code

Un embudo completo para dar una clase en vivo y vender al final: la gente se registra, recibe sus recordatorios, entra a la sala, ve tu oferta, y tú lo ves todo en tu GoHighLevel.

Las piezas y para qué sirven

Todo lo que pasa con tus prospectos queda en tu GoHighLevel. No hay otra herramienta que pagar ni que aprender.

Cómo leer este manual

Cada módulo tiene lo mismo: para qué sirve, los pasos en orden y una lista de listo cuando. Cada paso dice quién lo hace:

Todos los enlaces, en un lugar

Algunos enlaces del manual abren tus propias pantallas: tu GoHighLevel, tu panel, tu repositorio. Se arman con lo que escribas en tu ficha. Mientras falte un dato se ven punteados.

En la clase Cómo se mueve una persona por el embudo, de anuncio a venta · por qué una clase en vivo · qué vas a tener al terminar el manual.

Claude Code es Claude dentro de tu computadora: lee tu proyecto, escribe los archivos, corre los comandos y publica. Le hablas en español, como a alguien de tu equipo.

1. Le pides. En el chat de Claude, dentro de VS Code, pegas el texto del manual o le escribes lo que quieres. No sigues menús: él da los pasos.

2. Apruebas. Antes de correr algo te lo muestra y espera tu aprobación. Tú sigues teniendo el control.

3. Lo ves. Le pides "arranca el sitio" y lo abres en tu navegador.

4. Lo publicas. Le dices "súbelo" y en un par de minutos está en tu dominio (desde el módulo 11).

Cómo se pide bien

En la clase Trabajamos un cambio real con Claude, de la petición a verlo publicado · cómo corregirlo cuando no le atina a la primera.

Dejas tu computadora lista para que Claude pueda trabajar: un editor, Claude instalado, y tus cuentas de GitHub y Vercel conectadas.

1. TúInstala Visual Studio Code ↗.

2. TúInstala Node.js ↗, la versión marcada LTS. Si ya tenías uno viejo, instala la LTS encima.

3. TúInstala la extensión Claude Code ↗ en VS Code. Aparece el icono de Claude a la izquierda: ábrelo e inicia sesión con tu cuenta.

4. TúEn VS Code abre Terminal → Nueva terminal, pega esto y, al terminar, cierra y vuelve a abrir la terminal:

   # Mac
   curl -fsSL https://claude.ai/install.sh | bash
   # Windows (PowerShell)
   irm https://claude.ai/install.ps1 | iex

5. TúEn VS Code, Archivo → Abrir carpeta, y elige la carpeta donde guardas tus proyectos.

6. ClaudePega esto en el chat. Se va a abrir el navegador una o dos veces para que entres a GitHub y a Vercel y aceptes.

   Conectar GitHub y VercelRevisa que tengo Node 22.18 o más nuevo y Git. Instala la CLI de GitHub (gh) y la CLI de Vercel si faltan (en Mac con Homebrew, en Windows con winget). Luego conéctalas a mis cuentas: corre gh auth login (GitHub.com, HTTPS, con el navegador) y vercel login, y avísame cada vez que tenga que aprobar algo en el navegador. Al final dime qué quedó conectado.

En la clase Instalamos todo en pantalla, en Mac y en Windows.

Sacas tu propia copia de la plantilla. Es tuya para siempre: lo que cambies no toca la plantilla, y tu embudo no cambia porque alguien más cambió el suyo.

1. ClaudeCambia webinar-mi-programa por el nombre de tu webinar, en minúsculas y sin espacios.

   Crear mi copiaCrea mi copia de la plantilla https://github.com/davidiriza-lab/plantilla-webinar-ghl como repositorio PRIVADO llamado webinar-mi-programa en mi cuenta de GitHub (es un repositorio template: usa gh repo create con --template davidiriza-lab/plantilla-webinar-ghl --private --clone). Clónalo dentro de esta carpeta, instala las dependencias con npm install y corre npm run diagnostico. Dime qué salió y qué falta.

2. TúAbre la carpeta nueva en VS Code: Archivo → Abrir carpeta → webinar-mi-programa. Desde ahora Claude siempre trabaja ahí. Apunta tu repositorio en tu ficha.

3. ClaudeMíralo funcionando en tu computadora.

   Verlo correrArranca el sitio y dime en qué dirección lo abro. Luego explícame en tres líneas dónde está el copy que voy a cambiar.

Vas a ver la plantilla con el copy de ejemplo, igual que la demo. Para apagarlo: "detén el sitio".

En la clase Qué hay dentro de tu copia y qué nunca vas a necesitar abrir.

Conectas tu sitio con tu sub-cuenta para que cada registrado quede guardado ahí. Tú consigues una llave; Claude instala todo lo demás.

1. TúZona horaria. En Configuración → Perfil de la empresa, pon la zona horaria de tu audiencia. Tus recordatorios salen con esa hora: si está mal, llegan tarde.

2. TúTu Location ID. Está en esa misma pantalla, unos 20 caracteres. Cópialo y escríbelo en tu ficha: desde ahí los enlaces a GoHighLevel de este manual abren tu sub-cuenta.

3. TúLa llave. En Configuración → Integraciones privadas, crea una integración llamada Embudo webinar con permiso de ver y editar en: Contacts, Opportunities, Custom Values, Custom Fields y Tags. Copia el token: empieza con pit- y solo se muestra una vez.

4. TúEl pipeline. En Oportunidades, pestaña Pipelines, crea uno llamado Webinars con cuatro etapas, en este orden: Nuevo Registro, Asistió al Webinar, Cliente Potencial, Cliente Ganado.

5. TúLa contraseña de tu panel. Una frase de 12 caracteres o más, con letras, números y - _ . ! * + = @. Sin espacios ni $ # " '. Ese panel descarga tus contactos: trátala como la de tu banco.

6. ClaudePega las tres cosas.

   Instalar en mi sub-cuentaEste es el Private Integration Token de mi sub-cuenta de GoHighLevel: [pit-…], y este el Location ID: [……]. La contraseña de mi panel será: [mi-frase-larga]. Crea .env.local a partir de .env.example si no existe, escribe ahí GHL_API_KEY, GHL_LOCATION_ID y ADMIN_PASSWORD editando el archivo (no los pases como argumentos de un comando ni los repitas en pantalla) y luego corre npm run instalar. Si algo sale con ✗, explícame qué tengo que hacer en GoHighLevel y vuelve a correrlo cuando te diga.

Claude crea en tu sub-cuenta los campos donde vive la configuración de tu webinar y los tres datos que guarda de cada registrado: de qué anuncio vino y a qué clase se apuntó. Puedes correrlo las veces que quieras: solo crea lo que falta y nunca borra nada.

En la clase Creamos la sub-cuenta, la llave y el pipeline en pantalla · qué instala Claude en tu GoHighLevel y dónde verlo.

Desde el panel decides cuándo es la clase, a qué Zoom entra la gente, cuánto cuesta tu programa y qué video ven al registrarse. Lo que guardas ahí se refleja en tu sitio y en tus correos en menos de un minuto.

1. Claude

   Abrir mi panelArranca el sitio y dame la dirección del panel de administración.

2. TúEntra con tu contraseña y llena lo que ya tengas:

   Grupo	Qué decides	Consejo
   Programación	Si la clase se repite cada semana o es una sola fecha; día, hora y zona horaria	Si se repite, la fecha avanza sola cada semana. Una sola fecha cierra el registro cuando pasa.
   La sala	Cuántos minutos antes abre la puerta, y el mando manual	15 minutos, y el mando en auto.
   Enlaces	Tu Zoom, tu grupo de WhatsApp y tu WhatsApp de soporte	El Zoom con la contraseña incluida en el enlace, para que nadie la teclee. Para tu WhatsApp de soporte solo pones tu número y eliges el mensaje: el panel arma el enlace y te deja probarlo. El enlace de la puerta y el de la oferta los llenas en el módulo 11, cuando ya tengas dominio.
   Contenido	El título de tu clase y el video de bienvenida	Sube el video a GoHighLevel, que ya lo pagas: Media Storage → sube el archivo → copia su enlace → pégalo aquí. Comprímelo antes: 720p y menos de 50 MB.
   La oferta	Precio (solo el número) y moneda: MXN, USD, EUR, COP…	Se muestran juntos: $9,997 USD. El enlace de pago déjalo vacío por ahora.
   Seguimiento	Tu pixel de Meta	Se llena en el módulo 10.

3. TúGuarda y abre tu página de registro en otra pestaña: la fecha y la hora ya son las tuyas.

En la clase Clase semanal o fecha única y cuándo conviene cada una · cómo leer el aviso de salud · por qué lo semanal vive aquí y no en el código.

Cambias todo el texto y la imagen de la plantilla por los tuyos. No editas páginas: le dictas a Claude quién eres, a quién le hablas y qué ofreces, y él lo escribe donde va.

1. ClaudeQuién eres.

   Mi marcaPon mis datos en la marca del sitio: me llamo [nombre], soy [qué eres o qué creaste], mi clase se llama "[nombre de la clase]" y al final ofrezco [nombre del programa]. Mi dominio va a ser [mi-dominio.com]. Dime qué dejaste pendiente (logo, retrato, aviso legal).

2. ClaudeTu página de registro. Entre más le cuentes, más suena a ti. Si tienes un audio tuyo hablando de la clase, pégale la transcripción.

   Mi página de registroMi clase se llama "[nombre]". La doy para [audiencia] que tiene [problema]. En la clase van a ver: [los 3 puntos]. Al final ofrezco [programa]. Reescribe toda la página de registro y la de gracias con mi voz: [describe tu tono o pega un texto tuyo]. Cambia el sentido de las frases, no solo los nombres.

3. TúArrastra tu logo y tu retrato a la carpeta public/assets del proyecto, desde el explorador de archivos de VS Code.

4. ClaudeTu imagen.

   Mis colores y mis imágenesMi color principal es [#hex o "azul marino"]. Ajusta la paleta del sitio a partir de él cuidando que los botones se lean bien. Dejé mi logo y mi retrato en public/assets como [logo.png] y [retrato.jpg]: conéctalos.

5. ClaudeQué falta. La plantilla marca cada texto de ejemplo. Cuando no quede ninguno, el sitio es tuyo.

   Revisar lo que sigue siendo ejemploCorre npm run revisar y dime qué textos de ejemplo siguen sin cambiar, agrupados por página. La oferta la dejamos para después.

En la clase La estructura de una página de registro que convierte · cómo darle tu voz a Claude · qué prueba poner y cuál no.

Tu sitio no manda correos. Lo que hace es ponerle una etiqueta a cada persona en cada momento, y GoHighLevel reacciona a esa etiqueta mandando el correo que toca.

Las cuatro automatizaciones

Los nueve correos de ejemplo, con su estructura, están en este documento ↗ y también dentro de tu copia.

1. Claude

   Mis correosLee docs/WORKFLOWS.md y el copy de mi sitio. Reescribe los nueve correos con mi voz, mi clase y mi oferta, conservando tal cual todo lo que va entre llaves dobles. Entrégamelos en un archivo docs/MIS-CORREOS.md, cada uno con su asunto, listos para pegar en GoHighLevel.

2. TúEn GoHighLevel → Automatizaciones, crea las cuatro con la estructura del documento y pega tus correos. El disparador de cada una es Contact Tag → Tag Added con su etiqueta, en minúsculas.

3. TúEn los recordatorios, las tres esperas apuntan al campo Dia de su clase y traen las horas de una clase a las 8:00 pm. Si tu clase es a otra hora, cámbialas.

4. TúEn las cuatro: activa Allow Re-Entry y publícalas.

5. ClaudeLa prueba: un registro real, con tu correo, comprobado en tu GoHighLevel.

   Probar mi embudoCorre npm run probar:embudo -- --email [mi@correo.com] contra mi sitio local y dime si mi contacto llegó a GoHighLevel con la etiqueta de registro y cayó en Nuevo Registro. Déjalo: quiero ver que me llegue el correo de confirmación.

En la clase Construimos juntos las cuatro automatizaciones · qué decir en cada recordatorio · cómo leer tu pipeline después de una clase.

Es el enlace que mandas para entrar a la clase. Antes de la hora muestra un contador. Quince minutos antes pide nombre, correo y WhatsApp, y al confirmar abre tu Zoom. Así sabes exactamente quién asistió, sin pasar lista.

1. TúEn tu panel, grupo La sala, pon el mando en abierta y guarda. Es solo para probarla ahora, fuera de horario.

2. Claude

   Probar la puertaPuse la puerta en "abierta" en mi panel. Corre npm run probar:embudo -- --puerta --email [mi@correo.com] y confirma que la puerta abrió, que me puso la etiqueta de ingreso y que pasé a Asistió al Webinar.

3. TúRegresa el mando a auto y guarda. Si lo dejas en abierta, la puerta nunca se cierra.

En la clase Cómo usar el mando el día del evento · por qué la puerta prefiere dejar pasar a alguien de más que dejar a alguien fuera.

Es la página a la que mandas a la gente al final de la clase. Recorre tu programa módulo por módulo, cada uno con su caja, y termina en la inversión. La de la plantilla es de ejemplo: cámbiala entera por la tuya.

1. ClaudeTus módulos. De cada uno se muestra: cuándo ocurre, su nombre, una frase que lo resume, qué se logra, y la lista de lo que la persona se lleva.

   Mis módulosMi programa se llama [nombre], dura [duración] y tiene estos módulos, en orden: [el nombre de cada módulo y qué se logra en él]. Reescribe los módulos de la oferta con eso. Como ya estoy personalizando la oferta, quita la leyenda de "oferta ficticia".

2. TúConsigue o genera la caja de cada módulo (imagen vertical, fondo transparente) y déjalas en public/assets. Si aún no las tienes, la página muestra un marcador y se ve bien igual.

3. Claude

   Las cajas de mis módulosDejé en public/assets la caja de cada módulo, en orden: [caja-1.png, caja-2.png…]. Conviértelas a WebP de 640 px de ancho conservando el fondo transparente y conéctalas a sus módulos. Al que no tenga imagen déjale el marcador.

4. ClaudeEl resto de la página.

   El resto de mi ofertaCon lo que ya sabes de mi programa, reescribe el resto de la oferta: la promesa, el problema, qué incluye, para quién es y para quién no, el acompañamiento y el cierre. Mi garantía real es: [días y condiciones]. Mis bonos: [lista, o "no tengo"]. Si quiero mostrar precios tachados, el valor por separado es [número] y el precio regular [número]; si no, no los muestres.

5. TúEn tu panel, grupo La oferta: tu precio (solo el número) y tu moneda. Guarda y abre tu página de oferta.

En la clase Cómo se arma una oferta por módulos · qué va en la garantía · cuándo conviene mostrar precios tachados y bonos.

Tu sitio le avisa a Meta tres cosas, una sola vez por persona: quién se registró, quién entró a la sala y quién pagó. Con eso tus campañas buscan gente que sí se registra y sí asiste, y sabes cuánto te cuesta cada asistente, no solo cada registro.

1. TúEn Meta → Administrador de eventos ↗, entra a tu pixel → Configuración → Generar token de acceso. Copia el id del pixel y el token.

2. TúEn tu panel, grupo Seguimiento: pega el id del pixel y el token. Guarda.

3. ClaudeCon tu sitio ya publicado (módulo 11), manda un registro de prueba para que Meta lo reciba.

   Un registro de prueba para MetaCorre npm run probar:embudo -- https://[mi-dominio.com] --email [mi@correo.com] --limpiar para que Meta reciba un registro desde mi sitio publicado, y dime si entró.

4. TúEn el Administrador de eventos, pestaña Probar eventos, confirma que llegó un Lead "desde navegador y servidor".

5. TúEn tus anuncios, usa esta dirección de destino. Así cada contacto en tu GoHighLevel dice de qué campaña y de qué anuncio vino:

   https://TU-DOMINIO/?utm_source=fb&utm_medium=paid&utm_campaign={{campaign.name}}&utm_content={{ad.name}}

En la clase Qué evento elegir para optimizar tu campaña · cómo leer costo por registro contra costo por asistente.

Pones tu sitio en internet, con tu dominio. Casi todo lo hace Claude con las cuentas que conectaste en el módulo 02. Lo tuyo son una llave de Vercel y, si tienes dominio, dos datos en tu proveedor.

1. ClaudePublicar.

   Publicar por primera vezLiga esta carpeta a un proyecto nuevo de Vercel con mi cuenta (vercel link, con el nombre de mi repositorio), sube mis variables con npm run subir-env y publica a producción con vercel --prod. Dame la dirección y confirma que mi panel abre.

2. TúLa llave de Vercel. En Vercel → Account Settings → Tokens ↗, crea una con el nombre de tu proyecto y alcance solo a la cuenta donde vive. Cópiala: solo se muestra una vez.

3. ClaudeLa copia de seguridad. Hace que tu sitio siga mostrando bien tu fecha y tus enlaces aunque GoHighLevel tarde en responder, justo cuando más tráfico tienes.

   Crear la copia de seguridadEste es mi token de la API de Vercel: [……]. Escríbelo en .env.local como VERCEL_API_TOKEN editando el archivo (no lo pases como argumento ni lo repitas en pantalla), corre npm run edge-config, vuelve a subir mis variables con npm run subir-env y publica con vercel --prod.

4. ClaudeQue cada cambio se publique solo.

   Ligar mi repositorioConecta este proyecto de Vercel con mi repositorio de GitHub (vercel git connect) para que cada cambio que subas se publique solo. Si me pide autorizar a Vercel en GitHub, dime cuándo.

5. ClaudeTu dominio.

   Agregar mi dominioAgrega mi dominio [mi-dominio.com] al proyecto de Vercel y dime exactamente qué registros DNS tengo que poner en mi proveedor. Cuando te diga que ya están, actualiza el dominio en la marca del sitio y súbelo.

6. TúPon esos registros en tu proveedor de dominio. Vercel los valida en minutos, a veces horas. Apunta tu dominio en tu ficha.

7. TúEntra a tu panel ya publicado. En Enlaces pon el enlace de la puerta (tu dominio + /ingreso) y el enlace de la oferta (tu dominio + /oferta): son los que mandan tus correos. Guarda. Ese guardado deja lista la copia de seguridad.

8. ClaudeLa revisión final.

   La salud de mi sitioAbre https://[mi-dominio.com]/api/salud y dime si todas las revisiones están bien. Si alguna falla, explícame qué es y qué hago.

En la clase Qué es publicar y qué pasa cuando le dices "súbelo" a Claude · cómo conectar un dominio que ya usas en otro lado.

Una vez publicado, tu embudo se opera desde tu panel y tu GoHighLevel. Si tu clase se repite, la fecha avanza sola al terminar cada una: la página, el calendario y las etiquetas pasan a la siguiente semana sin que hagas nada.

1. TúEl día anterior. Abre tu panel: confirma fecha y hora, que el aviso de salud esté vacío, y cambia el Zoom o el grupo de WhatsApp si cambiaron. Toca Descargar respaldo y guarda el archivo. En GoHighLevel, cuenta cuántos contactos tienen la etiqueta registro con la fecha de esta clase: son tus registrados reales.

2. TúEl día de la clase. Manda a tu grupo el enlace de la puerta, no el de Zoom: así queda registrado quién asistió. Si quieres abrir antes de los 15 minutos, pon el mando en abierta. Al presentar tu oferta, manda el enlace de la oferta.

3. TúDespués de la clase. Regresa el mando a auto. Anota registrados, asistentes, carritos y pagos de esta fecha: esa es tu conversión en cada etapa. Si la próxima semana no hay clase, cambia a fecha única con la siguiente fecha.

4. ClaudeEntre semana, cualquier cambio de texto o de diseño.

   Un cambio entre semanaCambia en mi página de registro la frase "[frase actual]" por "[frase nueva]", verifica que todo siga bien y súbelo.

En la clase Los cuatro números que miras cada semana y qué mover cuando uno baja.

Tu sitio se revisa a sí mismo y te dice qué le duele. Pídele a Claude que lo lea y te diga qué hacer.

1. Claude

   El primero para cualquier problemaAlgo falla: [describe lo que ves]. Abre la salud de mi sitio en https://[mi-dominio.com]/api/salud, dime qué revisión falla y qué tengo que hacer. Si es algo en GoHighLevel o en Vercel que no puedes hacer tú, dame los pasos exactos.