WooCheckout Webview

Built-in Software v3

Overview

At this time we are supporting Payment gateways, Shipping options, Delivery options and Checkout Editor that will viewed using web-view within the mobile, web and desktop apps from one place. Checkout web page will be opened in web-view inside the application. In this, the web page is accessed and displayed in the app same as it displays on the browser but it does not include any feature of a fully developed web browser, such as navigation controls or an address bar.

You can install any payment methods add-on and the Webview will display it in the web and app.

Ask about integrated payment gateways using SDKs

There are some online payment platforms that integrate functionality using the SDK. Contact us to find out what are the integrated payment gateways using SDKs

The web-view approach is not a native approach. In this, the same browser web pages are accessed and displayed rather than developing the user interface natively in the app and integrating the functionalities using SDK.

Payment Gateways via Webview

Checkout Settings - WooCommerce

Checkout Settings

2Checkout Plugin for WooCommerce

Download or clone the extension from Github.

Installation and Settings

1. Sign in to your 2Checkout account.

2. Navigate to Dashboard → Integrations → Webhooks & API Section

3. Follow these steps to activate Redirect URL:

   • In the Redirect URL section check “Enable return after sale“

   • For Redirect URL section, set the Approved URL to your WooCommerce URL

   • For Return method, select Header Redirect

4. Click Update to save your settings.

5. Make sure to enable the IPN webhook notification in your Merchant Control Panel.

   • Log in to the 2Checkout Merchant Control Panel and navigate to Integrations → Webhooks & API

   • Scroll down to the Notifications section and enable the IPN webhook

   • Foor the Payment notification type field, select IPN or Email Text & IPN, and then click on the Configure IPN button.

   • On the IPN settings page, click on the Add IPN URL button and input the IPN URL available in the configuration page in WooCommerce.
   • Enable all triggers and response tags

Mollie Payments for WooCommerce

Installation and Settings

1. Install the plugin via Plugins -> New plugin. Search for ‘Mollie Payments for WooCommerce’.

2. Activate the ‘Mollie Payments for WooCommerce’ plugin through the ‘Plugins’ menu in WordPress
3. Set your Mollie API key at WooCommerce -> Settings -> Payments (or use the Mollie Settings link in the Plugins overview)

4. You’re done, the active payment methods should be visible in the checkout of your web and app.

Braintree For WooCommerce

Installation and Settings

1. Install the plugin via Plugins -> New plugin. Search for ‘Braintree For WooCommerce’.

2. Activate the ‘Braintree For WooCommerce’ plugin through the ‘Plugins’ menu in WordPress
3. Set your Braintree API key at WooCommerce -> Settings -> Payments

4. You’re done, the active payment methods should be visible in the checkout of your web and app.

WooCommerce Amazon Pay

Installation and Settings

1. Install the plugin via Plugins -> New plugin. Search for ‘WooCommerce Amazon Pay'.

2. Activate the ‘WooCommerce Amazon Pay’ plugin through the ‘Plugins’ menu in WordPress
3. Set your Amazon Pay API key at WooCommerce -> Settings -> Payments

4. You’re done, the active payment methods should be visible in the checkout of your web and app.

WooCommerce Stripe Payment Gateway

Installation and Settings

1. Install the plugin via Plugins -> New plugin. Search for ‘WooCommerce Stripe Payment Gateway'.

2. Activate the ‘WooCommerce Stripe Payment Gateway’ plugin through the ‘Plugins’ menu in WordPress
3. Set your Stripe API key at WooCommerce -> Settings -> Payments

4. You’re done, the active payment methods should be visible in the checkout of your web and app.

Authorize.net Payment Gateway For WooCommerce

Installation and Settings

1. Install the plugin via Plugins -> New plugin. Search for ‘Authorize.net Payment Gateway For WooCommerce'.

2. Activate the ‘Authorize.net Payment Gateway For WooCommerce’ plugin through the ‘Plugins’ menu in WordPress
3. Set your Authorize.net API key at WooCommerce -> Settings -> Payments

4. You’re done, the active payment methods should be visible in the checkout of your web and app.

RazorPay for WooCommerce

Installation and Settings

1. Install the plugin via Plugins -> New plugin. Search for ‘Razorpay for WooCommerce'.

2. Activate the ‘Razorpay for WooCommerce’ plugin through the ‘Plugins’ menu in WordPress
3. Set your RazorPay API key at WooCommerce -> Settings -> Payments

4. You’re done, the active payment methods should be visible in the checkout of your web and app.

Instamojo for WooCommerce

Installation and Settings

1. Install the plugin via Plugins -> New plugin. Search for ‘Instamojo for WooCommerce'.

2. Activate the ‘Instamojo for WooCommerce' plugin through the ‘Plugins’ menu in WordPress
3. Set your Instamojo API key at WooCommerce -> Settings -> Payments

4. You’re done, the active payment methods should be visible in the checkout of your web and app.

PayUmoney for WooCommerce

Installation and Settings

1. Install the plugin via Plugins -> New plugin. Search for ‘PayUmoney for WooCommerce'.

2. Activate the ‘PayUmoney for WooCommerce’ plugin through the ‘Plugins’ menu in WordPress
3. Set your PayUmoney API key at WooCommerce -> Settings -> Payments

4. You’re done, the active payment methods should be visible in the checkout of your web and app.

PayTabs Gateway for WooCommerce

Where can I get the WooCommerce plugin?

You must contact the service provider for payment gateway, to obtain the latest version of the WooCommerce of their gateways.

Installation and Settings

1. Install the plugin via Plugins -> New plugin.

2. Upload the ‘WooCommerce PayTabs Gateway’ plugin through the ‘Plugins’ menu in WordPress

3. Set your PayTabs API details at WooCommerce -> Settings -> Payments

4. You’re done, the active payment methods should be visible in the checkout of your web and app.

Paymob Gateway for WooCommerce

Where can I get the WooCommerce plugin?

You must contact the service provider for payment gateway, to obtain the latest version of the WooCommerce of their gateways.

Installation and Settings

1. Install the plugin via Plugins -> New plugin.

2. Upload the ‘WooCommerce Paymob Gateway’ plugin through the ‘Plugins’ menu in WordPress

3. Set your Paymob API details at WooCommerce -> Settings -> Payments

4. You’re done, the active payment methods should be visible in the checkout of your web and app.

Tap Payment Gateway for WooCommerce

Where can I get the WooCommerce plugin?

You must contact the service provider for payment gateway, to obtain the latest version of the WooCommerce of their gateways.

Installation and Settings

1. Install the plugin via Plugins -> New plugin.

2. Upload the ‘WooCommerce Tap Payment Gateway’ plugin through the ‘Plugins’ menu in WordPress

3. Set your Tap Payment API details at WooCommerce -> Settings -> Payments

4. You’re done, the active payment methods should be visible in the checkout of your web and app.

Hyperpay Gateway for WooCommerce

Where can I get the WooCommerce plugin?

You must contact the service provider for payment gateway, to obtain the latest version of the WooCommerce of their gateways.

Installation and Settings

1. Install the plugin via Plugins -> New plugin.

2. Upload the ‘WooCommerce Hyperpay Gateway’ plugin through the ‘Plugins’ menu in WordPress

3. Set your Hyperpay API details at WooCommerce -> Settings -> Payments

4. You’re done, the active payment methods should be visible in the checkout of your web and app.

BACS - Direct Bank Transfer

Setting Up Direct Bank Transfer

COD - Cash on Delivery

Setting Up Cash on Delivery