Menu Close
    Searching for an experienced Woocommerce Development Company ?

    WordPress WooCommerce Marketplace Stripe Connect

    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.

    Note:

    • 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:-

    hcD6D5Qqu10

    Features of WordPress WooCommerce Marketplace Stripe Connect

    • Working with currencies that Stripe supports
    • It support 3D secure payment method.
    • 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. 

    NOTE:-

    • If you are transferring money with the help strip payment method then it is mendatory 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.

    Installation

    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-–-Nik-–-Stripe-Test-

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

    Dashboard-–-Nik-–-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-–-Nik-–-Stripe-Test-2

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

    Dashboard-–-Nik-–-Stripe-Test-5

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

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

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

    Administrator Management

    After successful installation of Stripe Connect the admin can configure this under “WooCommerce > Settings > Payments”.

    wordpressdemo.webkul.com_marketplace-addon_wp-admin_admin.php_pagewc-settingstabcheckoutWebkul-store-2

    Stripe Connect Configuration

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

    Configuration Images

    wordpressdemo.webkul.com_marketplace-addon_wp-admin_admin.php_pagewc-settingstabcheckoutsectionstripe-connectWebkul-store-1

    wordpressdemo.webkul.com_marketplace-addon_wp-admin_admin.php_pagewc-settingstabcheckoutsectionstripe-connectWebkul-store-2

    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.

    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.

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

    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. 

    wordpressdemo.webkul.com_marketplace-addon_wp-admin_post.php_post405actioneditWebkul-store

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

    Screenshot-from-2021-08-24-15-17-19-1

    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.

    webkul-woocommerce-marketplace-stripe-connect-payment-information

    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 login to multiple Stripe Accounts.

    webkul-woocommerce-marketplace-stripe-connect-reconnect-to-other-accounts

    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. 

    wordpressdemo.webkul.com_marketplace-addon_seller_order-history_Webkul-store-1

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

    wordpressdemo.webkul.com_marketplace-addon_seller_order-history_328_Webkul-store-1

    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. 

    webkul.com_blog_wp-admin_post.php_post24591actioneditWebkul-store-3-1

    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 be done 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 authenticatio by clicking on the “Complete Authentication” botton. The order will placed.

    screenshot_from_2021_08_19_16_46_27-1

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

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

    webkul-woocommerce-marketplace-stripe-connect-seller-payment

    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-seller-payment-details-1

     

    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. 

    transactions

    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.

    seller transaction

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

    Support

    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 - 2.0.1

    Supported Framework Version - support version wordpress 5.8.x, woocommerce 5.6.0, marketplace 5.0.2

    Blog Version - support version wordpress 5.8.x, woocommerce 5.6.0, marketplace 5.0.2
    • Version support version wordpress 5.8.x, woocommerce 5.6.0, marketplace 5.0.2
    • Version WooCommerce 3.3.x, WooCommerce 3.2.x, WooCommerce 3.1.x, WooCommerce 3.0.x
    . . .
    Discuss on Helpdesk

    Leave a Comment

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


    2 comments

  • Trent Drake
    Our restaurant has a single website and menu but about 20 physical stores that can do the delivery of the order. Can we use this plugin so that during checkout or the ordering process, the user can select the closest store to deliver or pickup their food from, and then payment will go to that store?
    • Subhangi (Moderator)
      Hello,

      I would request you to share your full requirement at [email protected] so that our team will assist you in a better way.

      Thanks
      Webkul Team.

  • Back to Top

    Table of Content

    Hide Index