Back to Top

WordPress WooCommerce Marketplace Stripe Connect

Updated 24 April 2024

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 tests and live modes. Hence, in addition, it facilitates the sellers to connect using Stripe Connect.

Using WooCommerce Multi Vendor Subscription, sellers can add subscription products and customers can subscribe to them on a daily, weekly, monthly, or yearly basis.

Note:

 

Watch the video to understand the extension workflow:-

hcD6D5Qqu10

Features of WordPress WooCommerce Marketplace Stripe Connect

  • Working with currencies that Stripe supports
  • It supports a 3D secure payment method.
  • Better Security as given by Oauth (Open standard for authorization). For creating tokens when receiving card details, so that no information about the 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. 
  • Both the admin and the seller can perform the auto refund process from their panel via Stripe connect.
  • The admin can process transfer reversal manually and it will work automatically on the seller’s end.
  • The extension is compatible with the HPOS feature.

NOTE:-

  • If you are transferring money with the help strip payment method then it is mandatory that both accounts should be from the same country (for example, both in Australia).
  • Stripe supports separate charges and transfers in the following regions: Australia, Brazil, Canada, Europe, Japan, Malaysia, New Zealand, Singapore, and the US.

If you require expert assistance or want to develop custom unique functionality, hire WooCommerce Developers for your project.

Installation of WordPress WooCommerce Marketplace Stripe Connect

The user will get a zip file that needs to be uploaded in the “Add New” menu option in the WordPress admin panel.

So, for this login to WordPress Admin Panel and in the Dashboard hover your mouse over the “Plugins” menu option select the “Add New” option.installation -1

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.

installation -2

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.

installation -3

After browsing the file, click on the “Install Now” button so as to install the plugin as per the snapshot.installation -4

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.

installation -5

WordPress WooCommerce Marketplace Stripe Connect

First Step: Go to https://dashboard.stripe.com/login and enter your login details.

Stripe-Sign-in

Second Step: Now, enable the option “View test data” on the side panel if not set to enable already.

Dashboard-Stripe-Test

Third Step: Click the API Keys menu option on the side panel to see the Publishable key(API Publishable Key).

Dashboard-Stripe-Test-1

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).

Dashboard-Stripe-Test-2

Fourth Step: To get the Client Secret key, click on the “Settings” option & navigate to the product settings &  to the “Connect Settings” option.

Dashboard-Stripe-Test-1

Fifth Step:- Under Connect settings scroll down to the Integration page & here you can find the Client ID.

https://webkul.com/blog/wordpress-woocommerce-marketplace-stripe-connect/

For redirection, you need to click on + Add URL.

Connect-settings-–-Nik-–-Stripe-Test-1

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 testing mode.
  • Product mode – This client_id is to be used when your site is in live mode.

Administrator Management of WordPress WooCommerce Marketplace Stripe Connect

After successfully installing Stripe Connect the admin can configure this under “WooCommerce > Settings > Payments”.

woocommerce-marketplace-stripe-connect-

Stripe Connect Configuration

Here admin can enable the Credit Cart (Stripe Connect) payment method and can configure it by clicking “Manage”.

Configuration Images

woocommerce-marketplace-stripe-connect

woocommerce-marketplace-stripe-connect

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.

The Stripe Connect- 

  • Test client_id – Enter Stripe Connect Test Client Id.
  • 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.
  • Publishable Key – Enter the API Stripe Test Publishable Key generated within the Stripe Payment gateway.https://webkul.com/blog/wordpress-woocommerce-marketplace-stripe-connect/

Stripe Live-

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.

Stripe Charge Type

The admin can select the stripe charge type from the options given in the dropdown list that Use Separate Transfer and Use Destination Charge. 

While Using Separate Transfer  – When using separate charges and transfers, the platform can collect fees on a charge by reducing the amount it transfers to the destination accounts. For example, consider a restaurant delivery service transaction that involves payments to the restaurant and to the driver:

  • The customer pays a 100 USD charge.
  • Stripe collects a 3.20 USD fee and adds the remaining 96.80 USD to the platform account’s pending balance.
  • The platform transfers 70 USD to the restaurant’s connected account and 20 USD to the driver’s connected account.
  • A platform fee of 6.80 USD remains in the platform account.

Note- Creating separate charges and transfers is only supported when both your platform and the connected account are in the same region: both in Europe or both in the U.S. And, the 3D secure payment is only supported with separate transfers.How a charge is divided into fees for the platform account and transfers for the connected accounts

While Using Direct Charge

Create direct charges when customers transact directly with a connected account, often unaware of your platform’s existence. You can add an application fee to the charge which is transferred to your platform’s account balance. With direct charges:

  • The payment appears as a charge on the connected account, not your platform’s account.
  • The connected account’s balance increases with every charge.
  • Your account balance increases with application fees from every charge.

direct-charge

While Using Destination Charge

The full charge amount (10.00 USD) is added to the connected account’s pending balance. The application_fee_amount (1.23 UShttps://webkul.com/blog/wordpress-woocommerce-marketplace-stripe-connect/D) is subtracted from the charge amount and is transferred to your platform. Then, Stripe fees (0.59 USD) are subtracted from the application_fee_amount and the remaining funds (0.64 USD) are added to your platform account’s balance.

Flow of funds for destination charges

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 WooCommerce > Orders and find the order listing. 

wordpressdemo.webkul.com_marketplace-addon_wp-admin_edit.php_post_typeshop_orderWebkul-store

Thereafter, the admin needs to choose the order for which the amount is to be refunded on the order details page. 

woocommerce-marketplace-stripe-connect

On clicking the Refund button, two more tabs will be visible Refund Manually and Refund via Stripe Connect as shown in the image.

woocommerce-marketplace-stripe-connect

Auto Refund Process-

The admin can process the auto refund via Stripe Connect to the customers from the transaction section.

woocommerce-marketplace-stripe-connect

Furthermore, they can check this on the stripe end as well in all transactions.

woocommerce-marketplace-stripe-connect

Transfer Reversal

At Admin end

The admin can reverse the amount transferred to the seller from Marketplace> select seller> manage> open order> transaction then click on reverse Stripe Transfer to proceed with the transaction.

transversal

At Seller End

The seller can reverse the amount transferred to the seller from Marketplace> select seller> manage> open order> transaction then click on reverse Stripe Transfer to proceed with the transaction.

https://webkul.com/blog/wordpress-woocommerce-marketplace-stripe-connect/

Note: Seller can check the transfer reversal process from both seller frontend and backend.

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.

wordpressdemo.webkul.com_marketplace-addon_seller_profile_edit_Webkul-store-1

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.

woocommerce-stripe-connect

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“.

webkul-woocommerce-marketplace-stripe-authorize-access

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.

webkul-woocommerce-marketplace-stripe-connect-connection-establishedThe “Connected Successfully” message, thereafter, is replaced with the “Connect With Stripe” button for the sellers to log in to multiple Stripe Accounts.

woocommerce-stripe-connect

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. 

wordpress-woocommerce-marketplace-stripe-connect

Then the seller must tap on the order and view its details on the order details page as shown in the image. 

wordpress-woocommerce-marketplace-stripe-connect

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. 

wordpress-woocommerce-marketplace-stripe-connect

Auto Refund Process-

The seller can process the auto refund from their panel to the customer’s requested order refund.

wordpress-woocommerce-marketplace-stripe-connect

Furthermore, when the seller clicks on refund via Strip Connect the amount will be directly transferred to the customer.  This transaction will be displayed on the Stripe Connect page.


stripe-payment-all-transation

Note: The transfer reversal process will be performed automatically at the seller’s end while processing the refund.

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.

wordpressdemo.webkul.com_marketplace-addon_checkout_Webkul-store-1-1

3D secure payment method

The customer can also do this checkout with the 3D secure payment method, at the time of the 3D payment method the customer can get a pop-up before the payment is done.

As shown in the image below.

If the customer can complete the authentication by clicking on the “Complete Authentication” button. The order will be placed.

screenshot_from_2021_08_19_16_46_27-1

Moreover, 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.

webkul-woocommerce-marketplace-stripe-connect-order-received

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 is displayed 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 of USD 524 (including shipping) is the seller’s amount and the amount of USD 709 (including shipping) is the admin’s amount which is displayed under the admin’s Stripe account.

webkul-woocommerce-marketplace-stripe-connect-admins-payment

In order to view the complete details, the admin needs to click on the amount, for instance, USD 709 which is 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.

webkul-woocommerce-marketplace-stripe-connect-admin-commission-details

Similarly, the sellers can also view their payments 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.

webkul-woocommerce-marketplace-stripe-connect-admins-payment

Furthermore, 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.

webkul-woocommerce-marketplace-stripe-connect-admin-commission-details

When ‘Use Stripe Separate Charge and Transfer API for Stripe Payment Gateway’-

Now, if in the admin configuration the above-mentioned field checks the amount will initially added to the admin account. 

webkul-woocommerce-marketplace-stripe-connect-admins-payment

Then the seller will receive the amount post deduction of the commission, taxes, and another additional amount in the payment. The admin can check the same by navigating to Connect> Transfers.

stripe-payment

Hence, here, in this section, the admin can visualize the amount paid to the seller for the order.

Support

For any technical assistance kindly raise a ticket or reach us by email at [email protected]. Thanks for Your Time! Have a Good Day!

Also, discover various solutions to add more features and enhance your online store by visiting the WooCommerce plugins.

Current Product Version - 2.3.0

Supported Framework Version - WordPress: 6.5.2 WooCommerce: 8.7.0 WooCommerce Marketplace: 5.5.3

Blog Version - WordPress: 6.5.2 WooCommerce: 8.7.0 WooCommerce Marketplace: 5.5.3
  • Version support version wordpress 5.8.x, woocommerce 5.6.0, marketplace 5.0.2
  • Version WordPress: 6.5.2 WooCommerce: 8.7.0 WooCommerce Marketplace: 5.5.3
  • Version WordPress: 6.5.2 WooCommerce: 8.7.0 WooCommerce Marketplace: 5.2.3
  • Version WordPress: 6.0.2 WooCommerce: 6.9.0 WooCommerce Marketplace: 5.2.2
  • Version WooCommerce 3.3.x, WooCommerce 3.2.x, WooCommerce 3.1.x, WooCommerce 3.0.x
. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


2 comments

  • Trent Drake
    • Subhangi (Moderator)
  • Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content