Menu Close
    Searching for an experienced Shopify Development Company ?

    Multi Vendor Marketplace for Shopify: Stripe Connect Integration

    We have launched Stripe connect payment gateway in Multivendor Marketplace app for Shopify where now after the customer pays the amount for the order, the amount will go to respective Seller and Admin account directly as per the share configured on the basis of commission.

    Both admin & seller needs to have their respective Stripe accounts.

    This feature is available at a cost of USD 10 per month over and above your monthly plan. And you can use marketplace shipping or any other shipping of your store with this feature.

    NOTE: If you as Store Owner sell products, then you have to become Seller to get Payment through Stripe Connect.

    Stripe Payment Method works in the case of Gift Cards. But the whole payment will be received by the admin and will not get auto-split between vendors & admin. The admin then further needs to transfer the vendor’s share separately.

    – This will not work in the case of Custom Product & Gift Card Product.

    POINT TO REMEMBER

    If customers are applying a discount code on the orders, then all the order amount will be sent to the Admin Stripe Account. And then Admin will be responsible for sending the seller earning to his account. Admin can do that from the app either by using Paypal.

    NOTE:- If you are using the older version of Stripe API (before 2019-08-14), make sure to upgrade it to the latest version.

    Minimum & Maximum Charge Amount

    The minimum amount you can charge 0.5$ and maximum up to eight digits (e.g., a value of 99999999 for a USD charge of $999,999.99). Learn more.

    ACTIVATION IN NEW THEME

    Firstly, enable the app from Feature App section.

    Feature app

    Once you will click on the “Enable” button, you need to agree on additional charges which are USD 10 per month.

    Stripe Connect13

    Now, let’s understand its workflow:-

    Workflow

    Configuration of the app is given in this bog: Stripe SCA Enabled: Multivendor Marketplace for Shopify

    Stripe Account Types

    Also, you need to choose the Stripe account type of your sellers while configuring the Stripe details in the app. Select the account type whether Standard or Express that the seller is using with Stripe. Know more about the Stripe accounts.

    NOTE:- You can’t change the account type to Express if the seller is already connected to the Standard Stripe account and vice versa.

    Additionally, enter the details like Secret key, Publish Key and Client ID and then click on save.

    Stripe Details

    You need to log in to your Stripe Account to get the above keys.

    “Secret key” and “Publish key” you will get from the “API” section of your Stripe account.

    Dashboard – pratik kumar – Stripe  Test  (3)

    “Client ID” you will get from “settings > Connect Settings” of your Stripe account.

    Dashboard – pratik kumar – Stripe  Test  (4)

    Copy the client ID:

    Dashboard – pratik kumar – Stripe  Test  (5)

    Now, to connect seller’s Stripe account to your stripe account copy the code from “instruction for marketplace” section of configuration menu in the app and paste into the “Redirect URI” section of your Stripe account and make this default as shown in the following screenshot:-

    Admin end>> Configuration >> Instruction for marketplace >> Visit “Stripe connect” section>> Copy the given code to connect seller’s Stripe account to your Stripe account.

    Stripe Connect188

    Now open your “Stripe account” and paste the code in the “Redirect URI” section and make it default.

    Dashboard – pratik kumar – Stripe  Test

    Go to Settings>> Connect Settings >> Redirects:

    Enter the URL:

    Dashboard – pratik kumar – Stripe  Test  (1)

    Set it as default:

    Dashboard – pratik kumar – Stripe  Test  (2)

    Code Pasting

    You will find the codes under Multivendor Admin Panel > Configuration > Instruction for Marketplace > Under Stripe Connect.

    Connect seller Stripe account to your Stripe account by pasting these codes in the given template files.

    Copy the code from Instruction for Marketplace section into Redirect URIs inside account applications settings (Visit Stripe Account). The code will look like this:

    https://{your_seller_url}/index.php?p=stripe_connect_config&sid={your_sid}&type=connect

    Note: Please don’t paste the exact same code as provided above as it doesn’t have the seller URL & sid number. Visit Instruction for Marketplace section and then copy the code from there.

    Copy the below given code & paste it to customers/order.liquid template.

    <div style="display:none;" id="wk_order_payment_status" data-payment_status="{{ order.financial_status }}" data-sh_gateway="{{ order.transactions[0].gateway }}" data-wk_gateway="Stripe Payment"></div>
    image-78

    SHOPIFY STORE SETTINGS

    NOTE:

    Admin just needs to create a custom payment method from the Shopify store backend and Please note:- Name of your custom payment method should be the same as the name of the Stripe Payment name (Which you have entered from “Checkout payment method” section of the multivendor app).

    Then customers must need to pay via this custom payment method, Only after that payment gets split between admin & seller.

    Admin needs to create the stripe connect payment name from Shopify store settings to add Payment Name for the checkout page. Please follow the below steps:-

    Admin panel of Shopify store>>Settings >> Payment Providers>>visit “Manual Payments” section>>click “Create Custom Payment Method” from drop down>>Enter Payment Method name>>Click on “Activate” button.

    Settings

    Please note:- Name of your custom payment method should be the same as the name of Stripe Payment name. (Which you have entered from the “Checkout payment method” section of the multivendor app)

    payment provider1

    This way you can create the payment method which the customer will select at the checkout page once added by the admin.

    SELLER PANEL IN NEW THEME

    Now a menu name “Stripe Connect Configuration” in the “orders” Section will be added to the seller panel of your multivendor marketplace app.

    Stripe Connect121

    After visiting this section click on “Add account to stripe”

    image-165
    Stripe Login Panel

    Standard:-

    Stripe Connect account

    Express:-

    Express Account

    Further, the account will be successfully added.

    Stripe Connect Orders

    Seller Stripe Dashboard: Express Account Type

    If the seller has configured the express account, he will have the option to redirect to the stripe dashboard from here:

    image-166

    CUSTOMER FRONTEND

    At the checkout page, a customer can choose the “Stripe Connect” payment method to pay for the order.

    pay via stripe

    Support

    Furthermore, if you need any kind of support/Consultancy then please raise a ticket at http://webkul.uvdesk.com/ or drop an email at [email protected]

    Thanks for reading this blog!!! 🙂

    . . .
    Discuss on Helpdesk

    Leave a Comment

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


    2 comments

  • Jessica
    If we set up Stripe Connect does the seller also need to fill out their payment details under ‘Profile/Payment Details’ in order for us to pay them or will it be done automatically through their Stripe account?
    • Mansi Rana (Moderator)
      Hey Jessica,
      Yes, it is mandatory for both admin & seller to have their respective Stripe accounts.
      Sellers need to configure the same by visiting the Multivendor Seller Panel > Orders > Stripe Payment Configuration. Refer: https://prnt.sc/s91hn0
      In case you face any issue, kindly drop an email at [email protected]

      Thank you!

  • Back to Top

    Table of Content

    Hide Index