> ## Documentation Index
> Fetch the complete documentation index at: https://funnelfox.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Billing quickstart

> Get started with FunnelFox billing in minutes. Connect a payment provider, create products, and launch your first checkout flow.

Set up FunnelFox Billing and start accepting subscription payments in just a few steps. Choose the setup that matches your funnel configuration.

## Before you begin

Contact your Customer Success Manager to enable FunnelFox Billing for your project before you start.

## Set up FunnelFox Billing

<Tabs>
  <Tab title="Integrated with FunnelFox">
    This setup works with funnels built with FunnelFox.

    <Steps>
      <Step title="Integrate FunnelFox Billing with FunnelFox">
        Follow the integration guide to connect FunnelFox Billing as your unified billing layer for funnels built in FunnelFox.

        <Card title="View integration guide for FunnelFox Billing with FunnelFox" icon="code" href="/billing/integration-billing-funnelfox" arrow="true" horizontal="true" />
      </Step>

      <Step title="Create products and prices in FunnelFox">
        Define products and pricing in the [Product catalog](https://app.funnelfox.com/products) of your FunnelFox dashboard. Products and pricing remain consistent across all connected payment providers.

        <Card title="Create and manage products" icon="box" href="/dashboard/products" arrow="true" horizontal="true" />
      </Step>

      <Step title="Select FunnelFox Billing as PSP in Checkout">
        Add Checkout elements to your funnel and configure FunnelFox Billing as the payment provider.

        <Card title="Create Checkout element" icon="cart-shopping" href="/elements/checkout" arrow="true" horizontal="true" />
      </Step>

      <Step title="Configure subscription products in Checkout">
        Choose which product(s) customers can purchase in that funnel step and configure subscription options.

        <Card title="Configure Checkout element" icon="sliders" href="/elements/checkout#subscription-configuration" arrow="true" horizontal="true" />
      </Step>

      <Step title="Manage and orchestrate payments in FunnelFox Billing">
        FunnelFox Billing routes payments across providers and protects your revenue with retry logic and payment cascading.

        <Card title="Manage payments" icon="wallet" href="/billing/paymentflow" arrow="true" horizontal="true" />
      </Step>

      <Step title="Manage subscriptions">
        View and manage the subscription lifecycle—including trials, upgrades, downgrades, pauses, and cancellations—from a unified subscription system.

        <Card title="Manage subscriptions" icon="list-check" href="/billing/subscription-management-overview" arrow="true" horizontal="true" />
      </Step>
    </Steps>
  </Tab>

  <Tab title="Integrated with Web SDK">
    This setup works with your custom funnels, which are integrated with FunnelFox Billing’s Subscription Engine API through FunnelFox Billing Web SDK.

    <Steps>
      <Step title="Integrate FunnelFox Billing with your custom funnel via Web SDK">
        If your checkout runs in a custom funnel (outside FunnelFox), follow the integration guide to connect FunnelFox Billing through the Web SDK.

        <Card title="View integration guide for FunnelFox Billing with Web SDK" icon="code" href="/billing/integration-web-sdk" arrow="true" horizontal="true" />
      </Step>

      <Step title="Create Offerings (Features) in the FunnelFox Billing dashboard">
        An Offering (Feature) represents what users get access to with their subscription (for example, `premium_access`).

        Each Offering (Feature) has a unique identifier called `ident` that you'll reference in your subscription setup.

        <Callout icon="rocket" color="#e18535">
          Detailed documentation is coming soon!
        </Callout>
      </Step>

      <Step title="Create Price Points in the FunnelFox Billing dashboard">
        A Price Point is a product definition with pricing. It defines the pricing and terms for an Offering (Feature), including billing cycle and trial options.

        Examples:

        * `1€ trial for 30 days, then 5€/month`
        * `€49/year with no trial`

        <Callout icon="rocket" color="#e18535">
          Detailed documentation is coming soon!
        </Callout>
      </Step>

      <Step title="Create checkout on your paywall pages">
        Use the `createCheckout` Web SDK method to accept payments for your products (Price Points) and tokenize payment credentials.

        <Card title="Create checkout with Web SDK" icon="cart-shopping" href="/develop/create-checkout" arrow="true" horizontal="true" />
      </Step>

      <Step title="Manage and orchestrate payments in FunnelFox Billing">
        FunnelFox Billing routes payments across providers and protects your revenue with retry logic and payment cascading.

        <Card title="Manage payments" icon="wallet" href="/billing/paymentflow" arrow="true" horizontal="true" />
      </Step>

      <Step title="Manage subscriptions">
        Manage subscriptions from the FunnelFox Billing dashboard or API. Subscription state is maintained independently of any payment service provider (PSP).

        <Card title="Manage subscriptions" icon="list-check" href="/billing/subscription-management-overview" arrow="true" horizontal="true" />
      </Step>
    </Steps>
  </Tab>
</Tabs>

## Next steps

* [Integrate FunnelFox Billing](/billing/integration-billing-funnelfox) with FunnelFox
* [Integrate FunnelFox Billing](/billing/integration-web-sdk) with your custom funnel via Web SDK