Checkout

Subscord Checkout Process

Subscord provides a streamlined and user-friendly checkout process for customers purchasing products from your store. This page outlines the typical flow a customer experiences from browsing your store to completing a payment.

Step 1: Accessing the Store Page

Customers begin their journey on your unique Subscord store page. This page lists all your active products, allowing users to browse your offerings.

Subscord Store Page example

Step 2: Selecting a Product Option on the Store Page

On the store page, each product card will display its available Product Options (e.g., monthly, yearly, lifetime). The customer selects their desired product option directly on the product card itself.

Product cards on store page showing product options

Step 3: Initiating the Purchase

After selecting a product option on the card, the customer clicks the "Subscribe" or "Purchase" button associated with that product and pre-selected option.

Step 4: Payment Method Selection Dialog

Clicking "Subscribe" or "Purchase" opens a dialog box. In this dialog, the customer will:

  1. Choose the main payment method:
    • Stripe (for card payments, etc.)
    • Crypto
  2. If Crypto is selected: They will then choose the specific cryptocurrency they wish to pay with from a list of available options (e.g., SOL, ETH, USDT).
Payment method selection dialog

Step 5: Proceeding to Checkout

Once the payment method (and specific cryptocurrency, if applicable) is selected in the dialog, the customer clicks a "Pay" button within that dialog. This action redirects them to the appropriate checkout page based on their selection:

Stripe Checkout

If the customer selected Stripe:

  1. They are redirected to a Stripe-hosted checkout page.
  2. This page is securely managed by Stripe and will display the order summary and fields for entering payment card details or other Stripe-supported payment information (e.g., Apple Pay, Google Pay, depending on the seller's Stripe setup).
  3. The customer completes the payment directly on Stripe's secure platform.

Cryptocurrency Checkout

If the customer selected Crypto and a specific cryptocurrency:

  1. They are taken to a dedicated Subscord invoice page for the crypto payment.
  2. This page provides all the necessary information to complete the transaction:
    • QR Code: For easily scanning the payment address with a mobile wallet.
    • Amount: The precise amount of cryptocurrency to send.
    • Token: The specific cryptocurrency they need to send (e.g., SOL, ETH, USDT).
    • Receiving Wallet Address: The wallet address to which the payment must be sent.
    • Payment Timer: A countdown timer indicating the window within which the payment must be initiated and detected on the blockchain. Customers need to ensure their transaction is broadcasted with enough time for it to be confirmed before the timer expires.
  3. The customer uses their cryptocurrency wallet to send the specified amount of the correct token to the provided address.
  4. Subscord monitors the blockchain for the incoming transaction.
Subscord Crypto Invoice page

Step 6: Payment Confirmation

Once the payment is successfully processed (either confirmed by Stripe or detected and confirmed on the blockchain for crypto payments):

  • The customer typically sees a success message or is redirected to a confirmation page.
  • Subscord automatically processes the order, assigns the relevant Discord roles, and creates the subscription record.
  • The customer receives a confirmation email.
Successful payment confirmation page