50% de descuento por 3 meses en GoHighLevel

Cómo crear formularios PRO en GoHighLevel con IA y webhooks

Los formularios GoHighLevel por defecto cumplen su función, pero seamos honestos: se quedan cortos cuando necesitas algo con personalidad. No puedes meter sliders, ilustraciones ni adaptar la estética al 100% de cada proyecto. La buena noticia es que hay una forma sencilla de crear formularios totalmente personalizados con inteligencia artificial y conectarlos al CRM de GoHighLevel sin perder ninguna funcionalidad. Te explico exactamente cómo hacerlo.

Por qué los formularios GoHighLevel estándar tienen limitaciones

Cuando trabajas con el constructor de formularios nativo de GoHighLevel, puedes retocar estilos, transparencias y colores para dejarlo más o menos presentable. Pero hay un techo claro: no puedes incorporar sliders interactivos, ilustraciones personalizadas ni crear experiencias de usuario realmente diferenciadoras.

Piensa en un valorador online inmobiliario, por ejemplo. Necesitas campos desplegables con opciones específicas (año de construcción, estado de la vivienda, extras, orientación…), una estética cuidada y funcionalidades que van más allá de lo que una encuesta o formulario estándar de GoHighLevel te permite. Y esto aplica a cualquier proyecto donde el formulario sea una pieza clave de captación.

La solución no es abandonar GoHighLevel ni buscar herramientas externas complicadas. Es usar IA para generar el formulario y webhooks para conectarlo directamente al CRM.

Cómo usar IA para generar formularios GoHighLevel personalizados

El primer paso es recurrir a una herramienta de inteligencia artificial — Claude, ChatGPT o la que prefieras — para que te genere el HTML, CSS y JavaScript del formulario. No necesitas ser programador. Solo necesitas saber qué quieres captar.

Define los campos que necesitas

Puedes ser tan específico o tan general como quieras al pedírselo a la IA. Si tienes claro qué campos necesitas (nombre, email, teléfono, tipo de vivienda, presupuesto…), se lo dices directamente. Si no lo tienes tan claro, simplemente le explicas el objetivo:

«Quiero hacer un formulario que recoja información para un valorador inmobiliario online.»

La IA te propondrá los campos necesarios, te sugerirá si deben ser desplegables, numéricos o de texto libre, y te generará todo el código listo para usar. A partir de ahí, vas iterando: le pides ajustes de diseño, añades o quitas campos, cambias colores, metes el logo del proyecto… hasta que el resultado sea exactamente lo que buscas.

Consejo: pide el listado de campos personalizados

Un truco que me ahorra mucho tiempo: antes de ir a GoHighLevel a crear los campos, le pido a la IA que me diga exactamente el nombre de cada campo personalizado, de qué tipo es (numérico, texto, dropdown…) y cuáles son las opciones disponibles en los desplegables. Así el proceso de creación en GoHighLevel es copiar y pegar. Sin pensar, sin ir al formulario a buscar qué opciones había.

Crear los campos personalizados en GoHighLevel

Antes de conectar nada, necesitas que GoHighLevel tenga los campos equivalentes a los de tu formulario personalizado. Esto es clave: si tu formulario envía un campo «año de construcción» pero GoHighLevel no tiene ese campo, el dato se pierde.

Ve a la sección de campos personalizados (custom fields) de tu subcuenta y crea uno a uno los campos que necesitas. Puedes crearlos como campos de contacto o de oportunidad, según tu caso:

  • Campos de contacto: la opción más directa. Con una sola acción en el workflow generas el contacto con todos los datos. Es lo que recomiendo en la mayoría de casos.
  • Campos de oportunidad: si necesitas que además se genere una oportunidad en un pipeline, primero creas el contacto con sus datos y luego una oportunidad asociada. Son dos pasos, pero el resultado es el mismo.

Cada campo debe coincidir en tipo y opciones con lo que envía tu formulario. Si en el HTML tienes un dropdown con cinco opciones, el campo en GoHighLevel debe ser un dropdown con esas mismas cinco opciones.

Insertar el formulario en GoHighLevel

Una vez tienes el código HTML generado, insertarlo es muy sencillo. Dentro del constructor de funnels o webs de GoHighLevel:

  1. Arrastra un bloque nuevo de tipo «Code» (HTML personalizado).
  2. Haz clic en él y selecciona «Open Code Editor» en el panel derecho.
  3. Pega todo el código HTML, CSS y JavaScript que te ha generado la IA.
  4. Previsualiza para comprobar que la estética y funcionalidades son las correctas.

En este punto el formulario se ve perfecto, pero todavía no envía datos a GoHighLevel. Eso viene ahora.

Y una cosa importante: no estás limitado a alojar el formulario dentro de GoHighLevel. Puedes pegar ese mismo código en tu WordPress o en cualquier otra plataforma. La conexión con el CRM funciona igual.

Conectar el formulario con GoHighLevel mediante webhooks

Aquí es donde ocurre la magia. La conexión entre tu formulario personalizado y el CRM se hace a través de un inbound webhook en un workflow de GoHighLevel. El proceso tiene varios pasos, pero todos son sencillos.

Paso 1: Configurar la integración privada

Para que la IA pueda interactuar con tu cuenta de GoHighLevel necesitas dos cosas:

  • Location ID: el identificador de tu subcuenta.
  • API key (versión 2): la generas creando una Private Integration dentro de GoHighLevel con los permisos que necesites.

Le pasas ambos datos a la IA y con eso tiene acceso para configurar el envío de datos desde el formulario hacia GoHighLevel.

Paso 2: Crear el inbound webhook en el workflow

Dentro de un workflow nuevo (o existente), añade un disparador de tipo «Inbound Webhook». Al crearlo, GoHighLevel te genera una URL única. Esa URL es la que tu formulario usará para enviar los datos.

Copia esa URL y pásasela a la IA para que la integre en el código del formulario. Cuando alguien rellene y envíe el formulario, los datos viajarán a esa URL y entrarán en el workflow.

Paso 3: Enviar el payload de prueba

Pídele a la IA que haga un envío de prueba (payload) al webhook. Una vez lo haga, vuelve al workflow en GoHighLevel, haz clic en el trigger del webhook y verás la opción «Map Reference». Al pulsarla, GoHighLevel te mostrará todos los campos que acaba de recibir con valores de ejemplo (first name: test, email: test@…, etc.).

También puedes verificar el envío en el «Enrollment History» del workflow, donde aparecerá registrado ese primer payload de prueba.

Paso 4: Mapear los campos y crear el contacto

Una vez GoHighLevel recibe los datos correctamente, el siguiente paso es crear la acción «Create Contact» dentro del workflow. Esta acción probablemente se habrá generado automáticamente, pero necesitas configurarla manualmente:

  1. Haz clic en la acción «Create Contact».
  2. Ve campo por campo emparejando los campos del webhook con los campos de contacto de GoHighLevel.
  3. Para cada campo personalizado, haz clic en «Añadir campo», busca el custom field correspondiente, y en el valor selecciona la pestaña «Inbound Webhook Trigger» para elegir el dato equivalente que llega del formulario.
  4. Guarda el workflow.

A partir de ese momento, cada envío del formulario genera un contacto completo en el CRM con todos los datos mapeados.

Formularios GoHighLevel con diseño PRO: ventajas reales

Este método te da lo mejor de los dos mundos:

  • Diseño sin límites: sliders, ilustraciones, animaciones, cualquier estética que tu proyecto necesite. La IA te genera el código y tú solo ajustas.
  • CRM intacto: los datos entran en GoHighLevel exactamente igual que con un formulario nativo. Contactos, oportunidades, workflows, automatizaciones… todo sigue funcionando.
  • Flexibilidad total: puedes alojar el formulario dentro de GoHighLevel o en cualquier otra plataforma. El webhook no entiende de dónde viene el dato, solo lo recibe.
  • Velocidad: una vez entiendes el flujo, montar un formulario nuevo con este sistema es cuestión de minutos. Le pides a la IA el diseño, creas los campos, conectas el webhook y listo.

Resumen del flujo completo

Para que lo tengas claro de un vistazo, este es el proceso de principio a fin:

  1. Pide a la IA que genere el formulario en HTML/CSS/JS con los campos que necesitas.
  2. Pide también el listado de campos personalizados con tipo y opciones para crearlos en GoHighLevel.
  3. Crea esos campos custom en tu subcuenta de GoHighLevel (contacto u oportunidad).
  4. Inserta el código del formulario en un bloque HTML del funnel, web o donde lo vayas a usar.
  5. Crea un workflow con un trigger de tipo Inbound Webhook y copia la URL generada.
  6. Pasa la URL a la IA e integra el envío en el formulario.
  7. Haz un payload de prueba y verifica que los datos llegan al workflow.
  8. Mapea cada campo del webhook con su equivalente en GoHighLevel dentro de la acción Create Contact.
  9. Activa el workflow. Cada envío del formulario genera un contacto completo en el CRM.

Conclusión

No necesitas conformarte con los formularios GoHighLevel por defecto si tu proyecto pide algo más. Con inteligencia artificial generas el diseño que quieras, con webhooks lo conectas al CRM y con los campos personalizados aseguras que cada dato llega donde tiene que llegar. El resultado es un formulario con aspecto profesional y todas las funcionalidades del CRM de GoHighLevel trabajando por detrás. Pruébalo en tu próximo proyecto y verás la diferencia.

Artículos relacionados

¡Comparte este contenido con los tuyos!

WhatsApp
Facebook
Twitter
LinkedIn
Email