Checkout pages for Products & Plans

Allow customers to subscribe to your products or plans

Michiel Sikkes avatar
Written by Michiel Sikkes
Updated over a week ago

All checkout pages for the products and/or plans you set up are automatically generated. In this article you'll learn where to find and how to adjust them.

This works slightly different based on the subscription business type of your project:

  • Smart Order-based subscription: Your customers subscribe to products where they pay per order based on a personalized replenishment schema.

  • Product as Service Subscription: Your customers subscribe to your products + any additional services by paying a recurring monthly amount based on the Plan they sign up for.

This article covers both project types.

Checkout pages for smart order-based subscriptions

Go to "Products" and find the product you want to get the payment link for. Click on the three horizontal dots and then on "View Payment Page". This will open the products payment page in a new window.

You can send that link to your customers or integrate it in your existing website.

Adjusting the quantity

By default the quantity of a product is set to 1. If you want to adjust that click click on the URL in your browser and go to the end of the URL. There you will find a number that represents the quantity. Adjust it as you wish.

As of right now it's not possible yet for your customers to change the quantity of a product in the checkout.

Product as Service Subscription

Go to "Plans" and find the plan you want to get the payment link for. Click on the three horizontal dots and then on "View Payment Page". This will open the plans payment page in a new window.

You can send that link to your customers or integrate it in your existing website.

Creating a link that checks out to a plan AND products

If you need to create a link that checks out to a plan and one (or several) products you can also do that by adjusting the URL

To do that you will need the product slug. You can find that if you navigate to Products in the main menu. The slug is located right underneath a products name:

And here's how to adjust the payment link:

https://checkout.firmhouse.com/en/demo-project?plan=my-plan&products=my-product

If you need to add several products use a comma as a separator

https://checkout.firmhouse.com/en/demo-project?plan=my-plan&products=my-product,another-product,even-more-products

If the products show up in the order break down on the right hand side you successfully created the link:

You can build even more sophisticated checkout URLs. We've prepared a few examples in this article: Build advanced checkout URL's

Did this answer your question?