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: Brief description for internal reference
3
Add pricing
Click Add Price and configure:
- Amount: $9.99 (or your price)
- Currency: USD
- Billing period: Monthly
- Billing interval: Every 1 month
- Trial: None (keep it simple for now)
Why start simple? You can always add more complex pricing later.
Starting with a basic monthly subscription helps you understand the
flow before adding trials, annual plans, or other variations.
Step 2: Add Checkout to Your Funnel
Now connect your product to a funnel for customers to purchase.1
Open funnel editor
- Go to Funnels
- Select a funnel (or create a new one)
- Click Edit to open the Visual Editor
2
Add checkout element
- Find the Checkout element in the left panel
- Drag it onto your paywall or pricing screen
- Click the checkout element to configure
3
Select your price
In the checkout settings:
- Choose the product you just created
- Select the $9.99 monthly price
- Configure display options (if needed)
- Save your changes
4
Publish the funnel
Click Publish to make your changes live. The checkout will now
work in both preview and production modes.
Common mistake: Forgetting to select a price in the checkout element.
Without a selected price, the checkout won’t process payments even if
everything else is configured correctly.
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
3
Verify subscription
After successful payment:
- Go to Subscriptions
- Find your test subscription
- Click to view details
4
Check customer profile
- Go to Customers
- Find the test customer
- 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.
What’s Next?
Add More Features
Now that basic billing works, enhance your setup:Add Free Trials
Offer 7 or 14-day trials to reduce purchase friction. Configure in
the price settings when creating products.
Multiple Price Points
Create monthly and annual options. Add discount messaging to encourage
annual purchases.
Upgrade Flows
Build upsell funnels for existing customers. Use customer data to
personalize offers.
Retention Offers
Create cancellation funnels with pause or discount options. Reduce
churn with targeted offers.
Production Checklist
Before accepting real payments:- Switch to live PSP credentials (not test mode)
- Test with real payment methods in small amounts
- Configure email notifications for customers
- Set up webhook endpoints for PSP events
- Create customer support documentation
- Plan for common scenarios (refunds, cancellations)
- Review retry and dunning settings
Common Issues
Checkout shows 'No products available'
Checkout shows 'No products available'
Ensure you’ve:
- Created at least one product with pricing
- Published the product (not in draft)
- Selected a price in the checkout element
- Published the funnel after adding checkout
Test payment fails
Test payment fails
Check that you’re:
- Using test mode credentials (not production)
- Using valid test card numbers
- Using future expiry dates
- In a supported country/currency
Subscription doesn't appear
Subscription doesn't appear
Verify:
- Payment was successful (check PSP dashboard)
- Webhooks are configured correctly
- You’re looking in the right project
- Refresh the subscriptions page
Advanced Configuration
Once comfortable with basics, explore advanced features:International Considerations
Multi-currency- Create prices in local currencies
- Avoid conversion fees for customers
- Display native currency symbols
- Adjust for purchasing power
- Consider local competition
- Test price sensitivity
Need Help?
If you encounter issues:- Review our Testing Guide for test scenarios
- Check Payment Flow documentation