WordPress WooCommerce Marketplace Stripe Connect plugin, which works as a payment gateway. Thus, allowing 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. Hence, in addition, 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.
- This plugin only supports Standard connect integration.
Watch the video to understand the extension workflow:-
Features of WordPress WooCommerce Marketplace Stripe Connect
- Working with currencies that Stripe supports
- 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 kinds of cards including Visa, Mastercard, American Express & Discover.
- Works well 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 both Test and Live server modes on the payment gateway.
- The Stripe Separate Charge and Transfer API can be used for the Strip transaction(only for USD and Euro Currency types).
- Both the admin and the sellers can process a refund for the orders from their respective panels.
The user will get a zip file that 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. Thus, 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.
So, the user needs to click on the “Activate Plugin” button to activate the plugin.
WordPress WooCommerce Marketplace Stripe Connect
First Step: Go to https://dashboard.stripe.com/login and enter your login details.
Second Step: Now, enable the option “View test data” on the side panel if not set to enable already.
Third Step: Click the API Keys 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).
Fourth Step: To get the Client Secret key, click on the “Settings” option & navigate to the product settings & to “Connect Settings” option.
Fifth Step:- Under Connect settings scroll down to the Integration page & here you can find the Client ID.
For redirection, you need to click on + Add URL.
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.
After successful installation of Stripe Connect the admin can configure this under “WooCommerce > Settings > Payments”.
Stripe Connect Configuration
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 that the customer will see at the time of checkout.
Description – The admin will specify the description which the customer can see on the checkout page.
Test/Live- Here the admin can opt for the test or the live mode of this payment method.
- Test client_id – Enter Stripe Connect Test Client Id.
- Live client_id – Enter Stripe Connect Live Client Id.
- Secret Key – Enter the API Stripe Test Secret Key generated within the Stripe Payment gateway.
- Publishable Key – Enter the API Stripe Test Publishable Key generated within the Stripe Payment gateway.
Secret Key – Enter the API Stripe Live Secret Key generated within the Stripe Payment gateway.
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 the customer to enter credit card CVV code.
Stripe Transfer API- The admin can select the API from the options given in the dropdown list present against the Select the API to Use field.
Note- This API functionality will work only for the US and European countries, that is, for currency type USD and Euro.
After entering all the required details click “Save Changes” to save the details.
Refund Process: Admin End
In the admin panel, the admin can process a refund. The admin needs to navigate to the WooCommerce > Orders and find the order listing.
Thereafter, the admin needs to choose the order for which the amount is to be refunded on the order details page.
On clicking the Refund button, two more tabs will be visible Refund Manually and Refund via Stripe Connect as shown in the image.
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 per requirement.
However, 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.
As the seller clicks on the “Connect With Stripe” button, it redirects the seller to another page. Thus, the seller requires 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. Henceforth, the seller can get “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 the “Connect With Stripe” button under Payment Information as shown in the image below.
Refund Process: Seller End
The sellers as well can process a refund from their respective panels. The sellers need to navigate to the Order History tab. The admin needs to navigate to the Order History and find the order listing.
Then the seller must tap on the order and view its details on the order details page as shown in the image.
Then the seller must click on the Refund tab. The Refund Manually and Refund via Stripe Connect tab shall be visible 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.
Stripe Money Transfer
The admin and the sellers can log in to the Stripe accounts using their respective login credentials. Therein both can view the details of their payment (commission) which displays under the Payments option as 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.
When ‘Use Stripe Separate Charge and Transfer API for Stripe Payment Gateway’-
Now, if in the admin configuration the above mentioned field is check the amount will initally be added to the admin account.
Then the seller will receive the amount post deduction of the commission , taxes and other additional amount in the payment. The admin can check the same by navigationg to Connect> Transfers.
Hence, here, in this section the admin can visualize the amount being paid to the seller for the order.
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