Ir al contenido

Conectar una web con IA con su software CRM: Lovable, Bolt, v0 y Base44

PLUS Con constructores de sitios web con IA como Lovable, Bolt, v0, Base44 o Replit, usted describe su sitio web con sus propias palabras y el constructor lo crea. Para que en él aparezcan sus inmuebles, el sitio web necesita una fuente de datos. WP-ImmoMakler es esa fuente de datos: recibe los inmuebles de su software CRM, los prepara y los entrega al sitio web con IA a través de una API REST. Las solicitudes de contacto del sitio web con IA las recibe y se las reenvía a usted y a su software CRM.

Si ya ha creado su sitio web con un constructor de sitios web con IA, normalmente solo falta esta conexión: un prompt en el constructor sustituye los datos de ejemplo por sus inmuebles y conecta el formulario de contacto, mientras que el diseño y la estructura se conservan. Por eso las guías de cada constructor empiezan con este paso.

Así conecta, por ejemplo, Lovable con Propstack, Bolt con onOffice, Base44 con FlowFact o v0 con ImmoScout24, sin que el constructor de sitios web con IA tenga que conocer la interfaz de su software CRM.

Esquema: software CRM, WordPress con WP-ImmoMakler y sitio web con IA, conectados por importación y API REST

Por qué WP-ImmoMakler y no la API de su software CRM

Sección titulada «Por qué WP-ImmoMakler y no la API de su software CRM»

Muchos programas CRM tienen una API propia, y un constructor de sitios web con IA puede intentar llamarla directamente. Lo que el sitio web tendría que resolver entonces por su cuenta lo asume WP-ImmoMakler:

  • Una interfaz para cualquier software CRM. La API REST de WP-ImmoMakler es la misma tanto si sus inmuebles proceden de Propstack, onOffice, FlowFact, JustImmo, ImmobilienScout24 (ImmoScout24) como de otro software CRM. Todos los keys están en inglés y son iguales en cada sitio web. Si cambia de software CRM, su sitio web con IA no varía.
  • Ninguna clave de API de su software CRM en el sitio web. La clave de API de un programa CRM da acceso a más que sus inmuebles publicados, por ejemplo a contactos. Permanece en WordPress. Los endpoints de lectura de WP-ImmoMakler solo entregan lo que su sitio web ya muestra a cualquier visitante y, si lo desea, pueden protegerse además con una clave de API propia.
  • Solo los inmuebles que deben ser públicos. Los inmuebles de referencia, los inmuebles archivados y los proyectos de obra ocultos quedan fuera, salvo que el sitio web los solicite expresamente.
  • Datos ya preparados. Cada campo de datos llega con su denominación y su texto de visualización en el orden de sus ajustes, por ejemplo “Precio de compra: 350.000 €” en lugar de un número en bruto. Los textos descriptivos llegan como HTML con los filtros de texto de sus ajustes.
  • Imágenes optimizadas en WebP o AVIF. Al importar, WP-ImmoMakler convierte las fotos de sus inmuebles a WebP (ajuste predeterminado) o AVIF, con una calidad configurable por formato, y las genera en varios tamaños de 200 a 1.200 píxeles de ancho. La interfaz indica para cada imagen todos los tamaños con su ancho y su alto, de modo que el sitio web entrega a cada dispositivo el tamaño adecuado sin tener que convertir ninguna foto por sí mismo; además, una imagen de vista previa propia para los enlaces compartidos. Véase Cómo procesa WP-ImmoMakler las imágenes de los inmuebles.
  • Búsqueda como en su sitio web de WordPress. Filtros por tipo de inmueble, tipo de comercialización, localidad, precio, habitaciones y superficie, búsqueda por radio, número de resultados por filtro, marcadores de mapa, inmuebles similares y las unidades de un proyecto de obra.
  • Datos SEO. El título SEO y la meta descripción de cada inmueble, redactados si lo desea por la IA, y los datos schema.org de la vista de detalle.
  • Solicitudes de contacto con protección contra el spam. Los formularios del sitio web con IA se envían a través de la interfaz, con los mismos campos obligatorios, consentimientos y la misma protección contra el spam que su formulario de contacto de WordPress. La solicitud llega a la persona de contacto del inmueble y, según la configuración, a su software CRM, véase Formularios a través de la interfaz headless. Los desistimientos y las alertas de búsqueda funcionan igual.
  • Procesamiento automático en su software CRM. El correo electrónico de una solicitud a su software CRM lleva adjunto un OpenImmo Feedback XML. Con él, el software CRM crea al interesado como contacto y asigna la solicitud al inmueble, sin que nadie tenga que teclearla y sin que el sitio web con IA tenga que comunicarse con la interfaz de su software CRM.
  • Actualizado tras cada transferencia. Un webhook avisa al sitio web después de cada transferencia de su software CRM de qué inmuebles han cambiado.
  • Descrita de forma legible para la IA. La interfaz se describe a sí misma en llms.txt y openapi.json, de modo que el constructor de sitios web con IA la entiende sin más explicaciones.

La API REST entrega los inmuebles de cualquier software CRM que WP-ImmoMakler conecte, entre ellos:

La lista completa está en Conectar software CRM con WordPress.

Guías para cada constructor de sitios web con IA

Sección titulada «Guías para cada constructor de sitios web con IA»

Si prefiere que el sitio web se cree como proyecto propio, mediante las herramientas de programación de ChatGPT, Claude, Gemini o Cursor, con el framework que prefiera o sin ninguno, lea Conectar o programar la web de inmuebles con ChatGPT, Claude, Gemini o Cursor. Si trabaja con Astro, allí encontrará también nuestro Astro Starter, que recibe bajo petición. Otras herramientas de IA las conecta del mismo modo: indicando en el prompt la dirección de llms.txt.

  1. Conectar el software CRM

    Configure la transferencia de sus inmuebles a WordPress como se describe en la guía de su software CRM. WordPress permanece en segundo plano como la administración de sus inmuebles; los visitantes solo ven su sitio web con IA.

  2. Activar la API REST

    En el back end de su sitio web (wp-admin), en WP-ImmoMakler → Integraciones → Headless, active la interfaz e introduzca la dirección de su sitio web con IA, véase Configuración.

  3. Conectar o crear el sitio web

    Indique al constructor en el prompt la dirección de la descripción de la interfaz:

    https://su-direccion-de-wordpress.es/wp-json/immomakler-headless/v1/llms.txt

    Las guías de cada constructor contienen prompts para copiar: primero para un sitio web existente que solo necesita conectar y después para uno nuevo.

  4. Comprobar el formulario de contacto

    Los prompts conectan también el formulario de contacto. Envíe una solicitud de prueba e introduzca la dirección de la vista previa del constructor en “Orígenes permitidos (Origins)” si el formulario no se envía desde ella; los detalles figuran en Formularios a través de la interfaz headless.

  5. Ajustar las direcciones

    Adapte “Ruta de un inmueble” y “Ruta del listado de inmuebles” en los ajustes headless a las direcciones de su sitio web con IA, para que los enlaces en los correos electrónicos y la redirección desde WordPress apunten a las páginas correctas.

La interfaz entrega para cada inmueble un título SEO, una meta descripción y datos schema.org. Que los buscadores y los servicios de búsqueda con IA los vean depende de cómo entregue sus páginas su sitio web con IA:

  • Un sitio web que carga sus contenidos solo en el navegador del visitante entrega al principio una página vacía a los buscadores. Google ejecuta JavaScript y ve los contenidos más tarde; muchos otros rastreadores, entre ellos los de algunos servicios de búsqueda con IA, no lo ejecutan.
  • Un sitio web que genera sus páginas en el servidor o las crea por adelantado al publicar (renderizado en el servidor o prerenderizado) entrega a cada rastreador la página terminada con título, descripción y datos estructurados.

Consulte en la documentación de su constructor de sitios web con IA cómo entrega las páginas y si puede activarse el renderizado en el servidor o el prerenderizado; las guías de cada constructor remiten al lugar correspondiente. Además, en el prompt, haga que el título de la página y la meta descripción se tomen de seo y los datos estructurados de json_ld.