Stripe Advanced Pay

Download & Setup

• Purchase the stripe advanced Pay add-on
• If you've recently purchased this add-on Download the add-on from your "my Downloads" Area in your account.
• Make sure to add your domain where your shop lives to your subscription. You will need this configured to use the add-on in your shop.
• Adding a domain to my add-on subscription
• Install your new add-on into the site where your CommerceLab Shop Component using Extensions >> Install

Getting to Stripe.com

• You can get your credentials from inside your stripe account
• https://dashboard.stripe.com/

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"
• Name it
• 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.

• Name your webhook
• Add this end point URL. (The URL is the same for both test and live mode).

https://your.domain/index.php?option=com_commercelab_shop&paymenttype=stripeadvanced

NOTE: Be sure that your end point is accessible from a browser, you will see a confirmation message.
All sites that have online payment should be using forced and valid SSL certificates (httpS), Stripe itself will block any interaction if not.

• Add a description that describes what happening such as "listneing for transaction details"
• Then click the "select events" Button

• Search for these endpoints and add them.
• Save your test and live test end point secrets.

Apple Pay Setup

• Next go to Settings >> Branding in Stripe to style your new stripe avdaced Pay Setup
• Click this link to learn how to activate Apple pay if you'd like to use it

Stripe Branding can be done in your stripe account settings.

• Next go to Settings >> Branding in Stripe to add some simple style options to your checkout like colors and logo icon.
• https://dashboard.stripe.com/settings/branding

Stripe Plugin Configuration

• Navigate to your Joomla 4 >> Plugins section and search for "Stripe"
• Click into "System - CommerceLab Shop Stripe Advanced"

• Add your background image that will display behind order details on the left of the one page checkout.
• This is where you'll be entering your "Sandbox" credentials you saved then toggle the switch to "Live mode"
• Add your test webhook end point secret
• Leave "User Browser Locale?" Leave as yes. This is for advanced usage
• Remember to turn live mode off for testing. Save & Close

The Stripe Advanced element

• Drag this onto to your checkout page and begin configuring tests on your checkout.