Ideta blog image

How to connect your chatbot to Stripe?

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

What is Stripe? And what is a Stripe chatbot?

Stripe enables businesses to process payment within their website. Your client can pay for their product or subscription via their credit and debit card and the fund will be deposited into your business bank account.

Moreover, with Stripe you can even accept payment via mobile wallet and more. Stripe can process many currency and it is truly a vital asset to any business, small or big.

A Stripe Chatbot is just a chatbot connected to Stripe! It enables your client to make paiement directly within the conversation. This create a frictionless experience and your clients don’t have to change windows to make their purchase.

How does Stripe work?

Stripe make it easy for business to process their payment so they can concentrate on their core product.

For the client side, here how it works:

  1. The client provide their credit card information for the payment
  2. Stripe receive the information and encrypt it
  3. The payment in processed by Stripe's payment gateway
  4. The bank check whether the fund are available or not
  5. A response is send to the client to tell them if the payment have been processed or not

The fund stays in your Stripe account until you transfer it to your bank account. You can schedule the fund transfer whenever you like or recurrently, such as every week or month.

Stripe takes a small fee for each transaction, those fees vary by transaction type and other parameters.

‍Stripe Chatbot Tutorial

First, you should create a Stripe account and set it up completely. Then, follow the steps bellow to connect your chatbot to Stripe.

To activate, you must follow these few steps :

Connect Stripe to your Chatbot

Connect your Stripe Account by going to the :

  • Settings > Integrations > Connect with Stripe
connect stripe to chatbot

Follow the process. When it is done, 5 bots variables (identical throughout all conversations) are created. We will need them later.

chatbot variable

Create your bubble and conversation flow

Build your chatbot then create your Stripe bubble. When you need to collect payment in your conversation flow, you can insert a Stripe Bubble.

stripe chatbot bubble

You can now change the information necessary (amount requested, wording...).

If the connection worked well, you should have the variable “ideta_stripe_publishable_key” available in the form.

stripe chatbot variable key

Let test your Stripe Chatbot

Go to testing area and follow the process a client will do. Go until your Stripe bubble is displayed.

chatbot testing stripe bubble

Now, we need to work on what happens once the credit card is entered.

Process the payment

Go to the data manager and create a conversation object variable (different for every user and therefore different credit cards) “ideta_stripeCustomer” with these properties :

paiement variable stripe

This object will be filled in automatically once the credit card is validated.

Now click on "see more" and add a background action :

background action stripe webhook

Enter the following information :

chatbot workflow

Now, you need to do three things :

Encode the “ideta_stripe_access_token” variable in base 64 :

ideta token access

Then, you must create the payment intent :

paiement intent bubble

and catch it :

webhook catch

If everything works well, send a success message. If not, use the fallback bubbles in the next steps of every API call to prompt the user what to do.

That's it ! You can now collect a credit card and collect a payment. They will both appear in your Stripe Dashboard. Enjoy !

If you encounter any trouble while building your Stripe Chatbot, just send us a message at or chat with us in our support chatbot at the bottom right corner of your screen!

Best Articles

Written by

Nous aidons les entreprises à construire leurs propres chatbots, voicebots ou callbots, en leur fournissant un logiciel puissant.

Try our chatbot builder for free!