Wiki Home Settings page QR topup with Stripe

QR topup with Stripe

2024-06-01
qr, pay, topup, stripe

  • In case you want to use Stripe payments in iCaefecloud follow the steps below
  1. Create a Stripe account 
  2. After logging in, navigate to 'Developers' and then select 'API Keys' to reveal the test secret key. This is your Gateway API token(Figure 1)

Figure 1

  1. Next, select 'Webhooks' and click on 'Add an endpoint'. (Figure 2)

Figure 2

  1. Next, enter "https://api.icafecloud.com/api/v2/cafe/YOUR_LICENSE_ID/stripe" in the 'Endpoint URL' field.
  2. You can find the LICENSE_ID on iCafecloud admin panel - Settings - Api settings - License ID(Figure 3)

Figure 3

  1. Enter the endpoint URL, choose "Events on your account" and "Latest API version." Then, click "Select events." (Figure 4)

Figure 4

  1. Choose "Checkout" and select "All Checkout events." Then, click "Add events." (Figure 5)

Figure 5

  1. Finally, click on "Add endpoint." (Figure 6)

Figure 6

Server side

  1. IIn the iCafeCloud admin panel, navigate to 'Settings' and then 'Client Settings.' Change 'Allow Top-up at Client' to 'Yes.' Select 'Payment Gateway' as 'Stripe' and add the Gateway API token from step 2.. (Figure 7)

Figure 7

  1. In the Payment section, set the currency symbol to a 3-letter code, such as "USD" or "EUR". (Figure 8)

Figure 8

Client side

  1. On the iCafeMenu login screen, a new button will be added to allow you to top up directly.(Figure 9)

Figure 9

  1. Once you click on it, you will be prompted to enter the member's username and the amount to top up. (Figure 10)

Figure 10

  1. After you click "OK" to confirm the top-up, a QR code will be displayed. (Figure 11)

Figure 11

  1. In the admin panel, under the SHOP history transactions, transactions will be displayed as "In Progress". (Figure 12)

Figure 12

  1. Continue by scanning the QR code, and the transaction will be marked as successful. (Figure 13)

Figure 13

Related: