***

title: Go live with PaymentKit
subtitle: >-
This guide takes you from creating your account to completing your first
transaction, covering both no-code and fully integrated implementations.
Follow the steps that match your chosen approach.
-------------------------------------------------

<Note title="For LLMs">
  To explore the full documentation structure, see our [sitemap](https://docs.paymentkit.com/sitemap.xml).
</Note>

# Before you begin

Complete these **core setup steps**:

<CardGroup cols={3}>
  <Card title="Create your product catalog" icon="duotone boxes-stacked" darkModeColor="#C6C7F8" lightModeColor="#121594" href="/guides/product-catalog">
    Define the products you want to sell, including one-time and recurring pricing.
  </Card>

  <Card title="Connect your payment processor" icon="duotone plug" darkModeColor="#C6C7F8" lightModeColor="#121594" href="/guides/payment-orchestration">
    Connect one or more supported payment processors (for example, Stripe or PayPal) to begin accepting payments.
  </Card>

  <Card title="Configure your settings" icon="duotone gear" darkModeColor="#C6C7F8" lightModeColor="#121594" href="/guides/settings">
    Configure branding, invoices, checkout behavior, and other account-level settings.
  </Card>
</CardGroup>

Consider setting up a <a href="https://staging.paymentkit.com/">staging site</a> to test integrations without affecting live payments.

<Card title="Create a staging site to explore PaymentKit without impacting live payments" icon="duotone door-open" darkModeColor="#C6C7F8" lightModeColor="#121594" href="https://staging.paymentkit.com/">
  Use this environment to experiment, customize your setup, and validate your integration before going live.
</Card>

***

# Choose your integration path

Select how you want to integrate PaymentKit.

| Option               | **When to use it**                                                           | Next steps                                                                                                                                                                   |
| -------------------- | ---------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **No-code**          | Best for teams that want to go live quickly without writing code.            | Continue to [**Go live with no-code tools →**](https://docs.paymentkit.com/guides/getting-started/go-live-with-payment-kit#go-live-with-no-code-tools)                       |
| **Fully integrated** | Best for platforms that need a custom checkout experience or deeper control. | Continue to [**Go live with a fully integrated setup →**](https://docs.paymentkit.com/guides/getting-started/go-live-with-payment-kit#go-live-with-a-fully-integrated-setup) |

<Callout intent="info">
  You can start with no-code tools and move to a fully integrated setup at any time.
</Callout>

***

# Go live with no-code tools

Use PaymentKit’s hosted tools to start accepting payments without writing code.

<Tip title="Before you begin" intent="launch">
  Before enabling production payments, ensure your product catalog, payment processor credentials, and webhooks are correctly configured for your production environment.
</Tip>

<CardGroup cols={3}>
  <Card title="Create a checkout session" icon="duotone cash-register" darkModeColor="#C6C7F8" lightModeColor="#121594" href="/guides/hosted-pages/checkout-sessions">
    Generate a secure checkout link that customers can use to purchase specific products.
  </Card>

  <Card title="Create a subscription" icon="duotone hand-holding-box" darkModeColor="#C6C7F8" lightModeColor="#121594" href="/guides/billing/subscriptions/create-a-subscription">
    Set up subscriptions to manage recurring billing.
  </Card>

  <Card title="Create an invoice" icon="duotone file-invoice" darkModeColor="#C6C7F8" lightModeColor="#121594" href="/guides/billing/invoices/create-an-invoice">
    Generate invoices to collect one-time payments from customers.
  </Card>
</CardGroup>

***

# Go live with a fully integrated setup

Integrate PaymentKit directly into your platform using the API.

<Tip title="Before you begin" intent="launch">
  Before enabling production payments, ensure your product catalog, payment processor credentials, and webhooks are correctly configured for your production environment.
</Tip>

<CardGroup cols={3}>
  <Card title="Generate API keys" icon="duotone diagram-sankey" darkModeColor="#C6C7F8" lightModeColor="#121594" href="/guides/integration">
    Create API keys to authenticate requests from your application.
  </Card>

  <Card title="Set up webhooks" icon="duotone webhook" darkModeColor="#C6C7F8" lightModeColor="#121594" href="/guides/integration/webhooks">
    Configure webhooks to receive events for key payment lifecycle changes, such as successful charges and failed payments.
  </Card>

  <Card title="Implement checkout" icon="duotone credit-card-blank" darkModeColor="#C6C7F8" lightModeColor="#121594" href="/guides/integration/sdk-reference/payment-kit-js/getting-started">
    Add PaymentKit Checkout to securely collect payment details and complete transactions within your application.
  </Card>
</CardGroup>

## Reference

<Card title="API reference" icon="duotone code" darkModeColor="#C6C7F8" lightModeColor="#121594" href="https://docs.paymentkit.com/api-reference/api-reference">
  Explore all available endpoints, requests and response schemas, and error codes for the PaymentKit API.
</Card>