Getting Started with LifterLMS Stripe

Video Tutorial

# Top

Installation

# Top

To install the Stripe Gateway API Extension log into the admin panel of your WordPress site.
Go to Plugins. Click “Add New.” On the next page click “Upload Plugin.”
On the Add Plugins page click Choose File, navigate to where the Stripe extension zip file is located on your computer, click on the zip file then click “Open”. Once the file has been chosen click “Install Now.” When the plugin installation is finished click “Activate this plugin”

The Stripe Gateway API plugin should now be activated.

Getting Started

# Top

Once you have installed the plugin you can then enable the stripe gateway.

From the WordPress admin navigate to LifterLMS->Settings and click on the tab Checkout.  You will see a section titled Stripe.

In the Stripe section you can activate your stripe plugin by entering the activation key in the text box titled Activation Key. You should have received an activation key when you purchased the extension.

To enable credit card processing through Stripe you will check the box “Enable Stripe Payment Gateway” You will also need to enter your Live and Test keys to enable Stripe for payment processing. See next section for setting your secret and publish keys.

Setting Secret and Publishable Keys

# Top

To enable the Stripe gateway to accept credit cards you need to enter your stripe account’s Live and Test Secret / Publishable Keys.

If you do not have a Stripe account you will need to create one at stripe.com.

You can locate your API keys on the Stripe Dashboard. Follow Stripe’s FAQ How Do I Locate API Keys in the Dashboard for more details on finding your keys in Stripe.

On your WordPress site navigate to LifterLMS -> Settings -> Checkout and select “Stripe” from the list of available payment gateways.

Once you’ve located your keys in Stripe, copy and paste them into the respective fields on the LifterLMS Stripe options screen.

This will save your API keys to your site’s WordPress database. If you’d prefer to use a more secure method, you may define your API credentials in your site’s wp-config.php file:

The Webhook Status option you see is an “endpoint” where Stripe sends information to your website about events occurred on Stripe such as payments being processed and cancelled. This is supposed to be configured automatically when you paste in your account keys and show the green checkmark with the Installed status.

Enabling Test Mode

# Top

To enable test mode to run test transactions using the Stripe credit card gateway go to LifterLMS->Settings->Checkout and scroll to the Stripe section. Check the box “Enable Stripe Test Mode” and click “Save Changes”

All transactions will now run to stripe as test transactions. You can verify the transactions by going to your Stripe account and toggling from Live to Test.

Stripe Webhook Information

# Top

When you configure your Stripe API keys, LifterLMS automatically creates a new webhook within your Stripe account for the following two events:

  • charge.failed
  • charge.refunded

You can confirm your site’s Webhook Status on the LifterLMS > Settings > Checkout > Stripe screen.

If your site’s status is not confirmed, you can manually create the webhook within Stripe or check why the webhook might be failing through Stripe’s webhook log feature.

  1. Log in to your Stripe dashboard for the connected site.
  2. Be sure to select the Live or Test mode, depending on which gateway version you want to investigate.
  3. Navigate to Developers > Webhooks and select the correct webhook for your site.
  4. From the single webhook screen, you should see that it is configured for 2 events: charge.failed and charge.refunded.
  5. Review any details about the webhook’s status on the Logs tab.

Enabling Debug Mode

# Top

If you’re encountering issues with payment processing, it may be helpful to enable Debug mode to display responses from Stripe during payment processing and customer creation.

To enabled Debug mode, navigate to LifterLMS->settings->Checkout and scroll to the Stripe section. Check the box that says “Enable Debug Mode” and click “Save Changes” at the bottom of the screen.

 

Example Checkout Screen

# Top

This is an example of a checkout screen with the Stripe Extension installed:

Stripe example checkout

Last Updated on
Was this article helpful?