Skip to content
← All connectors
Commerce

Checkout Page

Use Checkout Page with AI apps and agents through Vercel Connect. Follow a complete setup guide for secure runtime access.

Create Connector

  1. Install the skill

    $ npx skills add vercel/vercel-plugin --skill vercel-connect

  2. Connect to Checkout Page

    Via CLIVercel Dashboard(opens in new tab)
    $ vercel connect create checkout-page --name acme-checkout-page

  3. Use its data in agents(opens in new tab) and apps(opens in new tab)

    import { getToken } from '@vercel/connect';
    

    const userId = 'user_123';
    

    const token = await getToken('checkout-page/acme-checkout-page', {
      subject: { type: 'user', id: userId },
    });

Use Checkout Page in apps and agents

Create checkout pages and forms, and manage payments, subscriptions, customers, and coupons.

Read the Checkout Page developer docs(opens in new tab)

Why use Vercel Connect with Checkout Page?

  • Credentials on demand

    Request Checkout Page credentials only when your application or agent needs them instead of copying secrets into application code.

  • Access for the right subject

    Request user-authorized Checkout Page access so actions follow the identity and permissions of the person using your application.

  • Centralized credential management

    Manage Checkout Page credentials in one place and retrieve them through a consistent runtime API.

  • Vercel-native controls

    Bind connections to the projects and environments that need them while Vercel OIDC authenticates each runtime request.

Use Checkout Page with your stack

Follow a complete setup for the Connect SDK or a supported agent framework.

Add Checkout Page to an existing Vercel application with the Connect SDK.

  1. Install the Connect SDK

    npm install @vercel/connect

  2. Create the Checkout Page connector

    Run these commands from the project that will use the connection.

    vercel link
    vercel connect create checkout-page --name acme-checkout-page
    vercel env pull

  3. Request Checkout Page credentials

    app/api/route.ts
    import { getToken } from '@vercel/connect';
    

    const userId = 'user_123';
    

    const token = await getToken('checkout-page/acme-checkout-page', {
      subject: { type: 'user', id: userId },
    });

More connectors like Checkout Page

Browse all connectors