NOWPayments is a non-custodial crypto payment gateway solution that lets you accept online payments in a variety of cryptocurrencies - in a simple and fast way. The platform supports more than 50 currencies including stablecoins, tokens, as well as popular coins.
Step 1
In order to start using this payment getaway there are few steps to be done.
Included with your CommerceLab Shop component is the payment gateway by Paypal let's walk through setup and configuration of this add-on to get you started taking payments.
Getting to Paypal developers site
Youre going to need your paypal credntials for sandbox testing your sites check and live credntials when you're ready to start taking real payments.
You can get your credentials from the Paypal developers site. Login with your paypal account info or create one.
When in your Paypal developers area click the left hand menu item "apps & Credentials"
With the "SandBox" toggle activated click the button "create app"
Name your new app
And set your app type to "Merchant"
Then Create the app
Copy and save your "Sandbox Client ID"
"Sandbox Secret" to use in the following steps you will need to add these to your plugin.
Creating a live Paypal app keys
Go back to "Apps & Credentials" tab by clicking the link in the left menu
Toggle the Switch from "Sandbox" to "live"
Click the button "Create app"
Name your new "Live" App and continue
Copy your "Client ID" &
"Secret" keep this safe
Note: There are no webhooks needed for this Paypal integration.
Paypal Plugin Configuration
Navigate to your Joomla 4 >> Plugins section and search for "Paypal"
Click into "Paypal - CommerceLab\Shop"
This is where you'll be entering your "Sandbox" credentials
Leave "User Browser Locale?" Set to yes. This is for advanced usage
Toggle the switch to live and enter your live keys
Leave "User Browser Locale?" Set to yes. This is for advanced usage
Remember to switch the toggle back to "live mode no" so you can test this properly.
Save and close you're ready to go configure this on your checkout page.
The Paypal standard element
Naviage to your checkout page. In your YOOtheme page builder under "CommerceLab Shop Payment (standard)" elements you can find your Paypal element drag this on to your page. To begin the setup
Drag this onto to your checkout page and begin configuring tests on your checkout.
Use the Mollie advanced pay check add-on to create a one page checkout which increase conversions overlaying your shop website. This is a great toption for mobile heavy traffic shops.
VAT ID is required to use mollie checkout, with over 50 payments methods accepted around the world
We're going to walk through the download setup and install.
Install your new add-on into the site where your CommerceLab Shop Component using Extensions >> Install
Setting up a website profile in Mollie payments website
When in your newly setup dashboard, we first need to setup a website profile. From the side bar naviagte to settings >> Website profile
Fill out your business details and add the site where your site lives.
Then select your payments you'd like to accept.
Personalize your checkout
Getting your mollie API Keys
From the side bar go to Developers >> API Keys. to grab you live and test keys
Mollie Advanced Pay Plugin Configuration
Navigate to your Joomla 4 >> Plugins section and search for "Mollie"
Click into "Mollie Advanced - CommerceLab Shop"
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 Mollie Advanced element
Naviage to your checkout page. In your YOOtheme page builder under "COMMERCELAB PAYMENT (ADVANCED)" elements you can find your MOllie Advnaced element and 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.
Use the stripe advanced pay check add-on to create a one page Stripe checkout which increase conversions overlaying your shop website. This is a great toption for mobile heavy traffic shops.
We're going to walk through the download setup and install.
Install your new add-on into the site where your CommerceLab Shop Component using Extensions >> Install
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.
You can get your credentials from inside your stripe account
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).
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
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
Naviage to your checkout page. In your YOOtheme page builder under "COMMERCELAB PAYMENT (ADVANCED)" elements you can find your Stripe Advnaced element and 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.
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.
You can get your credentials from inside your stripe account
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).
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.
Stripe Plugin Configuration
Navigate to your Joomla 4 >> Plugins section and search for "Stripe"
Click into "Stripe Payment - CommerceLab\Shop"
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
Remember to switch the toggle back to "live mode no" so you can test this properly.
Save and close you're ready to go configure this on your checkout page.
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.
