Back to Top

Guide for WooCommerce Marketplace Square Payment Gateway

Updated 23 October 2024

The WooCommerce Marketplace Square Payment gateway provides the option to configure the Square payment method on the WooCommerce Marketplace store.

The admin can create a Square payment account and integrate it with the WooCommerce. Sellers can also take advantage of the payment method.

Buyers can directly make payment through the Square payment by entering their card details. It supports various currencies so the customer can pay from anywhere at any time.

Note: This plugin is an add-on to WordPress WooCommerce Marketplace. To use this plugin you must have installed WooCommerce Marketplace Plugin.

We provide a production version of the plugin. If you want a development version then you can get it at an additional cost. Please contact [email protected] for it.

Searching for an experienced
Woocommerce Company ?
Find out More

Features

  • It works with all Square payment gateway-supported currencies.
  • No card information will be saved on our own server.
  • It supports various cards including Visa, Mastercard, American Express, Discover, etc.
  • Support 3D secure Cards.
  • It works on both test and live server modes on the payment gateway.
  • Users can request a refund using Square.
  • The admin commission will be directly sent to the admin Sqaure payment account.

Installation

The user will get a zip file for the WooCommerce Marketplace Square Payment Gateway that he has to upload in the “Add New” menu option in the WordPress admin panel.

For this, login to the WordPress Admin Panel, and Under the Dashboard hover your mouse over the “Plugins” menu option, which brings out a Sub-Menu, and then select the “Add New” option.

WooCommerce DIBS Payment Gateway installation

After this, you will see an option on the top of your page that is “Upload Plugin”. Click the option to upload the zip file.

WooCommerce DIBS Payment Gateway Installation

By clicking on the “Upload Plugin” option below, you will see a button “Choose File”. Click on the button to browse for the zip file as per the snapshot below.

WooCommerce DIBS Payment Gateway Installation

After browsing the file, click the “Install Now” button to install the plugin as per the snapshot.

192.168.15.156_woocommerce_marketplace_square_payment_gateway_wp_admin_plugin_install.php_

Now when the plugin is installed correctly, you will see the success message and an option to activate the plugin. Henceforth now, click on “Activate Plugin” to activate the installed plugin.

192.168.15.156_elasticsearch_wp_admin_update.php_action_upload_plugin

How to get Square Payment API credentials?

Navigate to Square Payment Gateway click on the sign-in button and create an account.

developer.squareup.com_us_enwebkul-store

When click on the sign-in option, it will navigate you to the sign-up page.

squareup.com_signup_country_codeinvdeveloperswebkul-store

If you already have an account, then click on Sign in and enter your credentials.

squareup.com_login_lang_codeen-usreturn_to2Fsignup2Fin3Flang_code3Den-us26country_code3Din26v3Ddevelopersappdeveloperwebkul-store

Once the admin enters their credentials and login, it will ask you for the number with the country.

squareup.com_login_lang_codeen-usreturn_to2Fsignup2Fin3Flang_code3Den-us26country_code3Din26v3Ddevelopersappdeveloperwebkul-store-1

The admin can enter their number or skip the process.

squareup.com_login_lang_codeen-usreturn_to2Fsignup2Fin3Flang_code3Den-us26country_code3Din26v3Ddevelopersappdeveloperwebkul-store-2

Now click on the Continue to Square button, and it will redirect you to the Square dashboard.

developer.squareup.com_appswebkul-store

Create an App on Square

Here, you must create an app or use an already created one to get the Square credentials. Click on the Plus icon and create the app.

developer.squareup.com_appswebkul-store-1

Enter the name of the application and click on next. It will navigate to another page.

developer.squareup.com_appswebkul-store-2

Tick mark the options why you building this app.

developer.squareup.com_appswebkul-store-3

Once you complete the process the app will create.

developer.squareup.com_apps_sq0idp-ZKXkbdGaUVAeFfQA8J7jBg_settingswebkul-store-1

It will open the credentials page where you will find the sandbox application ID. This will be used while configuring Square Payment on WooCommerce.

developer.squareup.com_apps_sq0idp-ZKXkbdGaUVAeFfQA8J7jBg_settingswebkul-store-1-1

Now move to OAuth to get the secret ID and URL. It will show like ({Site URL}/my-account/seller-profile).

For Location ID, open the app and click on the “Location” option on the left.

Screenshot-72

Note – You can also use WooCommerce Marketplace Mobile app to provide the square payment functionality with the help of the mobile app to the customers.

Square Payment Configuration

After the successful module installation, now the admin can configure the Square Payment on the WooCommerce store. Navigate to WooCommerce > Settings > Payments > Marketplace Square Payments.

wordpressdemo.webkul.com_woocommerce-marketplace-square-payment-gateway_wp-admin_admin.php_pagewc-settingstabcheckoutwebkul-store

Click on the Manage button and it will navigate you to another page.

wordpressdemo.webkul.com_woocommerce-marketplace-square-payment-gateway_wp-admin_admin.php_pagewc-settingstabcheckoutsectionwkmarketplace-squarewebkul-store-1

Enable/Disable – The admin can enable/disable the module from here.

Title – Add the title for the payment method so it will display the same on the customer end.

Description – Add the description for the payment method. It will be displayed on the checkout page.

Environment – Set the environment live or sandbox.

wordpressdemo.webkul.com_woocommerce-marketplace-square-payment-gateway_wp-admin_admin.php_pagewc-settingstabcheckoutsectionwkmarketplace-squarewebkul-store-1-1

Now enter the rest API credentials of Square payment.

Seller End – Square Payment Configuration

The seller can also provide a Square payment option to their shop. They just need to connect the Square Payment to their account.

wordpressdemo.webkul.com_woocommerce-marketplace-square-payment-gateway_my-account_seller-profile_webkul-store-1

Note: To configure the Square payment to their account both panels should open on the same browser.

Screenshot-71

Now the seller needs to click on the Square button and it will auto-connect the payment method to their store.

wordpressdemo.webkul.com_woocommerce-marketplace-square-payment-gateway_my-account_seller-profile_webkul-store

Note: If the seller account is not connected with Square Payment then the whole amount will transfer to the admin’s account.

Customer End – Workflow

After the successful configuration, the customer can use the Square Payment method while checkout. They just need to add the product to the cart and proceed with checkout.

wordpressdemo.webkul.com_woocommerce-marketplace-square-payment-gateway_cart_webkul-store-2

When click on the proceed to checkout button it will navigate to the payment and shipping page.

wordpressdemo.webkul.com_woocommerce-marketplace-square-payment-gateway_checkout_webkul-store-5

Where customer will choose the Square payment method and enter their card details.

wordpressdemo.webkul.com_woocommerce-marketplace-square-payment-gateway_checkout_order-received_80__keywc_order_K4WQ0ksZDeTmlwebkul-store

Once they click on the place order the order will get placed and they will receive the order details.

Note:- It supports only single-seller checkout.

Return and Refund

The admin and the vendor can initiate the refund for the respective order from their panel. They can complete the refund process from the Square payment gateway.

Admin end

wordpressdemo.webkul.com_woocommerce-marketplace-square-payment-gateway_wp-admin_admin.php_pagewc-ordersactioneditid79webkul-store

When the admin clicks on the refund button it will provide two options refund manually or refund via Square Payment.

wordpressdemo.webkul.com_woocommerce-marketplace-square-payment-gateway_wp-admin_admin.php_pagewc-ordersactioneditid79webkul-store-1

They can choose the refund via Marketplace Square Payment and proceed with the refund.

wordpressdemo.webkul.com_woocommerce-marketplace-square-payment-gateway_wp-admin_admin.php_pagewc-ordersactioneditid79webkul-store-2

Once the process is complete from the WooCommerce end admin can check the Square payment dashboard for the transaction and refund.

squareupsandbox.com_dashboard_sales_transactionswebkul-store

Choose the refunded order and it will display the order details with the refund status.

squareupsandbox.com_dashboard_sales_transactions_uWqMU6vpX3Q5vMrxJYANYlrFHPcZY_by-unit_L6E0YWJVAXWEHwebkul-store

Seller End Refund

The seller can also refund the amount from their panel using Square payment.

wordpressdemo.webkul.com_woocommerce-marketplace-square-payment-gateway_my-account_seller-orders_80_webkul-store

When they click on the refund button it will display the refund option and the seller can choose accordingly.

wordpressdemo.webkul.com_woocommerce-marketplace-square-payment-gateway_my-account_seller-orders_80_webkul-store-1

Note – You can also integrate our WooCommerce Marketplace POS system into your WooCommerce Marketplace store.

Support

That is all about the WooCommerce Marketplace Square Payment Gateway. If you have any queries regarding the plugin, please contact us at Webkul Support System.

You can also check our complete WooCommerce plugin list for your WooCommerce store.

Current Product Version - 1.0.0

Supported Framework Version - WordPress: 6.3.2 WooCommerce: 8.2.1 WooCommerce Marketplace: 5.3.1

. . .

Leave a Comment

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


Be the first to comment.

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