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

# Stripe Checkout: Accept Payments on Your Landing Pages

> Add a Stripe Checkout to any LanderLab landing page. Sell one-time or recurring products, apply coupons, collect shipping, and redirect buyers after payment.

The Stripe Checkout element adds a secure payment form directly to your landing page. Visitors enter their card details and pay without leaving the page, so you keep the buyer in your funnel from first click to purchase.

Payments are processed by Stripe. Card details go straight to Stripe and never pass through LanderLab.

## Before you start

Connect your Stripe account in **Integrations**. The checkout uses this connection to process payments and to load your Stripe products and coupons.

## Add the Stripe Checkout element

1. Open your page in the editor.
2. In the left sidebar, open **Elements** and find the **Conversion** category.
3. Drag **Stripe Checkout** onto the canvas.
4. Click the element to open its settings in the right panel.

The canvas shows the checkout in **Preview Mode**. It updates live as you change settings, so you can see exactly what your visitors will see.

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/HSpSy6DDgRjR3IGt/images/stripe-element.png?fit=max&auto=format&n=HSpSy6DDgRjR3IGt&q=85&s=e608f71f343f72eb13bc0db3b4ff4d90" alt="Stripe Element" width="1568" height="781" data-path="images/stripe-element.png" />
</Frame>

## Product

Choose where the product details come from with the **Source** setting.

| Source             | When to use it                                                                        |
| ------------------ | ------------------------------------------------------------------------------------- |
| **Manual**         | Type the name, price, and currency directly in LanderLab. No Stripe product needed.   |
| **Stripe product** | Pick a product you already created in Stripe. Its price and billing come from Stripe. |

**Manual** gives you these fields:

* **Name**: The product name shown at the top of the checkout
* **Description**: A short line under the name, for example `Free shipping`
* **Image**: An optional product thumbnail

With **Stripe product**, open the **Product** dropdown and search your Stripe catalog. Products are grouped into **One-time** and **Recurring**. If you just added a product in Stripe and it is missing, click **Refresh products**. You can still add an **Image** to show next to the product name.

<Warning>
  If you set **Source** to **Stripe product**, you must select a product. Without one, the checkout will not work on the live page.
</Warning>

## Billing

For manual products, choose **One-time** for a single payment or **Recurring** for a subscription, then set the **Price** and pick the currency. For Stripe products, these settings are hidden because the price and billing type come from Stripe.

### Adaptive Pricing

Turn on **Adaptive Pricing** to show the price in the visitor's local currency. Stripe handles the conversion, and the checkout shows a currency switch so buyers can choose between your currency and theirs. Final charges can vary slightly based on exchange rates.

### Quantity

Set the default **Quantity** for the order. Turn on **Let customers change quantity** to show a quantity picker, then set the **Min** and **Max** a buyer can choose. The checkout shows a subtotal and total that update as the quantity changes.

### Discount

| Option         | What the buyer sees                                       |
| -------------- | --------------------------------------------------------- |
| **None**       | No discount                                               |
| **Coupon**     | A coupon you pick is applied automatically at checkout    |
| **Promo code** | An **Add promotion code** field where buyers enter a code |

Coupons and promo codes come from your Stripe account. Create them in Stripe first, then click **Refresh coupons** if they do not appear in the list.

<Warning>
  If you set **Discount** to **Coupon**, you must select a coupon. Without one, the checkout will not work on the live page.
</Warning>

## Shipping

Turn on **Collect shipping address** to ask for a delivery address at checkout. The form adds a **Shipping information** section with full name, country, and address fields. A **Billing info is same as shipping** checkbox saves buyers from typing their address twice.

* **Countries**: Keep **All countries** or select only the countries you ship to
* **Shipping Options**: Click **Add shipping option** to create a delivery rate

Each shipping option has:

* **Name**, for example `Standard shipping` or `Express`
* **Price**, set to `0` for free shipping
* **Delivery estimate**, a min and max range of delivery days

Add several options to let buyers choose between them. The selected rate is added to the order total.

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OOJD61koRNSO9OFT/shipping-checkout-images/d54e4bbb-3f9a-4d83-bb76-27e49777bff8.png?fit=max&auto=format&n=OOJD61koRNSO9OFT&q=85&s=1631193cdb586fdd3e94d36cb58d47b8" alt="D54e4bbb 3f9a 4d83 Bb76 27e49777bff8" width="1083" height="958" data-path="shipping-checkout-images/d54e4bbb-3f9a-4d83-bb76-27e49777bff8.png" />
</Frame>

## Checkout

* **Button Text**: Custom text for the pay button. Leave it empty to use Stripe's default, which shows the amount, like `Pay $88.20`
* **Language**: The language of the checkout form. **Auto** matches the visitor's browser language
* **Theme**: The visual style of the form. **Match Page** blends it with your page design
* **Billing Address**: Collect the buyer's full billing address
* **Stripe Link**: Let buyers save their payment details with Stripe Link for faster checkout next time
* **One purchase per visitor**: Stop the same visitor from paying twice, useful for one-time offers

## Payment success

Choose what happens after a successful payment with the **Action** setting.

| Action              | What happens                                                           |
| ------------------- | ---------------------------------------------------------------------- |
| **Stay on page**    | A confirmation message replaces the checkout form                      |
| **Redirect to URL** | The buyer is sent to another page, such as an upsell or thank you page |
| **Go to element**   | The page scrolls to another section                                    |
| **Open a popup**    | One of the popups on this page opens                                   |

With **Stay on page**, write your own **Confirmation Message**. If you leave it empty, buyers see `Payment received, thank you!`

## Layout

Like other elements, you can adjust the **Position** (left, center, or right alignment), **Dimensions** (the default width is `360px`), and **Spacing** (margin and padding).

## Before you publish

1. Click **Preview** and review the checkout the way a visitor would see it.
2. Check the price, currency, discount, and shipping totals.
3. Make sure no warning appears under the checkout on the canvas. A warning means a required product or coupon is missing.
4. Publish the page.

## FAQ

<AccordionGroup>
  <Accordion title="Do I need a Stripe product to use the checkout?">
    No. Set **Source** to **Manual** and enter the name, price, and currency in LanderLab. Use **Stripe product** only if you want the price and billing managed in Stripe. Either way, your Stripe account must be connected in **Integrations**.
  </Accordion>

  <Accordion title="Can I sell subscriptions?">
    Yes. Choose **Recurring** under **Billing**, or pick a recurring product from your Stripe catalog.
  </Accordion>

  <Accordion title="What is the difference between a coupon and a promo code?">
    A coupon is applied automatically for every buyer. A promo code shows a field where buyers type the code themselves.
  </Accordion>

  <Accordion title="Why is my new Stripe product or coupon missing?">
    Click **Refresh products** or **Refresh coupons** in the dropdown to load the latest data from Stripe.
  </Accordion>

  <Accordion title="Where do I see my payments?">
    All payments, refunds, and customer details are in your Stripe dashboard.
  </Accordion>
</AccordionGroup>
