Pide tu Diagnóstico express Escríbeme por WhatsApp

hola@johansero.com

← Todos los casos
  • HubSpot
  • Integración por API
  • Seguridad de datos

johansero.com

Mi web de captación: cada contacto llega al correo y al CRM en segundos

Construí este sitio con IA y lo conecté a un CRM para que ningún contacto se pierda, sin plugins, sin WordPress y sin pagar una herramienta más.

Diagrama del recorrido de un contacto.
  1. AntesRegadoscontactos entre correo, hojas de cálculo y formularios de terceros
  2. AhoraSegundosdel clic en «Enviar» al correo y al CRM
  3. Impacto0plugins, suscripciones nuevas o datos guardados en el servidor
  4. Construcción1 jornadade la decisión a la prueba en vivo

Dónde

Proyecto propio
Marca personal

Mi rol, de punta a punta

  • Identifico la necesidad
  • Diseño la solución
  • La construyo con IA
  • La implemento y mejoro

Estado

  1. Idea
  2. Prototipo
  3. Beta
  4. En uso

En funcionamiento

El problema

Mi web necesitaba convertir visitas en contactos. La salida fácil era un formulario de un tercero o un plugin, pero eso implicaba datos personales guardados en servicios que no controlo, contactos regados entre el correo y hojas de cálculo, y otra suscripción mensual.

Quería tres cosas a la vez: que el formulario se viera como mi marca, que cada contacto me avisara al instante y que quedara organizado en un CRM para hacerle seguimiento comercial. Todo cumpliendo la Ley 1581 de 2012.

Cómo funciona

La arquitectura detrás de la herramienta

  1. 01
    La persona envía el formulario

    El navegador revisa los campos y la autorización de datos antes de enviar.

  2. 02
    Viaja cifrado a mi servidor

    Por HTTPS, directo a un receptor propio en Hostinger.

  3. 03
    Filtra y valida

    Descarta bots, frena ráfagas y vuelve a validar cada dato.

  4. 04
    Aviso al correo

    Me llega el contacto al instante, listo para responder.

  5. 05
    Lo envía al CRM

    Con una clave privada del servidor, crea o actualiza el contacto en HubSpot, sin duplicados.

  6. 06
    Entra al embudo

    Queda listo para el seguimiento comercial por etapas.

Cómo llegamos

No salió perfecto a la primera: así fue evolucionando

  1. DecisiónDónde guardar los contactos

    Base propia, hoja de cálculo o CRM: elegí un CRM gratuito con un puente propio para no amarrarme a ninguna herramienta.

  2. DiseñoEl recorrido del dato

    Diagramas de dónde vive cada pieza y qué pasa al dar «Enviar», antes de escribir código.

  3. ConstrucciónEl receptor y sus pruebas

    Probado con servidores simulados: envío válido, datos inválidos, bots, otro dominio y ráfagas.

  4. Prueba en vivoCorreo y CRM reales

    Llegó a la bandeja de entrada y al CRM con todos los campos.

  5. AjustesGracias, embudo y dominio

    Pantalla de gracias animada, embudo de negocios y dominio protegido contra suplantación.

Cómo se cuidaron los datos

El servidor no guarda los datos del formulario: solo existen en mi bandeja de entrada y en la ficha del CRM. Las claves de acceso viven en una carpeta privada del servidor, nunca en el código ni en el navegador. El antispam guarda solo una huella cifrada, nunca la dirección IP.

Resultado

  • Cada contacto llega al correo y al CRM en segundos, verificado en vivo (bandeja de entrada, no spam).
  • Cero plugins, cero WordPress y cero suscripciones nuevas.
  • Los contactos entran directo a un embudo con etapas medibles.
  • De la decisión a la prueba en vivo en una sola jornada.

Herramientas

  • Astro
  • PHP
  • HubSpot
  • GitHub
  • Claude

Lo que aprendí

La IA acelera la construcción, pero las decisiones que más pesan no son técnicas: dónde viven los datos, quién tiene acceso y qué pasa cuando algo falla. Diseñar eso primero es lo que hace que una automatización sea confiable.

Esto lo construí para mí. Imagina lo que puedo construir para tu equipo.

20 minutos · Gratis · Respuesta en 48 h hábiles