Cómo añadir pagos a un sitio vibe-coded — Lovable, v0, Bolt, Cursor, Framer, Webflow, Wix

Le pediste a Lovable, v0, Bolt, Cursor o Claude que scaffoldeara una tienda de péptidos / nutra / suplementos en un fin de semana. El front-end tiene buena pinta, la sección hero convierte, la cuadrícula de productos se muestra — y entonces llegas a "aceptar pagos" y todo se detiene. Stripe rechaza el vertical. PayPal ban automático. El panel de pagos por defecto del builder de IA ni siquiera ofrece una opción "otro". Si tienes un sitio generado por IA ("vibe-coded") y un producto de categoría restringida, el problema de integración de pagos es el único bloqueador real que queda. Esta guía explica cómo lanzar un checkout tarjeta + Apple Pay + USDC en Lovable, v0, Bolt, Cursor, Replit, Claude, Framer, Webflow, Wix, Squarespace, Carrd o cualquier otro builder IA o no-code — usando Peptide-Pay al 3% flat, sin LLC, sin rolling reserve, go-live el mismo día.

Por qué los sitios generados por IA y no-code fallan en el paso de pagos

Todos los builders IA actuales (Lovable, v0 by Vercel, Bolt.new, Cursor, el scaffolding de Claude Code, el Agent de Replit) usan Stripe por defecto para pagos porque el SDK de Stripe es la API de pagos más representada en datos de entrenamiento en internet. Cuando un LLM recibe la instrucción "añadir un checkout", emite un bloque de código Stripe por defecto. Las plataformas no-code (Wix Payments, Squarespace Payments, Webflow Ecommerce, Framer Forms) envuelven sus propios rieles respaldados por Stripe o Adyen — mismo backend. Todas comparten una propiedad: prohíben MCC 5122 (medicamentos, farmacia), MCC 5912 (farmacia), y las listas de negocios restringidos que contienen péptidos, research chemicals, SARMs, nutra y categorías adyacentes.

El resultado práctico para una tienda de péptidos generada por IA: construyes un frontend pulido en una tarde, pegas la clave de Stripe, lanzas, obtienes tus primeras 3 ventas, Stripe Radar marca tu descriptor ("Retatrutide", "BPC-157", "kit reconstitución semaglutida"), y tu cuenta se termina un viernes. Fondos congelados durante 180 días. La factura del builder IA de 2.000€ se pierde.

Peptide-Pay como drop-in para cualquier sitio IA o no-code

Peptide-Pay está deliberadamente diseñado para sitios vibe-coded. La superficie pública son tres primitivas — enlace de pago, SDK npm, plugin WooCommerce — y una de las tres encaja en cada builder IA y plataforma no-code del mercado:

• HTML estático / no-code / output de prompt IA: genera un enlace de pago en el dashboard, pégalo en cualquier <a href="…">. Funciona en Squarespace, Wix, Webflow (plan gratuito), Framer, Carrd, Google Sites, Notion Sites — cualquier cosa que renderice una etiqueta de anclaje.
• Next.js / React / SvelteKit scaffoldeado por IA: npm install github:kinerette/peptide-pay-sdk, llama al SDK desde cualquier route handler / server action / edge function. La forma del SDK refleja Stripe, así que cuando le pides "reemplaza Stripe por Peptide-Pay", el LLM reescribe correctamente a la primera.
• Tienda WooCommerce: instala el plugin, pega tu clave API + wallet, activa.

Plataforma por plataforma: Lovable, v0, Bolt, Cursor, Claude

Lovable

Lovable genera una app Next.js. Pide: "Reemplaza el checkout de Stripe por Peptide-Pay. Instala el SDK con npm install github:kinerette/peptide-pay-sdk. Lee la clave API del env PEPTIDEPAY_API_KEY. En la ruta de checkout, crea una sesión con el total del pedido en céntimos y redirige a session.url." Lovable escribe el route handler de abajo, luego scaffolda una ruta webhook en /api/pp-webhook.

v0 (Vercel)

v0 genera output orientado a componentes. Pídele a v0 el componente de checkout y emitirá un botón llamando a una server action — misma forma de SDK que Lovable. Pega tu clave API en el panel de variables de entorno del proyecto Vercel.

Bolt.new (StackBlitz)

Bolt.new ejecuta Next.js en WebContainer. La integración es idéntica a la de Lovable — mismo npm install, mismo route handler. Bolt recargará en caliente tu página de checkout una vez que se establezca la env var. Puedes desplegar directamente en Vercel desde la UI de Bolt.

Cursor / Claude Code / Continue.dev

Prompts inline en el IDE: "Añade checkout de Peptide-Pay usando el paquete npm. Forma API compatible con Stripe. Ruta en/api/checkout, redirige a la URL de sesión."Cualquier LLM 2024+ tiene patrones Stripe en contexto; el SDK de Peptide-Pay mapea 1:1, así que el output compila a la primera.

// Una sola ruta reemplaza todo tu checkout de Stripe.
// npm install github:kinerette/peptide-pay-sdk
// Funciona idénticamente en: Lovable, v0, Bolt, Cursor, Claude Code,
// Replit Agent, Next.js, Remix, SvelteKit, Nuxt, Astro, Hono.

import { PeptidePay } from 'peptide-pay';

const pp = new PeptidePay(process.env.PEPTIDEPAY_API_KEY!);

// POST /api/checkout
export async function POST(req: Request) {
  const { items } = await req.json();
  const amountCents = items.reduce(
    (sum: number, it: { price: number; qty: number }) => sum + it.price * it.qty, 0
  );

  const session = await pp.checkout.sessions.create({
    amount_cents: amountCents,
    currency: 'EUR',
    success_url: `${process.env.SITE_URL}/gracias`,
    cancel_url:  `${process.env.SITE_URL}/carrito`,
    webhook_url: `${process.env.SITE_URL}/api/pp-webhook`,
    metadata: { items: JSON.stringify(items) },
  });

  return Response.redirect(session.url, 303);
}

Framer, Webflow, Wix, Squarespace, Carrd — el camino del enlace de pago

Las plataformas no-code / low-code no exponen un backend al que puedas npm install. La respuesta en esas plataformas son los enlaces de pago alojados de Peptide-Pay: genera uno en el dashboard del merchant, pégalo en la URL de destino del elemento botón.

• Framer: selecciona el botón CTA → Enlace → Externo → pega el enlace de pago.
• Webflow: abre la configuración del botón → URL del enlace → pega. Establece el destino en la pestaña actual.
• Wix: Configuración del botón → Enlace → Dirección web → pega.
• Squarespace: Bloque de botón → URL de clic → pega.
• Carrd: elemento Botón → URL → pega.

Peptide-Pay vs pagos nativos en cada plataforma

Lanza primero, incorpórate después — la secuencia del vibe-coder

• Sin LLC requerida para empezar. Conectas un wallet de Polygon que posees personalmente. Te incorporas más adelante, una vez que los ingresos lo justifican.
• Sin historial de procesamiento requerido. Los PSP high-risk (CCBill, AllayPay) requieren 6–12 meses de procesamiento previo de tarjetas. Para una tienda vibe-coded que acaba de lanzar, es un problema del huevo y la gallina. Peptide-Pay lo salta — no hay underwriting porque el procesador es no custodial.
• Go-live el mismo día. El tiempo mediano desde el registro hasta la primera venta en vivo es menos de 15 minutos.

Recordatorio de cumplimiento para tiendas generadas por IA

La velocidad del scaffolding IA va en ambos sentidos: facilita lanzar una tienda, incluyendo una ilegal. Peptide-Pay proporciona el riel de pago, no una capa de cumplimiento. Tú como merchant de referencia eres responsable de la legalidad del producto, el texto de disclaimer de research compound, tu propia recaudación y remisión de IVA o impuesto de ventas, y el estado de prescripción: semaglutida / tirzepatida / GLP-1s son de prescripción en la mayoría de jurisdicciones.

Empezar en cualquier plataforma vibe-coded o no-code

1. Regístrate — un solo campo, dirección wallet Polygon.
2. Elige la ruta de integración: enlace de pago (no-code), SDK (scaffoldeado IA), o plugin (WooCommerce).
3. Lanza. Lee la guía completa de Integración y la Doc si quieres opciones avanzadas.

Más información: Procesador de Pagos para Péptidos, Acepta Pagos Cripto en Tu Web, y la página de walkthrough en Cómo funciona.