Skip to main content

Stripe One-time Payment Using API Key

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

Step 1. Create Your Website​

create hello work 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 "One-time Payment" Option, paste your Secret Key into the field, and click "Save".

Step 4. Create Login Page​

create login page

Step 5. Create Product List Page​

create product list page and include the product link at homepage, implement product 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 and save it.
  • Ensure that the "Status" field is set to "Active."

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 sample product should be visible.

  • Step 2: Click the "Buy 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 "Pay" button, a payment successful message is displayed.