55 lines
1.5 KiB
Plaintext
55 lines
1.5 KiB
Plaintext
---
|
|
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.
|