WooCommerce Sumup Integration Plugin
Woocommerce SumUp plugin is a WordPress plugin that allows you to pay for your products via SumUp account.
- Multi-language WPML support.
- Supported with 3D Secure widget.
- Compatible with WooCommerce One Page Checkout.
- Take payments which already created in WooCommerce via SumUp.
- Currency for payment in Woocommerce must be the same currency for SumUp used account.
- OAuth Functionality to connect SumUp application
- Same page checkout without redirecting on another page
4.How it Works
Go to your admin dashboard ➜ Navigate to “WooCommerce” plugin ➜ “Settings” ➜ Select “Payments” Tab ➜ Click on “SumUp (3D Secure)” method and then click on the “Manage” button as shown in below image.
- Enter the desired title for your SumUp Credit Card checkout page in the “Title” field. (Optional Field)
- Enter the desired description for your SumUp Credit Card checkout page in the “Description” field. (Optional Field)
- For entering the “Client ID” and “Client Secret” you need to login in to your sumup.com account.
- Insert your SumUp login credentials, and click on the “log In” button.
- On your SumUp Dashboard, go to “Account”.
- Select the “For Developers” option.
- Click on the “Create client credentials” button. (as shown in the screenshot below)
- Mark check on the “Web” application type.
- Enter your desired name in the “Client Name” field for application.
- Enter you site URL in the “Authorized redirect URL” field.
- Click the “Save” button.
- Now, click on the small cloud button (as highlighted in the screenshot below) of your newly created application to download the file that will have the “Client ID” and “Client Secret” credentials.
- Open the downloaded .JSON formatted file and copy the “Client ID” and “Client Secret” credentials (as shown in the screenshot below).
- Now, go to your SumUp settings in Woocommerce -> Payments -> Sumup (3D Secure) and paste the copied “Client Id” and “Client Secret” in their respective fields.
- Enter Your SumUp email address in the “Pay to Email” field.
- Click on the “Save Changes” button.
- Front End View:
- After clicking on the “Place Order” button, you will get your order details on the frontend (as shown in the given screenshot.)
- Now go to your WooCommerce orders and check your generated order.
In the SumUp dashboard, you will be able to see the order details with the transaction code of your WooCommerce order. These details should match the SumUp transaction ID (as seen in the screenshot below).