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

# Set up a Firmhouse checkout page

> Walk through creating a Firmhouse checkout page you can link to from your webshop so customers can subscribe to your products in just a few clicks.

Letting customers subscribe to your products is easy and doesn't require a lot of configuration. This guide walks you through creating a checkout page that you can link to from your webshop so that customers can subscribe to your products.

## Overview

Follow these steps to create a checkout page:

1. Create a product or a plan
2. Customise your checkout page
3. Configure a payment provider

## Step 1: Create a product or a plan

First you need to create a product or a plan that your customers can subscribe to. Firmhouse then automatically generates a payment page that you can link to from your webshop.

* [Learn how to create a product or plan checkout page](/configure/firmhouse-checkout/checkout-pages-products-plans)

Once you created a product or plan you can preview its payment page by clicking on "View checkout page" next to it.

<img src="https://mintcdn.com/firmhousebv/NiJf2WB6c8vyXCUi/images/docs-configure-firmhouse-checkout-setup-checkout-page-view-checkout-page-dev-aa.png?fit=max&auto=format&n=NiJf2WB6c8vyXCUi&q=85&s=1633fac0ab0e5aeecdebcdd459e6d92d" alt="View Checkout Page Button" width="2880" height="2000" data-path="images/docs-configure-firmhouse-checkout-setup-checkout-page-view-checkout-page-dev-aa.png" />

> **Pro tip**: You can also create checkout pages that [combine different products and plans](/configure/firmhouse-checkout/advanced-checkout-urls).

## Step 2: Customise your checkout page

You are able to customise the text, your brand, and add additional form fields.

<img src="https://mintcdn.com/firmhousebv/NiJf2WB6c8vyXCUi/images/docs-configure-firmhouse-checkout-setup-checkout-page-checkout-example-dev-aa.png?fit=max&auto=format&n=NiJf2WB6c8vyXCUi&q=85&s=012e9924e1630031a69341fd8b329646" alt="Checkout Page Example" width="2880" height="2000" data-path="images/docs-configure-firmhouse-checkout-setup-checkout-page-checkout-example-dev-aa.png" />

Click on **Checkout** in the main menu in order to:

* Adjust copy such as headlines and a customised confirmation message
* Customise the appearance by adding a logo and setting an accent color
* Link to your terms and conditions

<img src="https://mintcdn.com/firmhousebv/NiJf2WB6c8vyXCUi/images/docs-configure-firmhouse-checkout-setup-checkout-page-checkout-settings-dev-aa.png?fit=max&auto=format&n=NiJf2WB6c8vyXCUi&q=85&s=7bbb104adc6c3d07d8f8a9ae74591eb4" alt="Checkout Settings" width="2880" height="2000" data-path="images/docs-configure-firmhouse-checkout-setup-checkout-page-checkout-settings-dev-aa.png" />

### Extra fields

If you need more form fields you can go to **Checkout Flow > Extra fields & validation**. This can be useful if you need to collect additional details from your customer, like their date of birth or their driver's license number, for example. See [Extra Fields](/configure/extra-fields) for more information.

### Analytics and tracking

You can track visits, conversions, and other metrics in your checkout flow by using a tag manager. See [Add analytics and tracking scripts to Firmhouse Checkout](/configure/firmhouse-checkout/analytics-tracking-scripts) for setup instructions.

### Custom domain

Get in touch with us to run your checkout flow or Self Service Center on a custom domain. Available on all plans.

Firmhouse support will provide the DNS record that needs to be added for your domain, usually a `CNAME` record. After you add the record in your DNS provider, let us know so we can link the domain to the correct project.

If you want separate domains for production and testing environments, use separate subdomains for each project. For example:

* `subscriptions.example.com` for your production project
* `uat-subscriptions.example.com` for your UAT or test project

Avoid relying on a path such as `/uat` when you need the test environment to match your production URL structure. A separate subdomain keeps the path structure the same across environments.

## Step 3: Configure a payment provider

You're almost ready to collect payments. The last step is to configure a payment provider. Follow the link at the bottom of your payment page and set up your payment provider.

<img src="https://mintcdn.com/firmhousebv/NiJf2WB6c8vyXCUi/images/docs-configure-firmhouse-checkout-setup-checkout-page-payment-provider-setup-dev-bg3-aa.png?fit=max&auto=format&n=NiJf2WB6c8vyXCUi&q=85&s=b5d0ef9d47d0f06cc928eaba43ba6375" alt="Payment Provider Setup" width="2880" height="1620" data-path="images/docs-configure-firmhouse-checkout-setup-checkout-page-payment-provider-setup-dev-bg3-aa.png" />

See [Payment Providers](/configure/payment-providers/using-adyen-as-payment-provider) for detailed setup instructions.
