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

# Payment

The Payment input block allows you to collect payment. You first need to add your Stripe:

## Connect Stripe account

After clicking on `Select an account > Connect new`, a configuration popup appears:

<Frame>
  <img src="https://mintcdn.com/typebot/_A9p16JCEDI2EkLF/images/blocks/inputs/configure-stripe.png?fit=max&auto=format&n=_A9p16JCEDI2EkLF&q=85&s=3bc17053aaa8820af6ffe7a01a639921" alt="Stripe configuration" width="1360" height="1200" data-path="images/blocks/inputs/configure-stripe.png" />
</Frame>

* Account name could be anything you'd like it's not something that has to come from Stripe.
* Test keys can be found here: [https://dashboard.stripe.com/test/apikeys](https://dashboard.stripe.com/test/apikeys)
* Live keys can be found here: [https://dashboard.stripe.com/apikeys](https://dashboard.stripe.com/apikeys)

Test keys will be used in the preview for testing purposes. Live keys will be used in the published bot.

If you'd still like to still use the test keys in the published bot you just need to also fill in the test keys into the live keys inputs.

*If you would like to simulate a successful payment, use test cards from the following list in Stripe ->  [https://docs.stripe.com/testing?testing-method=card-numbers#cards](https://docs.stripe.com/testing?testing-method=card-numbers#cards)*

## Input configuration

Once you have a Stripe account, you can select it and configure your input:

<Tabs>
  <Tab title="Flow">
    <Frame>
      <img src="https://mintcdn.com/typebot/_A9p16JCEDI2EkLF/images/blocks/inputs/payment-flow.png?fit=max&auto=format&n=_A9p16JCEDI2EkLF&q=85&s=89b203a187b243efef677611ffc4e65b" alt="Payment input in flow" className="rounded-lg" width="1268" height="858" data-path="images/blocks/inputs/payment-flow.png" />
    </Frame>
  </Tab>

  <Tab title="Bot">
    <Frame>
      <img src="https://mintcdn.com/typebot/_A9p16JCEDI2EkLF/images/blocks/inputs/payment-bot.png?fit=max&auto=format&n=_A9p16JCEDI2EkLF&q=85&s=b5ddbf5c6d14ff612cd61e1d4e9b6157" alt="Payment input in bot" className="rounded-lg" width="884" height="784" data-path="images/blocks/inputs/payment-bot.png" />
    </Frame>
  </Tab>
</Tabs>

Make sure to enable any payment method you'd like to appear in your Stripe dashboard at this URL: [https://dashboard.stripe.com/settings/payment\_methods](https://dashboard.stripe.com/settings/payment_methods).

This is where you can enable Cards, Apple Pay, Google Pay, Alipay, WeChat Pay etc.