Geting your Stripe API keys

Setting up online payments for your directory website might seem like a complex task, especially for no-code developers. However, with the use of innovative payment processing platforms like Stripe, accepting payments can be simplified and highly secure. This guide will walk you through the process of creating a Stripe account, integrating it into your Direxact Bubble template, and obtaining your Stripe API keys. Whether you're a seasoned developer or a newcomer to the no-code space, this step-by-step guide is designed to assist you in making your online business transactions smooth, reliable, and hassle-free.

Step 1: Login to Stripe

Go to Stripe's website ( and log in to your account using the credentials you've set up.

Step 2: Access Your Dashboard

Once logged in, you'll be taken to your Stripe Dashboard. This dashboard provides an overview of your Stripe account and transactions.

Step 3: Navigate to Developers

On the top right side of your dashboard, you'll see a navigation menu. Click on the 'Developers' tab.

Step 4: Click on API Keys

Within the 'Developers' tab, click on 'API Keys'. This will take you to a page that shows both your publishable and secret API keys.

You'll find two types of keys:

  1. Publishable API key: This key can be used in the 'front-end' code (like JavaScript running in the browser) and is used to identify your account with Stripe. It doesn’t have the ability to create charges or refunds.

  2. Secret API key: This key can create charges and refunds and perform other operations that modify data on your Stripe account. It should only be used from a server-side environment.

There are two sets of keys - Test mode keys and Live mode keys.

  • Test mode keys have the prefix "pk_test_" and "sk_test_". These are used during development and testing, when you don't want to create real charges on your account.

  • Live mode keys have the prefix "pk_live_" and "sk_live_". These are used when you're ready to go live with your application.

You will want to get all four keys to paste them into your Direxact based project.

Step 5: Reveal Live Secret Key

By default, the secret keys are hidden. To view your live secret key, click on 'Reveal live key token'. You'll be prompted to enter your Stripe account password for security purposes.

Step 6: Copy Your Keys

After revealing your keys, you can copy them and use them in your Direxact based website. Please remember to treat these keys as sensitive data and never share them publicly.

Please note: It's essential to keep your live and test mode keys separate and use them appropriately. If you use a test key where a live key is required or vice versa, your application will return errors. Also, ensure to replace test keys with live keys before deploying your application or going live.

Last updated