Skip to main content
Get FunnelFox Billing running with a simple subscription product. This guide walks you through creating a product, adding checkout to your funnel, and testing the complete payment flow.
Prerequisites: You need FunnelFox Billing enabled and at least one PSP (like Stripe) connected to your project. See Billing Overview if you haven’t completed these steps.

​
Step 1: Create your first product

Start with a simple monthly subscription to understand the basics.
1

Navigate to Products

Go to Products in your dashboard.
2

Create new product

Click Create product and enter:
  • Name: “Premium access” (or your product name).
  • Description: Optional description for internal reference.
3

Add pricing

Click Add and configure a new price:
  • Amount: $9.99 (or your price).
  • Currency: USD.
  • Billing period: Monthly.
  • Billing interval: Every 1 month.
  • Trial: None (keep it simple for now).
Click Save to create the price.

​
Step 2: Add Checkout to your funnel

Now connect your product to a funnel for customers to purchase.
1

Open funnel editor

  1. Go to Funnels.
  2. Open a funnel (or create a new one).
2

Add Checkout element

  1. Click Add and select the Checkout element in the left panel.
  2. Go to the Element tab of your Checkout.
3

Select your price

In the checkout settings:
  1. Choose the product you just created.
  2. Select the $9.99 monthly price.
  3. Configure display options (if needed).
  4. Save your changes.
Lear more about configuring Checkout.
4

Publish the funnel

Click Publish to make your changes live. The checkout will now work in both preview and production modes.

​
Step 3: Test your setup

Always test the complete flow before launching to customers.
1

Enter preview mode

Click Preview in the funnel editor to test without affecting live traffic.
2

Complete test purchase

Use these test card details:
  • Card number: 4242 4242 4242 4242.
  • Expiry: Any future date (e.g., 12/34).
  • CVC: Any 3 digits (e.g., 123).
  • ZIP: Any valid ZIP code.
Complete the checkout process.
3

Verify subscription

After successful payment:
  1. Go to Subscriptions.
  2. Find your test subscription.
  3. Click to view details.
You should see the subscription status as “Active”.
4

Check customer profile

  1. Go to Customers.
  2. Find the test customer.
  3. Verify their subscription appears correctly.
Testing tip: Use different test cards to simulate various scenarios like declined payments or 3D Secure challenges. See Testing Guide for a complete list of test cards.

​
Nest steps

⌘I