AI LUKE.
ES
Build apps · Guía y explicación

Páginas personalizadas de GoHighLevel: separa diseño y captación de clientes

Usa la vía grabada de código personalizado, conserva una versión funcional y prueba el formulario más allá de su mensaje de éxito.

Luke Byrne
Luke ByrneAI Luke · Luke Byrne | AI & Tech
Vídeo publicado el 26 jun 2026· 3 min de lectura

Vídeo en inglés. Todavía no hay una versión en español registrada para esta guía.

Ver en YouTube ↗

Define qué debe generar Claude

El tutorial de junio crea una web personalizada con Claude Code o Claude en lugar de partir de una plantilla estándar de GoHighLevel. HTML, JavaScript y CSS se trasladan a GoHighLevel. La descripción publicada cubre el traslado y las actualizaciones, pero no especifica todos los controles actuales del panel.

  1. Describe el negocio, las secciones, los textos proporcionados y la acción que deberían realizar los visitantes. Pide HTML, JavaScript y CSS claramente separados.
  2. Incluye los campos y el comportamiento esperado del formulario en el brief. Excluye afirmaciones y testimonios sin confirmar.

Transfiere la página y conserva una referencia

Sigue la sección del sitio en blanco de 2:36 y la de código personalizado de 3:55 con el vídeo original abierto. La demostración incluye un bloque de código, CSS separado y una corrección del fondo. Una vista previa correcta no demuestra que la versión alojada coincida.

  1. Añade el código y los estilos por la vía demostrada y compara la página real de GoHighLevel con la vista previa.
  2. Comprueba fondo, diseño móvil, navegación y visibilidad del formulario. Guarda una versión funcional antes de pedir más cambios a Claude.

Conecta y prueba la transferencia del contacto

En 8:58, el flujo conecta el formulario con los contactos de GoHighLevel mediante un webhook entrante. Trata el renderizado y la captación como comprobaciones distintas: un mensaje de éxito no confirma un contacto guardado.

  1. Sigue el flujo grabado del webhook entrante y asigna los campos del formulario a los datos de contacto previstos.
  2. Envía datos sintéticos, localiza el contacto creado y compara los campos guardados. Revisa también cómo se presenta un envío fallido antes de recibir visitantes reales.

Actualiza sin perder la conexión

Conserva juntos la versión del código y el flujo de contactos en la entrega. Usa el destino original del producto: http://www.gohighlevel.com/ailuke. Este documento no reproduce el prompt separado de la comunidad ni afirma tener acceso a él.

  1. Pide una revisión concreta, pega el código revisado y repite las comprobaciones de página y contacto.
  2. Conserva los archivos funcionales anteriores y anota qué versión produjo el contacto verificado.

Conclusión

Una página personalizada es útil cuando funcionan tanto el diseño como la captación. Verifica el contacto guardado tras cada cambio importante del formulario.

Sobre este artículo y sus fuentes

Preparado el 1 de noviembre de 2026 a partir de la descripción publicada exacta de este vídeo y sus capítulos. Los pasos son orientación editorial, no citas de una transcripción revisada. El vídeo completo no se vio ni se transcribió de forma independiente y el producto no se volvió a probar. Las ofertas históricas y los detalles de configuración requieren una nueva comprobación en los recursos originales.

Vídeo original de YouTube ↗