Stripe Integration

Overview

Now it’s easier than ever to sell access to your VT system through Stripe! Simply connect your Stripe account to your VT System and with a few clicks you’ll get a small code snippet that you can place on any web page. This code snippet will generate a widget that will take payments and also create users in real time to provide instant access for your customers. In this article, we’ll take you through the process of getting your Stripe account connected with your VT system, step by step.

The checkout process has four steps.

Step 1: Collects customer information, such as name, email, and phone number
Step 2: Collects payment information and processes the payment
Step 3: Creates the username and password
Step 4: Thank you message and redirect

By collecting the customer’s info on the first step, you’ll be able to retarget any customers that abandon the checkout process. Take a look at this article on capturing and sending data with the stripe widget: Stripe Integration

The widget will automatically detect whether Apple Pay or Google Pay is available on the customer’s mobile device. If either payment method is detected, the option to use it will be displayed.

This process will also verify whether the username already exists and perform all necessary checks to properly create the user account—checks that would otherwise require a custom API integration.

Once the payment is successfully processed, there is a confirmation message briefly displayed, and then the user is automatically signed in to the VT System with the Username/Password they just created.

Note

When embedding the Stripe widget, you should avoid using a fixed height to display it, as the widget will change heights with error messages, as well as when adding Google pay, Apple Pay, etc.

Creating and Activating Your Stripe Account

If you don’t have a Stripe account, you’ll need to head over to https://dashboard.stripe.com/register and create one. Once you’ve created an account, log in and click the “Activate your account” link below “Home” and follow the step by step guide.

Connecting Stripe to LightSpeed VT

To connect Stripe, we need to obtain these four “items” noted below, and in the next few steps, we’ll show you how to do it.

Item 1: Stripe Publishable Key Token (from STRIPE)
Item 2: Stripe Secret key Token (from STRIPE)

Step 1 :

Sign into your Stripe dashboard
Click “Developers” in the left menu bar
Choose and click “API Keys” in the resulting expanded left menu bar
Click “Reveal key token”
If prompted, enter the password for your Stripe user account
Publishable key and Secret key will be available (Items 1 & 2).

Copy and save the information for both keys and proceed to Step 2 below.

Your browser does not support the audio element.

Best Practice: We recommend creating a new secret key, instead of using the default, and naming it something like “LSVT Integration”. Also, adding a description to the secret key can be very helpful down the road.

Step 2 :

In a separate or a new browser tab, sign into your VT System
Go to the “Super User Dashboard”
Look for section ID “109” and click “Stripe Integration”, this will take you to your “Stripe Integration” dashboard
On the resulting screen, click “ADD NEW ACCOUNT”
Refer back to your earlier saved key tokens (Items 1 & 2) and copy and paste the token values in their appropriate matching fields
Click “SAVE AND CONTINUE”
On resulting screen, copy the generated “Stripe Webhook Endpoint” url (Item 3) and proceed to Step 3 below

After you’ve enter your Stripe Publishable Key and Secret Key, a webhook endpoint will be created automatically in your Stripe account, no additional action is need. The following events will be enabled for the webhook endpoint, allowing your system to capture and process the data from these events in real time:

customer.subscription.deleted
customer.subscription.updated
invoice.paid
invoice.payment_succeeded
invoice.voided

Your Stripe account is now connected to your VT system, now you can begin creating products.