WordPress WooCommerce Marketplace Stripe Connect plugin, which works as a payment gateway allows users to can accept payments from all around the world for their e-commerce store.
This plugin can run in both test and live mode. Also, it facilitates the sellers to connect using stripe connect.
- WordPress WooCommerce Marketplace Stripe Connect Plugin is an add-on of WordPress WooCommerce Multi-Vendor Marketplace Plugin.
- To use this plugin you must first install WordPress WooCommerce Multi-Vendor Marketplace Plugin.
- Working with stripe supported currencies.
- Better Security as given by Oauth (Open standard for authorization). For creating token when receiving card details, so that no information of card could be received by our own server.
- Email notification of the transaction.
- Support for almost all kind of cards including Visa, Mastercard, American Express & Discover.
- Well integrated with WordPress WooCommerce Marketplace.
- The customer makes a payment for the product/s, the payment is automatically split amongst the admin and the sellers involved.
- The customer can save the billing address for future use.
- Check and utilized both Test and Live server modes on the payment gateway.
The user will get a zip file which needs to be uploaded in the “Add New” menu option in the WordPress admin panel.
After this, the user will see an option on the top of the page that is “Upload Plugin”, click the option to upload the zip file.
On clicking the “Upload Plugin” option, the user will see a “Choose File” button. Click on the button to browse for the zip file as per the image below.
Once the user installs the plugin, a message “Plugin installed successfully” displays and an “Activate Plugin” is visible to activate the plugin.
The user needs to click on the “Activate Plugin” button to activate the plugin.
WordPress WooCommerce Marketplace Stripe Connect
Step 1: Go to https://dashboard.stripe.com/login and enter your login details.
Step 2: Now, enable the option “View test data” on the side panel if not enabled already.
Step 3: Click the API menu option on the side panel to see the Publishable key(API Publishable Key). Now, click the “Reveal test key token” to get your Secret Key(API Key).
Clicking the “Reveal test key token” will bring up the – Secret Key(API Key).
Step 4: To get the Client Secret key click the “Connect” menu option on the side panel and then click on the “Settings” option. Enter all the required information for the application.
Set the Website URL as – www.example.com/seller/profile/edit
Set the Redirect URL as – www.example.com/seller/profile/edit
Here, you have two keys for the client_Id that are to be used according to the mode –
- Development mode – This client_id is to be used when your site is in the testing mode.
- Product mode – This client_id is to be used when your site is in the live mode.
Here admin can enable the Credit Cart (Stripe Connect) payment method and can configure it by clicking “Manage”.
The admin can set the configurations as under:
Enable/Disable – With the help of this option the admin can enable or disable this plugin.
Title – Enter the title which will be displayed at the time of checkout.
Description – Enter description will be displayed to the user during checkout.
Test/Live – Here the admin can opt for the test or the live mode of this payment method.
Stripe Connect Test client_id – Enter Stripe Connect Test Client Id.
Stripe Connect Live client_id – Enter Stripe Connect Live Client Id.
Stripe Test Secret Key – Enter the API Stripe Test Secret Key generated within the Stripe Payment gateway.
Stripe Test Publishable Key – Enter the API Stripe Test Publishable Key generated within the Stripe Payment gateway.
Stripe Live Secret Key – Enter the API Stripe Live Secret Key generated within the Stripe Payment gateway.
Stripe Live Publishable Key – Enter the API Stripe Live Publishable Key generated within the Stripe Payment gateway.
Sale Method – Select which sale method to use. Authorize Only will authorize the customer’s card for the purchase amount only. Authorize & Capture will authorize the customer’s card and collect funds.
Accepted Cards – Select which card types to accept from “MasterCard”, “Visa”, “Discover”, and “American Express”.
CVV – Enable if require customer to enter credit card CVV code.
After entering all the required details click “Save Changes” to save the details.
Seller End Workflow
In the Seller End, the sellers can log in using their login credentials. This shall redirect the sellers to their profile page.
Thereafter, the sellers can simply tap on the Seller Profile tab and add or edit any details as required as shown in the image below.
The sellers will have to add the Social Profile information as well along with the Personal information under the Seller Profile tab.
The “Payment Information” section has the “Connect With Stripe” button for the sellers to easily connect with stripe. to the admin via stripe connect as shown below in the snapshot.
As the seller clicks on the “Connect With Stripe” button, it redirects the seller to another page, where the seller needs to add the details as shown in the image below.
After filling in the details the seller needs to click on the “Authorize Access To This Account” button so as to get the “Payment Description Or Payment Id“.
This redirects the seller to the “My profile” page where the seller can view a message “Connected successfully” in place of “Connect With Stripe” button under Payment Information as shown in the image below.
Front end Workflow
On the checkout page, the Stripe Connect payment method option is visible on the checkout page to the customers.
The customers select the Stripe Connect option so as to make the payment for the purchase.
The customers will have to add the card details such as card number, choose a card type as – Master, Visa, or American Express from the dropdown list, Expiration Date and the CVV details and simply tap on Place Order.
Once the customer places the order, a confirmation message shall display under the Order Received along with the details of the order as shown in the image below.
The admin and the sellers can log in to the Stripe accounts using their respective login credentials and view the details of their payment (commission) which displays under the Payments option as the shown in the image below.
The seller’s commission details will be present in the admin’s Stripe Account.
For instance, in the image below, the amount USD 524 (including shipping) is the seller’s amount and the amount USD 709 (including shipping) is the admin’s amount which displays under the admin’s Stripe account.
In order to view the complete details, the admin needs to click on the amount, for instance, USD 709 which the admin’s amount.
As the admin clicks on the amount, it redirects the admin to the Payment details page as shown in the image below.
Similarly, the sellers can also view their payment by simply logging in to their Stripe Accounts using their respective login credentials.
As the seller logs in, the seller can view the payment (commission) under the Payments option as shown in the image below.
In order to view the details of the order, the seller needs to click on the amount, for instance, USD 524, and it redirects the seller to the payment details page as shown in the image below.
Dear Customers, if you have a question/query, please raise a ticket at HelpDesk System. We will do our best to answer as soon as possible.
Don’t give us a low rate without contacting support for the issue you face. We are always happy to help you.
Current Product Version - 1.1.1
Supported Framework Version - WooCommerce 3.3.x, WooCommerce 3.2.x, WooCommerce 3.1.x, WooCommerce 3.0.x