Sitio Web

Cómo crear una página de reservas para renta de autos con IA y su API key

7 min de lectura Por Miguel, Fundador
Un chat de IA creando una página de reservas de renta de autos conectada con una API key a un calendario de reservas

Qué puede crear con IA y la API

Ya no necesita un desarrollador web para tener reservas en vivo en su sitio. Con una API key de su panel de control de Car Rental Solutions, un asistente de IA como Claude puede diseñar un sitio web de renta completo o una sola página de reservas, conectarlo a su flota y explicarle cómo publicarlo. Sus clientes ven su disponibilidad y precios reales, y cada reserva llega al mismo panel que sus reservas de mostrador y por teléfono.

Nuestra demo de reservas en vivo, Demo Auto Rental, se hizo así: diseñada con IA y funcionando con la API de Car Rental Solutions. Haga una reserva de prueba ahí para ver el resultado antes de crear la suya.

1
API key por sitio web o landing page, creada en Integraciones
1
prompt a un asistente de IA para diseñar y construir la página
Cualquier
hosting o dominio que pueda ejecutar una pequeña función de servidor

Una API key por sitio web o landing page

Las keys se crean en su panel de control en Integrations → API Keys. Cada key tiene un nombre y un afiliado. Cree una para cada lugar donde reciba reservas: su sitio principal, un segundo dominio, una landing page por ciudad o de campaña. Cada key pertenece a su cuenta, así que todos los sitios muestran la misma flota, tarifas y disponibilidad, y puede borrar una key sin afectar a las demás.

Dónde recibe reservasNombre de key de ejemplo
Sitio web principalSitio principal
Segundo dominio o marcaSitio aeropuerto
Landing page de ciudad o campañaLanding Miami
Página de un socio (hotel, operador turístico)Socio hotel

Cree su página de reservas en seis pasos

1. Cree una API key

Entre a su panel de control, abra Integrations → API Keys, haga clic en Add Key, póngale el nombre del sitio y elija el afiliado. Copie la key y guárdela en un lugar privado. La agregará a su hosting en el paso 4, no al chat de IA.

2. Dele a la IA la especificación de la API

La IA necesita saber cómo funciona la API. Descargue el documento OpenAPI desde la referencia de la API y adjúntelo al chat. Adjuntar el archivo funciona mejor que pegar un enlace, porque muchas herramientas de IA no pueden abrir páginas web por sí solas. Los desarrolladores pueden ver el mismo proceso en nuestra guía rápida de la API de reservas.

3. Pida la página

Use el prompt de abajo. Complete el nombre de su agencia, dominio, idiomas, colores y hosting, y adjunte su logo. Pida cambios en lenguaje normal hasta que quede bien: “haz más grande el formulario de búsqueda”, “agrega nuestro teléfono en el encabezado”, “muestra tres autos destacados en el inicio”.

4. Agregue la key a su hosting

Cuando la IA le entregue los archivos, agregue su API key como una variable de entorno llamada CRS_API_KEY en la configuración de su hosting. La función de servidor de la página la lee desde ahí, así que la key nunca aparece en el código del sitio.

5. Pruebe reservas reales

Antes de publicar, reserve un viaje de ida y vuelta, uno de un solo sentido, uno con conductor joven y una renta con extras. Revise que cada reserva aparezca en su panel con el vehículo, las fechas y el precio correctos, y luego cancele las pruebas.

6. Publique y mida

Apunte su dominio a la nueva página y configure el seguimiento de conversiones para saber qué páginas y anuncios traen reservas. Nuestra guía de seguimiento de conversiones para sitios de renta explica cómo hacerlo.

El prompt para copiar

Reemplace todo lo que está entre [corchetes]. Incluye las reglas que mantienen sus precios exactos y su key privada, para que la IA lo construya bien desde el principio.

Prompt para Claude u otro asistente de IA

Crea una página de reservas de renta de autos para mi agencia, [NOMBRE DE LA AGENCIA],
en [DOMINIO].

Los datos de reservas vienen de la API de Car Rental Solutions. Adjunto la
especificación OpenAPI (openapi v1.json). Los endpoints están en
https://cp.carrentalsolutions.com/api/v1/.

Requisitos:
- Proceso de reserva: formulario de búsqueda (sucursal de recogida, sucursal de
  devolución, fechas y horas, grupo de edad del conductor) -> lista de vehículos con
  precios en vivo -> página del vehículo con extras y la cotización detallada ->
  datos del cliente -> página de confirmación.
- La API key se queda en el servidor. Crea un pequeño proxy del lado del servidor
  (una función serverless) que lea la key de una variable de entorno llamada
  CRS_API_KEY y agregue "Authorization: Bearer" a cada solicitud. Nunca pongas la key
  en el código del navegador.
- Ofrece solo las sucursales de devolución listadas en "dropoffs" de cada sucursal.
- Muestra la cotización línea por línea tal como la devuelve la API. No recalcules
  los totales.
- Envía el pricingToken con exactamente el mismo vehículo, sucursales, inicio, fin,
  grupo de edad y líneas de cotización. Si algo cambia, pide una nueva cotización.
- Muestra al cliente los _errors y _warnings.
- Idiomas: [español e inglés]. Colores de marca: [COLORES]. Logo: [adjunto].
- Diseño mobile-first, rápido y accesible. Explícame cómo publicarla en [HOSTING].

Vea primero un ejemplo terminado

Demo Auto Rental se creó con IA sobre la API de Car Rental Solutions. Busque, elija un auto y confirme una reserva de prueba.

Probar la demo de reservas Agendar una demo

Dónde publicarla

Puede publicar la página en cualquier hosting que ejecute una pequeña función del lado del servidor junto a sus páginas, que es lo que mantiene privada la API key. Opciones comunes:

HostingDónde va la key
Cloudflare Pages o WorkersUna Pages Function o Worker, con la key guardada como secreto
NetlifyUna Netlify Function, con la key como variable de entorno
VercelUna ruta API serverless, con la key como variable de entorno
Su hosting actualUn pequeño script PHP o Node.js fuera de la carpeta pública, si su plan lo permite

Dígale a la IA qué hosting usa y escribirá la función para ese hosting. Un hosting que solo sirve archivos, sin código de servidor, no basta por sí solo. Si es lo único que tiene, pregúntenos por un sitio web con el motor de reservas incluido, o lea cómo el sistema de reservas funciona en cualquier sitio o dominio.

Mantenga segura la API key

  • No pegue la key en el chat. El prompt usa un marcador. Usted agrega la key real en su hosting.
  • Nunca ponga la key en el código del navegador. Cualquiera puede leer el JavaScript que corre en el navegador. El navegador llama a su función de servidor y la función agrega la key.
  • Use una key por sitio. Si retira un sitio o una key queda expuesta, bórrela en Integraciones y cree una nueva. Sus otros sitios siguen funcionando.
  • Revise las páginas nuevas en su panel. Una reserva de prueba que aparece ahí es la prueba de que la página está bien conectada.

Car Rental Solutions también está preparando un código para copiar y pegar en su sitio, para las agencias que prefieren no crear una página. Mientras tanto, una página creada con IA y una API key son la forma más rápida de agregar reservas en vivo a cualquier dominio.

Preguntas frecuentes

No. Usted describe la página que quiere y la IA escribe el código y le explica cómo publicarla. Solo necesita crear una API key, agregarla a su hosting como variable de entorno y probar algunas reservas.

Sí. Cualquier asistente de IA que escriba código web puede seguir el mismo prompt. Adjunte la especificación OpenAPI para que use los endpoints y campos reales.

Sí. Cree una API key distinta en Integraciones para cada sitio web, dominio o landing page. Todos comparten su flota, tarifas y disponibilidad, y cada key se puede borrar por separado.

No necesita hacerlo. Use un marcador en el chat y agregue la key real como variable de entorno en su hosting. Nunca ponga la key en el código del navegador, y borre y reemplace cualquier key que haya quedado expuesta.

Las reservas hechas en la página se crean a través de la API y aparecen en su panel de control de Car Rental Solutions, en el mismo calendario que sus reservas de mostrador y por teléfono.

Miguel

Fundador, Car Rental Solutions

Miguel es el fundador de Car Rental Solutions, software web de reservas y flota para agencias de renta de autos independientes.

Su página de reservas, lista en una tarde.

Cree una API key, describa la página y publíquela donde quiera. Las reservas llegan al panel que su equipo ya usa.

Ver la demo en vivo Agendar una demo