Included with your CommerceLab Shop component is the payment gateway by Stripe let's walk through setup and configuration of this add-on to get you started taking payments.
Getting to Stripe.com
Youre going to need your Stripe credentials for sandbox testing on your site check and live credntials when you're ready to start taking real payments.
Getting your Stripe testing keys
When in your stripe account click the button "Developers" in the top right corner
Toggle the switch now next to the "developers link to "Test Mode"
Copy and save your Test "Publishable Key" &
"Test Secret key" you'll need these for your Stripe Plugin
Getting your live publishable key and creating a secret live key
Toggle the "test Mode" Switch to off
Click the create button "Create a secrect Key"
Copy your new Secret Live Key. You will only be able to see it once so make sure to copy it and save it somewhere secure.
Creating a Stripe webhook
You will need to create a webhook end point back to your shop for both test mode and live mode. Do these steps in both test mode and live mode.
Your CommereLab Shop is listening for the results of the transaction to either tell your customer something went wrong or the transaction was completed and show them the order confirmation page.
Go to your "webhooks" section from the left menu when in the "developers" area
Click the "Add an End Point" button.
Stripe Plugin Configuration
This is where you'll be entering your "Sandbox" credentials you saved.
Add your test webhook end point secret
Leave "User Browser Locale?" Leave as yes. This is for advanced usage
Toggle the switch to live and enter your live keys
Enter your live end point secret
Leave "User Browser Locale?" Set to yes. This is for advanced usage
The Stripe standard element
Naviage to your checkout page. In your YOOtheme page builder under "CommerceLab Shop Payment (standard)" elements you can find your Stripe element drag this on to your page. To begin the setup and testing.
Drag this onto to your checkout page and begin configuring tests on your checkout.
Read more …Stripe Payment Gateway (default)