01
Stay in the Chat
Prompt Lovable to add Clink and the agent wires checkout, webhooks, and a customer portal — no SDK archaeology, no leaving the editor.
Platforms · Lovable
You vibe-coded the app. Now add payments without leaving the chat — Clink wires checkout, subscriptions, smart routing, and global tax into your Lovable project in a single prompt.
Built for Lovable. Powered by Clink.
Why Clink for Lovable
01
Prompt Lovable to add Clink and the agent wires checkout, webhooks, and a customer portal — no SDK archaeology, no leaving the editor.
02
Clink is the seller of record on every transaction. Global VAT, GST, sales tax, refunds, and chargebacks are handled for you.
03
Bring your own Stripe, Adyen, or Checkout.com keys. Clink orchestrates them — no proprietary lock-in, no rewrites when you swap PSPs.
Prompt the integration
Lovable handles your UI and Supabase backend. Clink handles money. Drop any of these into chat to get started.
You · in Lovable chat
› Add Clink payments with a $29/mo Pro plan.
You · in Lovable chat
› Set up a Clink checkout for my $197 digital course.
You · in Lovable chat
› Add Starter $9, Pro $29, Enterprise $99 tiers with a 14-day trial.
The walkthrough
Open your project, ask Lovable to add Clink, and the agent installs the integration skill, scaffolds the checkout, and creates webhook routes for you.
Online onboarding with a streamlined KYC. A Chinese-speaking team supports you on WeChat or Feishu — most merchants go live in 1–2 business days.
Subscriptions, one-time products, or hybrid usage-based pricing. Change tiers, trials, or promo codes by prompting Lovable again.
Sandbox keys are wired automatically. Run buy, renew, cancel, failed-renewal, and trial-to-paid flows before you ever take a real card.
Switch the environment toggle. Clink takes over cross-border tax, fraud screening, and payouts — your Lovable code does not change.
Test in the preview
The preview environment runs in test mode by default. Use the sandbox cards below to step through the full subscription lifecycle before you flip to live.
// CheckoutButton.tsx — generated by Lovable
import { clink } from "@clink/checkout";
export function CheckoutButton({ priceId }) {
const open = () => clink.checkout.open({
priceId,
mode: "test",
onSuccess: (session) =>
supabase.from("orders").insert(session),
});
return (
<button onClick={open}>
Upgrade to Pro
</button>
);
}
Lovable scaffolds this component for you — no manual SDK setup.
Made for coding agents
Install clink-integ-skills in Lovable, Claude Code, Cursor, or Codex and the agent owns the whole integration — checkout flow, webhook signatures, subscription routing, and agent payments. No doc-diving, no copy-pasting keys.
# In Lovable chat
› Add Clink payments with a $29/mo Pro plan and a 14-day trial.
# Clink Skill
✓ Catalog created in Clink
✓ Checkout component added
✓ Webhook handler wired
✓ Customer portal route shipped
Live in test mode. Ready to publish.
Go-live readiness
Clink runs a readiness check against every published Lovable project. Clear the list and you are taking real cards — usually within a day.
Talk to onboardingFAQ
Talk to the Clink team about Global Payments, Smart Routing, Billing, and Clink for Claw — through a single API.
Discover Clink→