Checkout

Checkout

Overview

Checkout Pages enable your organization to sell carbon removal to your customers by creating your own storefront in a less than a minute.

Each Checkout page is a mini-storefront. You choose the project and quantity. Visitors to the page will be asked for their credit card information and Patch handles the entire payment flow for you, and sends a receipt to the end-buyer.

To create a new Checkout or view existing ones, visit the Checkout page in the Dashboard. Checkout pages that you create are available through a unique Patch hosted link which is publicly accessible by anyone on the internet.

Billing

Your end-users will be asked for their email and credit card information. Patch does not store the credit card information, which is sent directly to our payment provider in PCI-compliant fashion. The email address will be used exclusively to send the buyer an order receipt.

Orders placed through Checkout pages will be shown on the Orders page in your dashboard. Unlike orders placed through the API (or the dashboard), Checkout Orders will not be added to your monthly invoice, as they've already been paid for by your end users.

Languages supported

All checkout pages can be translated by passing the locale= parameter in the URL. For example https://checkout.patch.io/che_prod_6fe042a07ea74b8060e1f344540bcf81?locale=fr will automatically show the page in French.

This is usually best used in combination with the currency parameter (see below): https://checkout.patch.io/che_prod_6fe042a07ea74b8060e1f344540bcf81?locale=fr&currency=eur

We currently support the following locales: en, fr, it, ja.

Currencies supported

Checkout currently supports payments in the following currencies: USD, EUR, GBP, CAD, AUD, PLN, DKK, SEK, CZK, CHF, HUF, JPY.

See Amount Configuration via Query Parameters below for instructions on how to set the currency.

Payment methods supported

We support multiple payment methods for checkout. The payment methods available depend on the currency, and the device the end-user is browsing from.

Cards

We support payment by card in most local and global card networks.

Mobile payments

Name Requirements
Apple Pay Safari on MacOs or iOS, at least one card setup in Apple Wallet
Google Pay Google Chrome, at least one card setup in Google Pay

Note: if you want to embed the checkout page in your mobile app, please make sure you use a method that is compatible with Apple Pay 1 2. Notably, react-native-webview is not compatible.

Amount Configuration

When creating a checkout page, you can either:

Amount and Price Configuration via Query Parameters

You can also configure a Checkout by passing configuration options as Query Parameters in the URL:

Examples:

Project Configuration via Query Parameters

You also have the option to set-up the project dynamically. To do so:

Subscriptions via Query Parameters

We support monthly and yearly subscriptions for all checkout purchases.

When sending a user to a checkout link you can pass the recurring_interval query param with value monthly for a monthly subscription or yearly for a yearly subscription.

If this query parameter is not passed or is passed with some other value then no subscription will be created and this will be a one-time purchase.

Example:

User Email via Query Parameters

When sending a user to a checkout link you can also optionally send their email via the email query param, which will pre-fill the email input in the checkout form.

Example:

Redirect URLs

When creating a Checkout, you can define a "success URL" and a "fallback URL", where your users will be redirected in case of success or failure.

The following parameters will be appended to the URL you defined:

Appending Metadata

Metadata may be added to the order by appending metadata query parameters to the checkout URL.

For example: https://checkout.patch.io/che_prod_6fe042a07ea74b8060e1f344540bcf81?metadata[user_id]=15&metadata[tracking_number]=45

The metadata is:

For example, assuming your success URL is https://your.website.com/success, the checkout will redirect to https://your.website.com/success?metadata%5Buser_id%5D%3D15%26metadata%5Btracking_number%5D%3D45 upon success. (Note that the initial query parameters get URL encoded)

To learn more about metadata and how it can be attached via the API, see Create Order with Metadata.

Checkout Limits

A single checkout order cannot exceed whichever is less: