Integration guide · 9 min read

Come aggiungere pagamenti a un sito vibe-coded — Lovable, v0, Bolt, Cursor, Framer, Webflow, Wix

By Peptide-Pay Team · Published 23 aprile 2026

Schermo laptop diviso: la metà sinistra mostra un IDE Lovable IA che genera una route checkout Next.js in tempo reale, la metà destra mostra il builder visuale Framer con un link di pagamento incollato in un pulsante CTA — i due percorsi di integrazione per negozi IA e no-code.

Hai chiesto a Lovable, v0, Bolt, Cursor o Claude di scaffoldare un negozio di peptidi / nutra / integratori in un weekend. Il front-end ha un bell'aspetto, la sezione hero converte, la griglia prodotti si visualizza — e poi arrivi ad "accettare pagamenti" e tutto si ferma. Stripe rifiuta il verticale. PayPal ban automatico. Il pannello dei pagamenti di default del builder IA non offre nemmeno un'opzione "altro". Se hai un sito generato da IA ("vibe-coded") e un prodotto di categoria ristretta, il problema dell'integrazione dei pagamenti è l'unico vero blocco rimanente. Questa guida spiega come lanciare un checkout carta + Apple Pay + USDC su Lovable, v0, Bolt, Cursor, Replit, Claude, Framer, Webflow, Wix, Squarespace, Carrd o qualsiasi altro builder IA o no-code — usando Peptide-Pay al 3% flat, senza LLC, senza rolling reserve, go-live lo stesso giorno.

Perché i siti generati da IA e no-code falliscono al passo dei pagamenti

Tutti i builder IA attuali (Lovable, v0 by Vercel, Bolt.new, Cursor, lo scaffolding di Claude Code, l'Agent di Replit) usano Stripe di default per i pagamenti perché l'SDK di Stripe è l'API di pagamento più rappresentata nei dati di training su internet. Quando un LLM riceve l'istruzione "aggiungi un checkout", emette un blocco di codice Stripe di default. Le piattaforme no-code (Wix Payments, Squarespace Payments, Webflow Ecommerce, Framer Forms) avvolgono i propri riassumi backed da Stripe o Adyen — stesso backend. Tutte condividono una proprietà: vietano MCC 5122 (farmaci, farmacia), MCC 5912 (farmacia), e le liste di attività ristrette che contengono peptidi, research chemicals, SARMs, nutra e categorie adiacenti.

Il risultato pratico per un negozio di peptidi generato da IA: costruisci un frontend rifinito in un pomeriggio, incolli la chiave Stripe, lanci, ottieni le prime 3 vendite, Stripe Radar contrassegna il tuo descriptor ("Retatrutide", "BPC-157", "kit ricostituzione semaglutide"), e il tuo account viene chiuso un venerdì. Fondi bloccati per 180 giorni.

Peptide-Pay come drop-in per qualsiasi sito IA o no-code

  • HTML statico / no-code / output di prompt IA: genera un link di pagamento nel dashboard, incollalo in qualsiasi <a href="…">. Funziona su Squarespace, Wix, Webflow (piano gratuito), Framer, Carrd, Google Sites, Notion Sites — qualsiasi cosa che renderizza un tag ancora.
  • Next.js / React / SvelteKit scaffoldato da IA: npm install github:kinerette/peptide-pay-sdk, chiama l'SDK da qualsiasi route handler / server action / edge function. La forma dell'SDK rispecchia Stripe, quindi quando chiedi "sostituisci Stripe con Peptide-Pay", il LLM riscrive correttamente al primo tentativo.
  • Negozio WooCommerce: installa il plugin, incolla la tua chiave API + wallet, attiva.

Piattaforma per piattaforma: Lovable, v0, Bolt, Cursor, Claude

Lovable

Lovable genera un'app Next.js. Chiedi: "Sostituisci il checkout Stripe con Peptide-Pay. Installa l'SDK con npm install github:kinerette/peptide-pay-sdk. Leggi la chiave API dall'env PEPTIDEPAY_API_KEY. Nella route checkout, crea una sessione con il totale dell'ordine in centesimi e reindirizza a session.url."

v0 (Vercel)

v0 genera output orientato ai componenti. Chiedi a v0 il componente checkout e emetterà un pulsante che chiama una server action — stessa forma SDK di Lovable. Incolla la tua chiave API nel pannello delle variabili d'ambiente del progetto Vercel.

Bolt.new (StackBlitz)

Bolt.new esegue Next.js in WebContainer. L'integrazione è identica a quella di Lovable — stesso npm install, stesso route handler. Bolt ricaricherà a caldo la tua pagina checkout una volta impostata la env var.

Cursor / Claude Code / Continue.dev

Prompt inline nell'IDE: "Aggiungi checkout Peptide-Pay usando il pacchetto npm. Forma API compatibile Stripe. Route a/api/checkout, reindirizza all'URL di sessione."

L'SDK prompt-friendly — incolla questo snippet in qualsiasi app scaffoldata da IAtypescript
// Una sola route sostituisce l'intero tuo checkout Stripe.
// npm install github:kinerette/peptide-pay-sdk
// Funziona identicamente in: 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}/grazie`,
    cancel_url:  `${process.env.SITE_URL}/carrello`,
    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 — il percorso del link di pagamento

  • Framer: seleziona il pulsante CTA → Link → Esterno → incolla il link di pagamento.
  • Webflow: apri le impostazioni del pulsante → URL del link → incolla.
  • Wix: Impostazioni pulsante → Link → Indirizzo Web → incolla.
  • Squarespace: Blocco Pulsante → URL clic → incolla.
  • Carrd: elemento Pulsante → URL → incolla.

Peptide-Pay vs pagamenti nativi su ogni piattaforma

PiattaformaPagamenti nativiAccetta peptidi?Opzione Peptide-Pay
LovableStripe (default)No — Stripe vietanpm install github:kinerette/peptide-pay-sdk
v0Stripe (default)No — Stripe vietanpm install github:kinerette/peptide-pay-sdk
Bolt.newStripe (default)No — Stripe vietanpm install github:kinerette/peptide-pay-sdk
CursorScelta utente (di solito Stripe)No — Stripe vietanpm install github:kinerette/peptide-pay-sdk
Claude CodeScelta utente (di solito Stripe)No — Stripe vietanpm install github:kinerette/peptide-pay-sdk
Replit AgentStripeNo — Stripe vietanpm install github:kinerette/peptide-pay-sdk
FramerStripe via Framer FormsNo — Stripe vietaLink di pagamento ospitato
WebflowStripe via Webflow EcommNo — Stripe vietaLink di pagamento ospitato
WixWix Payments (Stripe-backed)No — TOS Wix vietaLink di pagamento ospitato
SquarespaceSquarespace Payments (Stripe)No — TOS vietaLink di pagamento ospitato
CarrdNessun nativoN/ALink di pagamento ospitato
WooCommerceWooPayments + 100 altriLa maggior parte vietaPlugin WooCommerce

Lancia prima, incorporati dopo — la sequenza del vibe-coder

  • Nessuna LLC richiesta per iniziare. Connetti un wallet Polygon che possiedi personalmente. Ti incorpori più tardi, una volta che i ricavi lo giustificano.
  • Nessuno storico di elaborazione richiesto. I PSP high-risk (CCBill, AllayPay) richiedono 6–12 mesi di elaborazione carta precedente. Peptide-Pay salta questo — non c'è underwriting perché il processore è non-custodial.
  • Go-live lo stesso giorno. Il tempo mediano dalla registrazione alla prima vendita dal vivo è meno di 15 minuti.

Iniziare su qualsiasi piattaforma vibe-coded o no-code

  1. Registrati — un solo campo, indirizzo wallet Polygon.
  2. Scegli il percorso di integrazione: link di pagamento (no-code), SDK (scaffoldato IA), o plugin (WooCommerce).
  3. Lancia.

Ulteriori letture: Processore di Pagamento per Peptidi, Accetta Pagamenti Crypto sul Tuo Sito, e la pagina di walkthrough su Come funziona.

FAQ

Developer questions, straight answers.

Posso aggiungere Peptide-Pay a un sito generato da Lovable o v0?
Sì, ed è il caso d'uso principale. Sia Lovable che v0 scaffoldano app Next.js con route server. Chiedi all'IA: "Sostituisci l'integrazione Stripe con Peptide-Pay. Installa il pacchetto npm `peptide-pay`. Leggi `PEPTIDEPAY_API_KEY` dall'env. Crea una sessione checkout e reindirizza a session.url." Perché l'SDK di Peptide-Pay ha una forma compatibile con Stripe, il LLM riscrive correttamente al primo tentativo.
Uso Framer / Webflow / Wix / Squarespace — senza codice. Come integro?
Usa un link di pagamento ospitato. Registrati su peptide-pay.com, genera un link nel dashboard per l'importo e la valuta che vuoi addebitare, poi incolla il link nel campo URL del pulsante nel tuo site builder. Gli acquirenti cliccano, atterrano sul checkout Peptide-Pay ospitato, pagano con Apple Pay / Visa / Mastercard / SEPA / USDC, e ricevi un webhook quando il settlement conferma.
Peptide-Pay ha una forma SDK compatibile con Stripe?
Sì, deliberatamente. Il pacchetto npm `peptide-pay` espone `pp.checkout.sessions.create({ amount_cents, currency, success_url, cancel_url, webhook_url, metadata })` — metodologicamente identico alle Stripe Checkout Sessions. Ciò significa che qualsiasi IA pair-programmer (Claude, GPT, Gemini) ha già pattern di dati di training per la forma del metodo e produce codice corretto senza bisogno della nostra documentazione in contesto.
Posso usare Peptide-Pay su WooCommerce?
Sì. Scarica il plugin WooCommerce zip da /download/woocommerce, caricalo in Plugin → Aggiungi → Carica Plugin, attivalo, e incolla la tua chiave API + wallet Polygon nelle impostazioni del plugin. Zero codice.
Sto vibe-codando un negozio GLP-1 / semaglutide / tirzepatide. Peptide-Pay mi permetterà di vendere quelli?
Non direttamente. I TOS di Peptide-Pay escludono la vendita diretta al dettaglio di farmaci soggetti a prescrizione. La giusta architettura per un progetto GLP-1 è un modello di teleconsultazione come servizio: una clinica con licenza di prescrizione esamina ogni paziente, emette una prescrizione legale, e una farmacia la prepara. Peptide-Pay può servire come riel di pagamento per i costi di consulenza e i servizi della clinica, ma non per una farmacia al dettaglio.
Keep reading

Related guides

Ready to integrate Peptide-Pay?

Paste your Polygon wallet, drop in the SDK, done. No LLC required, no rolling reserve, same-day go-live — 3% flat.