{"id":5024,"date":"2025-11-20T15:13:00","date_gmt":"2025-11-20T14:13:00","guid":{"rendered":"https:\/\/botnation.ai\/add-a-credit-card-payment-module-to-your-chatbot-with-stripe-and-botnation\/"},"modified":"2026-02-19T11:02:36","modified_gmt":"2026-02-19T10:02:36","slug":"add-a-credit-card-payment-module-to-your-chatbot-with-stripe-and-botnation","status":"publish","type":"support","link":"https:\/\/botnation.ai\/en\/support\/add-a-credit-card-payment-module-to-your-chatbot-with-stripe-and-botnation\/","title":{"rendered":"Add a credit card payment module to your chatbot with Stripe and Botnation"},"content":{"rendered":"<h2 class=\"wp-block-heading\" id=\"h_5e459947d4\">Make credit card transactions by linking Stripe to Botnation.<\/h2>\n\n\n\n<p>You can now bill for digital goods (content, online training, ticketing, etc..) or physical goods using <strong>your Stripe account <\/strong>natively linked to your Botnation chatbot. The user does not leave the conversation and your chatbot is immediately informed of the success of the payment by CB, Visa, Mastercard, American Express, Apple Pay, Google Pay, etc.. All this <strong>without any transaction fees<\/strong> from Botnation!<\/p>\n\n\n\n<p>Here are some steps to follow if you already have a Stripe account, otherwise please contact Stripe to open an account.<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h_58dcb11674\">Link your Stripe account to your Botnation account<\/h2>\n\n\n\n<p>Go to <a href=\"https:\/\/start.botnation.ai\/\">Botnation<\/a>, in the settings of your Chatbot (Plugins tab). You will now find a section dedicated to Stripe.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2023\/10\/image-8.png.webp\" alt=\"\" class=\"wp-image-5028\" style=\"aspect-ratio:2.359447004608295;width:540px;height:auto\"><\/figure>\n<\/div>\n\n\n<p>There are two fields, one for the production secret key and a second for the test key. The latter is useful for making test purchases on Stripe to verify that the configuration is working properly.<\/p>\n\n\n\n<p>To get these keys, go to <a href=\"https:\/\/stripe.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Stripe<\/a>. Then go to the \u201cDevelopers\u201d menu and then to API Key.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2023\/10\/image-9.png.webp\" alt=\"\" class=\"wp-image-5030\" style=\"aspect-ratio:5.595628415300546;width:697px;height:auto\"><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"cle-secrete-de-production\">Secret production key<\/h3>\n\n\n\n<p>Now copy the secret key and paste it into the<em> \u201csecret key\u201d<\/em> field in your Chatbot settings (Plugins tab) on Botnation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"cle-secrete-de-test\">Secret test key<\/h3>\n\n\n\n<p>Now switch to test mode by pressing this button<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2023\/10\/image-10.png.webp\" alt=\"\" class=\"wp-image-5032\" style=\"aspect-ratio:7.111111111111111;width:722px;height:auto\"><\/figure>\n<\/div>\n\n\n<p>Then repeat the previous operation. Now copy the test secret key and paste it into the<em>\u201c<\/em>test<em>secret key<\/em>\u201d field in your Chatbot\u2019s settings on Botnation.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h_2d55b2d8d2\">Add the payment function to your Chatbot<\/h2>\n\n\n\n<p>Now that your Stripe plugin is configured, you can add this payment feature to your Chatbot.<\/p>\n\n\n\n<p>This function is displayed as a button in the Chatbot. When you click on this button, a popup will appear with the form to enter the credit card information.<\/p>\n\n\n\n<p>To add a \u201cStripe\u201d button, go to a \u201cButtons\u201d function (e.g.: quick answers, carousel, \u2026), you will see the Stripe button appear.<\/p>\n\n\n<div class=\"wp-block-image is-resized\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/02\/Stripe4-1-1024x588.png.webp\" alt=\"\" class=\"wp-image-1815\" style=\"aspect-ratio:1.7414965986394557;width:656px;height:auto\"><\/figure>\n<\/div>\n\n\n<p>To set it up, there are several fields to fill in:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The name of the product to be sold<\/li>\n\n\n\n<li>The price of the product<\/li>\n\n\n\n<li>Product currency<\/li>\n\n\n\n<li>The redirection sequence in case of a successful purchase<\/li>\n\n\n\n<li>The redirection sequence in case of purchase failure<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h_57f7d566c8\">Example of Stripe module configuration<\/h2>\n\n\n\n<p>Here is an example of how to configure the Stripe button:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2023\/10\/image-12.png.webp\" alt=\"\" class=\"wp-image-5036\" style=\"aspect-ratio:1.7414965986394557;width:704px;height:auto\"><\/figure>\n<\/div>\n\n\n<p>Let\u2019s run a test session:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2023\/10\/image-13.png.webp\" alt=\"\" class=\"wp-image-5038\" style=\"aspect-ratio:3.4478114478114477;width:536px;height:auto\"><\/figure>\n<\/div>\n\n\n<p>The button function appears, when the button is clicked, a payment popup appears and the Chatbot offers the user to cancel the payment. In case of cancellation, the user will be redirected to the redirection sequence \u201cin case of error during purchase\u201d.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2023\/10\/image-14.png.webp\" alt=\"\" class=\"wp-image-5040\" style=\"aspect-ratio:3.4478114478114477;width:586px;height:auto\"><\/figure>\n<\/div>\n\n<div class=\"wp-block-image is-resized\">\n<figure class=\"aligncenter size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"607\" height=\"1024\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/02\/Stripe8-607x1024.png.webp\" alt=\"\" class=\"wp-image-1797\" style=\"aspect-ratio:0.5927734375;width:401px;height:auto\" srcset=\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/02\/Stripe8-607x1024.png.webp 607w, https:\/\/botnation.ai\/wp-content\/uploads\/2022\/02\/Stripe8-178x300.png.webp 178w, https:\/\/botnation.ai\/wp-content\/uploads\/2022\/02\/Stripe8.png.webp 852w\" sizes=\"(max-width: 607px) 100vw, 607px\" \/><\/figure>\n<\/div>\n\n\n<p>You will notice in the payment form the appearance of the keyword \u201cTEST\u201d (circled in red on the previous screen print). This means that you are testing your Chatbot. Your card will not be credited.<\/p>\n\n\n\n<p>To test, Stripe offers a test blue card number which is as follows:<\/p>\n\n\n\n<p><strong>4242 4242 4242 4242<\/strong>. You will need to fill in a random <strong>3-digit<\/strong> CVC and a <strong>date after<\/strong> the current date.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h_d8367f8f24\">Customization<\/h2>\n\n\n\n<p>You can customize the input interface via the Stripe interface.<\/p>\n\n\n\n<p>At the following address, you can <a href=\"https:\/\/dashboard.stripe.com\/settings\/branding\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">change the logo<\/a> and the colors:  <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2023\/10\/image-15.png.webp\" alt=\"\" class=\"wp-image-5042\" style=\"aspect-ratio:1.9357277882797732;width:696px;height:auto\"><\/figure>\n<\/div>\n\n\n<p>You can also accept or decline certain payment methods (Google Pay, Apple Pay, \u2026) at <a href=\"https:\/\/dashboard.stripe.com\/settings\/checkout\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">this address<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h_195b834c40\">THERE!<\/h2>\n\n\n\n<p>Your Botnation chatbot is now a real sales channel, and therefore a revenue generator, on your website, your Facebook page, your Instagram account, <a href=\"https:\/\/botnation.ai\/en\/blog\/whatsapp\/\">your WhatsApp number<\/a> etc.<br><br>When your chatbot is informed of the success of the transaction you can, for example, unlock exclusive content in your chatbot through variables or generate webhook calls to your order manager etc\u2026.<br><br>Botnation does not charge you any additional transaction fees on payments and will NEVER have access to your users\u2019 banking information.<\/p>\n\n\n\n<p>Please do not hesitate to contact the Botnation team for any further information.<\/p>\n\n\n","protected":false},"featured_media":21265,"template":"","meta":{"_acf_changed":false},"categorie-support":[194,198,221],"class_list":["post-5024","support","type-support","status-publish","has-post-thumbnail","hentry","categorie-support-features","categorie-support-tutorials","categorie-support-web-chatbot-en"],"acf":[],"_links":{"self":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/support\/5024","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/support"}],"about":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/types\/support"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/media\/21265"}],"wp:attachment":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/media?parent=5024"}],"wp:term":[{"taxonomy":"categorie-support","embeddable":true,"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/categorie-support?post=5024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}