← Recetas de IA del díaNegocios✓ Verificado 20 jul 2026

Lance un sitio web funcional con pagos Stripe e IA ChatGPT en 10 minutos

Integre pagos Stripe y un asistente de IA en su sitio web - sin gastar dinero por adelantado

  1. 1.Cree una clave API de OpenAI. Vaya a platform.openai.com, abra la sección «API keys» y haga clic en «Create new secret key». Copie la clave en un bloc de notas.

    Recibirá $5 en créditos gratuitos válidos por 3 meses. Guarde la clave en la variable de entorno OPENAI_API_KEY en su servidor, nunca la coloque en el código o navegador.

    OpenAI API ↗
  2. 2.Cree una cuenta Stripe. Vaya a stripe.com, haga clic en «Sign up», complete sus datos. En el panel, copie su clave Publishable key y Secret key en un bloc de notas.

    Stripe cobra 2,9% + $0,30 por cada pago exitoso. No necesita pagar hasta el primer pago. Nunca coloque la clave secreta en el código frontend.

    Stripe ↗
  3. 3.Cree un repositorio en GitHub. Haga clic en «New repository», nómbrelo, seleccione .gitignore de Node.js. Clónelo: git clone [enlace-a-su-repo]

    Necesitará un repositorio git para desplegar la aplicación en Vercel con un solo clic.

    GitHub ↗
  4. 4.Cree una aplicación Node.js. En la carpeta del repo, cree package.json y copie: { "name": "stripe-chatgpt-site", "version": "1.0.0", "main": "server.js", "dependencies": { "express": "^4.18.2", "stripe": "^14.0.0", "openai": "^4.28.0", "cors": "^2.8.5", "dotenv": "^16.3.1" } } Luego ejecute: npm install

    package.json contiene todas las librerías necesarias. npm install las instalará localmente.

    Node.js ↗
  5. 5.Cree el archivo server.js en la raíz del repo y copie: javascript const express = require('express'); const stripe = require('stripe')(process.env.STRIPE_SECRET_KEY); const { OpenAI } = require('openai'); const cors = require('cors'); require('dotenv').config(); const app = express(); app.use(express.json()); app.use(cors()); const openai = new OpenAI({ apiKey

    Este código crea dos endpoints: uno para crear pagos mediante Stripe, otro para chatear con ChatGPT. Utiliza el modelo económico gpt-4o-mini que extiende su crédito de $5.

    Express.js + OpenAI + Stripe SDK ↗
    Prompt
    const response = await openai.chat.completions.create({
  model: 'gpt-4o-mini',
  messages: [{ role: 'user', content: '[SU_MENSAJE]' }],
  max_tokens: 200,
});

Reemplace [SU_MENSAJE] con el texto que desea enviar al modelo. max_tokens=200 limita la respuesta a 200 tokens (~150 palabras) y ahorra dinero.
    Qué hace este promptEste es el código para chatear con la API de ChatGPT. Sustituye tu texto en lugar de [SU_MENSAJE] y el modelo devolverá una respuesta. El parámetro max_tokens=200 limita la longitud de la respuesta para no gastar los $5 de crédito en el primer día.
  6. 6.Cree el archivo .env en la raíz del repo y copie: OPENAI_API_KEY=[SU_CLAVE_OPENAI] STRIPE_SECRET_KEY=[SU_SECRET_KEY_STRIPE] PORT=3000 Reemplace [SU_CLAVE_OPENAI] por la clave API del paso 1, [SU_SECRET_KEY_STRIPE] por la clave secreta del paso 2.

    ⚠️ IMPORTANTE: Nunca coloque el archivo .env en git. Cree .gitignore con node_modules/ y .env para que las claves secretas no se suban al repositorio.

  7. 7.Despliegue en Vercel. Vaya a vercel.com, haga clic en «Import Project», seleccione su repositorio GitHub. En el campo Environment Variables agregue: OPENAI_API_KEY = [su clave] STRIPE_SECRET_KEY = [su clave] Haga clic en «Deploy». En 2-3 minutos su sitio estará en línea en https://[nombre].vercel.app

    Vercel detecta automáticamente aplicaciones Node.js y las despliega. Las variables de entorno se introducen en el panel de Vercel, no en el código. Después del despliegue, puede probar la API mediante solicitudes POST a https://[nombre].vercel.app/chat y https://[nombre].vercel.app/create-payment-intent

    Vercel ↗
💰 Cuánto cuesta seguirloprecios a 2026-07
  • gratisChatGPT (cuenta gratuita)40 solicitudes cada 3 horas; para uso más frecuente necesita la suscripción ChatGPT Plus ($20/mes).
  • gratisCodePen o Replit (plan gratuito)Completamente gratuito para editar y probar código en el navegador.
  • gratisStripe (modo de prueba)Pruebe pagos gratis en modo sandbox; al cambiar a claves de producción, comisión de 2.9% + $0.30 por transacción.
  • gratisVercel o Netlify (nivel gratuito)Despliegue frontend gratis; para backend requiere plan de pago ($7+/mes) o funciones serverless con límites.
Pruébalo y sé el primero en marcarlo

Por qué hoy

OpenAI Documentationweb
Stripe Documentationweb
Vercel Documentationweb

Los servicios de IA cambian rápido - las interfaces y los límites gratuitos pueden diferir de lo descrito.