WooCommerce

Learn about using plugins to power up your WooCommerce website

1 Request Access to Maya Business Manager

Contact your assigned Relationship Manager to gain access to your Maya Manager Sandbox account.

🧠 Keep in mind

Maya Business Manager has two environments: Sandbox and Production.

  • Sandbox is used for development, testing, and integration. Once the integration is completed in this environment, it will be verified by our Operations team. Only then the production credentials will be provided.
  • Production is for live payments. Testing in this environment will incur real charges.

Both environments have the ability to generate API keys. Once your account is onboarded to a sandbox account, you need to log in to the manager account of your respective environment.

2 Generating API Keys

Generate your API keys by following the steps below:

Step 1: Login to Maya Manager Sandbox and generate your API Key.

Step 2: Go to the menu on the left side of the screen and look for API Keys.

Step 3: On the main navigation, select the name of the Merchant that you registered earlier. Then generate the API key by clicking Generate API Key.

Step 4: After being redirected to another screen, create keys for both Public and Secret policies.

Step 5: Click Create then your API key will be shown to you.


ℹ️ The same flow will be used when generating keys on to your Production environment.

⚠️ Save your API key in a secured location

The full API key will only be shown once. It is important that you store it in a secure location. If you lost your API key, try generating it again using the environment you are working on.

3 Install and configure Maya Business Plugin in WooCommerce

⚠️ Must-have requirements before proceeding:

  1. A Maya Business Merchant Manager account
  2. Knowledge in Wordpress and WooCommerce
  3. A hosted Wordpress and WooCommerce application

3.1 Installing Maya Business Plugin

  1. Go to the Plugins menu on your WordPress dashboard, then click Add New submenu.
  2. Search for the Maya plugin by typing "Maya" keyword.
  3. It should return the list of plugins with that keyword, select Maya Business Plugin and click Install Now.
  1. Once installed, click Activate.
  1. You can also check Maya Business Plugin for additional details.

3.2 Configuring Maya Business Plugin to accept payments

  1. In WooCommerce menu, click Settings. It will open a center navigation where you can click Payments tab.
  2. Scroll and look for “Payments via Maya”. Click Finish set up.
  1. Tick the checkbox for Enable Maya Gateway.
  1. Customize how your customers will see Maya as a payment method by updating the Title and Description fields.
  1. Your Maya Checkout setup will determine whether you need to customize the Manual Capture field. By default, this feature is set to None, which means it's disabled. If you disable manual capture, you can charge the client directly without any delay.

ℹ️ For advanced merchants who wish to use the Manual Capture feature, go here for more details.

  1. Paste your public (pk-...) and secret (sk-...) keys on the appropriate fields. Make sure that there are no extra whitespaces.
  1. The generated webhooks are pre-set values that come with the plug-in and do not require any further updates.
  1. Click Save changes.

To ensure that the configuration was a success, login to your Maya Manager 1.0. Go to Webhooks, and select the WooCommerce merchant.

You should find the Webhook URLs from your WooCommerce plugin successfully saved on Maya Manager 1.0.

3.3 [Recommended] Sandbox Mode Testing

ℹ️ At this point, you should have done the following:

  1. Generated Sandbox API Keys.
  2. You should have added products in your WooCommerce store.

⚠️ Currently, only the Production environment is accessible through the Maya Business Manager. If you require Sandbox Access via the Maya Manager 1.0, please reach out to [email protected].

Stay tuned for more features to be released within the portal.

  1. In WooCommerce menu, click Settings. It will open a center navigation where you can click Payments tab.
  2. Scroll and look for “Payments with Maya”. Click Finish set up or Manage button.
  3. Enable / Tick Sandbox Mode checkbox.
  4. Paste your public (pk-...) and secret (sk-...) keys generated from Maya Manager 1.0 Sandbox on the appropriate fields. Make sure that there are no extra whitespaces.
  1. Click Save changes.

To ensure that the configuration was a success, login to your Maya Manager 1.0 Sandbox. Go to Webhooks, and select the WooCommerce merchant.

You should find the Webhook URLs from your WooCommerce plugin successfully saved on Maya Manager 1.0.

At this stage, you should now have a working checkout button that redirects your customer to Maya Checkout.

  1. Click the checkout button.
  2. You are redirected to Maya Checkout Page.
Sample Maya Checkout page

Sample Maya Checkout page

  1. Before your customer will input their payment details, their order will be marked as Pending Payment on your WooCommerce Orders Dashboard.
  2. Once the payment is successful, go to your WooCommerce Orders Dashboard. The order should now have the status Processing.

🧠 Keep in mind

During your tests on the Sandbox environment, you may use Maya’s Sandbox Credentials and Cards. You would be required to test card transactions: VISA, Mastercard, JCB; and e-wallet via Pay with Maya.

3.4 Go Live

Once you are done with your tests on the Sandbox Environment, it is time to move to Production.

ℹ️ At this point, you should have done the following:

  1. Generated Production API Keys.
  2. You should have added products in your WooCommerce store.
  1. In WooCommerce menu, click Settings. It will open a center navigation where you can click Payments tab.
  2. Scroll and look for “Payments with Maya”. Click Finish set up or Manage button.
  3. Disable / Untick Sandbox Mode checkbox.
  4. Paste your public (pk-...) and secret (sk-...) keys generated from Maya Manager 1.0 Production on the appropriate fields. Make sure that there are no extra whitespaces.
  1. Click Save changes.

To ensure that the configuration was a success, login to your Maya Manager 1.0 Production. Go to Webhooks, and select the WooCommerce merchant.

You should find the Webhook URLs from your WooCommerce plugin successfully saved on Maya Manager 1.0.

3.5 Live Testing

At this stage, when you checkout products from your store and proceed to payment, you should now be redirected to a live Maya Checkout page.

  1. Click the checkout button.
  2. You are redirected to Maya Checkout Page.
Sample Maya Checkout page

Sample Maya Checkout page

  1. Before your customer will input their payment details, their order will be marked as Pending Payment on your WooCommerce Orders Dashboard.
  2. Once the payment is successful, go to your WooCommerce Orders Dashboard. The order should now have the status Processing.

🧠 Keep in mind

If you wish to test live transactions in Production, you will need to use real cards and e-wallet accounts. Transactions performed will incur real charges.

Advanced Use Cases

Configure Manual Capture

ℹ️ For specific merchants that requested to have Auth and Capture enabled in their Maya Checkout.

This is limited to Card Payments only.

  1. In WooCommerce menu, click Settings. It will open a center navigation where you can click Payments tab.
  2. Look for the Manual Capture field, set your chosen Capture method. See here for the details of each type.
  1. Click Save changes.
  2. Make sure that this Auth and Capture setting is aligned with your Relationship Manager.

Quick Test

At this stage, you should now have a working checkout button that redirects your customer to Maya Checkout.

  1. Click the checkout button.
  2. You are redirected to Maya Checkout Page.
Sample Maya Checkout page

Sample Maya Checkout page

  1. Once the payment is successful, the payment transaction will be marked as Authorized in Maya Manager 1.0 Transactions List.
  2. The status of the order will be Pending Payment. This will allow your store team to review inventory before moving the order to Processing.
  3. After reviewing the order in your store, click Capture and set the final amount that needs to be captured. Once you do this, the transaction will be marked as Captured on Maya Manager 1.0.
Click Capture button

Click Capture button

Set the Amount to Capture. Click the Capture button to confirm

Set the Amount to Capture. Click the Capture button to confirm

⚠️ Depending on merchant’s fulfillment rules, a fully captured amount will result in an automatic change of status from Pending Payment to Processing. Partial capture of amount will still result to Pending Payment, it will be the merchant’s responsibility to change the status of the order in accordance to their fulfillment rules.

Troubleshooting

ℹ️ For troubleshooting tips and guides, please refer to WooCommerce Troubleshooting Guide.