Skip to main content

WooCommerce Integration

shopify

WooCommerce Integration

WordPress e-commerce solution

Integrate Hesabe Payment Gateway seamlessly with your WooCommerce store. Support for direct and indirect payment methods with comprehensive Apple Pay integration capabilities.

🚨

Important: Apple Pay Integration

WooCommerce Plugin V5.0 is specifically designed for Direct Apple Pay integration. Before using this version, ensure that domain verification is completed as per the Direct Apple Pay Integration Guide.


📧Contact Hesabe Technical Support:itsupport@hesabe.com

📥 Plugin Downloads

🏷️ Version📝 Description📥 Download Link

Standard Plugin V4.0

Standard WooCommerce integration with basic payment methods

📦 Download Plugin

Apple Pay Plugin V5.0

Enhanced version with Direct Apple Pay Integration support

📦 Download Plugin

🔧 WooCommerce Plugin Installation Steps

1

Prerequisites Check

Ensure you have the latest version of WooCommerce plugin installed.

Compatibility: Hesabe payment plugin verified until WordPress version 6.5.3 and WooCommerce version 8.8.3

2

Upload Plugin

Choose one of the following methods to upload the Hesabe WooCommerce plugin:

Method A: FTP Upload

Unzip and upload the Hesabe WooCommerce plugin to your /wp-content/plugins/ directory

Method B: WordPress Admin Upload

Navigate to Plugins → Add New Plugin → Upload plugin, then select and upload the Hesabe plugin

Upload Plugin Screen
3

Activate Plugin

Activate the plugin through Plugins → Installed Plugins in the WordPress admin panel.

Activate Plugin
4

Enable Payment Method

Navigate to WooCommerce → Settings → Payment and enable Hesabe Online Payment.

Enable Hesabe Payment
5

Configure Payment Options

Choose your preferred payment integration method:

Direct Payment Method


Select "Direct Payment Method" to redirect customers to the Payment Gateway Page


Choose applicable payment types (Knet, Visa/Master, Apple Pay, etc)


Important: Ensure selected payment methods are activated in your Hesabe account

Contact support@hesabe.com to activate needed payment types.

Indirect Payment Method

If "Direct Payment Method" is not selected, users will be redirected to Hesabe Pay where they can select payment type and proceed.

Payment Method Configuration
6

Configure Environment Settings

Set up your testing and production environment:

Demo Mode

Enable Demo mode if testing with test credentials. Disable for production use.

For test credentials contact support@hesabe.com. For production credentials, refer to your merchant panel profile section.

Environment Settings
7

Optional: Currency Converter

Enable currency converter if needed. Note that transaction currency will be KWD only.

Currency Converter

Save Configuration

Save all changes to complete the configuration process.

🌐 Frontend Display Examples

Direct Payment Method Display

When Direct Payment Method is enabled, customers see payment options directly on the checkout page:

Direct Payment Method Display

Indirect Payment Method Display

When Indirect Payment Method is selected, customers are redirected to Hesabe Pay:

Indirect Payment MethodHesabe Pay Interface