Skip to main content

Stripe Susbscription Payment Using API Key

How to set up Subscription payments in your app using EasySite Stripe integration

Step 1. Create Your Website

create consulting website

Step 2. Enable your database

Step 3. Add Stripe Payment into Your App

  • Copy Your Stripe Secret Key

Log in to your Stripe account, locate your Secret Key, and click "Click to Copy".

  • Enter the Key in Settings

Go to Settings, select Stripe from the left menu, Choose "Subscription Payment" Option, paste your Secret Key into the field, and click "Save".

Step 4. Create Login Page

create a signup/signin

Step 5. Create Product List Page

create subscription page and implement subscription purchase function

Step 6. Create Order page

create order list page

Step 7. Add Products in "Product" table from Project Admin

  • Click the "Project Admin" button.
  • Click the "Add Data" button
  • Enter the details for the new product
  • Ensure that the "Status" field is set to "Active."
  • Leave the StripeProductID, StripeID, and LookupKey fields blank. EasySite will automatically add subscription products to your Stripe Account product pages.
  • Click the Save button to display the StripeProductID, StripeID, and LookupKey values retrieved from your Stripe Account.

Here is what the Stripe Accounts look like

Test Stripe Payment

  • Step 1: Open your website in a new window by clicking the "New Open" button located next to the browser’s URL address bar. Navigate to the Product page, the subscription product should be visible in subscriptoin page.

  • Step 2: Click the "Subscribe Now" button to be redirected to the Stripe checkout page, choose "Pay without Link"

  • Step 3: In the next page, Enter the test payment card details as shown below. (You can find test card information in integration-stripe)

  • Step 4: After clicking the "Subscribe" button, a payment successful message is displayed.