---
title: Payment
icon: credit-card
---

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="/images/blocks/inputs/configure-stripe.png"
    alt="Stripe configuration"
  />
</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
- Live keys can be found here: 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.

## Input configuration

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

<Tabs>
  <Tab title="Flow">
    <Frame>
      <img
        src="/images/blocks/inputs/payment-flow.png"
        alt="Payment input in flow"
        className="rounded-lg"
      />
    </Frame>
  </Tab>
  <Tab title="Bot">
    <Frame>
      <img
        src="/images/blocks/inputs/payment-bot.png"
        alt="Payment input in bot"
        className="rounded-lg"
      />
    </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.

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