WooCommerce Manual Bank Payment Gateway

Contributors: MD Alamin Tags: woocommerce, payment gateway, bank transfer, manual payment, payment proof, screenshot upload Requires at least: 5.0 Tested up to: 6.4 Requires PHP: 7.2 Stable tag: 1.3.0 License: GPL-2.0+ License URI: http://www.gnu.org/licenses/gpl-2.0.txt

A custom WooCommerce payment gateway that allows customers to pay via manual bank transfer and provide proof of payment, including a Transaction ID, the last 4 digits of their card, and an optional payment screenshot.

Description

This plugin enhances WooCommerce's default manual bank transfer (BACS) functionality by adding crucial proof-of-payment fields at checkout. It introduces a new "Bank Payment" gateway where customers must provide a Transaction ID and the last 4 digits of their card. Additionally, they have the option to upload a payment screenshot directly on the checkout page.

The screenshot upload is handled seamlessly via AJAX, meaning the page does not need to reload. All submitted information is securely saved with the order and displayed on the Admin Order Details page, the customer's Thank You page, and in WooCommerce emails, making the manual payment verification process faster, more reliable, and more organized for store owners.

Key Features

• New Payment Gateway: Adds a "Bank Payment" option to the WooCommerce checkout page.
• Custom Fields: Requires customers to enter their Transaction ID and the last 4 digits of their card.
• Optional Screenshot Upload: Allows customers to upload a payment screenshot directly from the checkout page.
• AJAX Uploader: The screenshot is uploaded in the background without interrupting the checkout flow.
• Admin Configuration: Easily configure your bank account details (Account Number, Holder Name, Bank Name, etc.) from the WooCommerce settings panel.
• Centralized Information: All payment details (Transaction ID, Card Digits, and Screenshot link) are displayed on:
  • Admin Order Details Page
  • Customer's Order Received (Thank You) Page
  • Customer's My Account -> View Order Page
  • WooCommerce Order Emails (for both admin and customer)
• Translation Ready: The plugin is fully translation-ready with a .pot file included.

Installation

Automatic Installation (Recommended)

1. Navigate to Plugins > Add New from your WordPress dashboard.
2. Search for "WooCommerce Manual Bank Payment".
3. Click Install Now and then Activate.

Manual Installation

1. Download the plugin zip file.
2. Navigate to Plugins > Add New from your WordPress dashboard.
3. Click Upload Plugin and select the downloaded zip file.
4. Click Install Now and then Activate.

Configuration

Once activated, you need to configure your bank details.

1. Go to WooCommerce > Settings > Payments.
2. Find Bank Payment in the list of payment gateways and click Manage.
3. Enable the payment gateway.
4. Fill in the Title and Description that will be shown to customers.
5. Enter your Bank Account Details (Account Number, Account Holder Name, Bank Name, Branch, Routing No).
6. Click Save changes.

The payment gateway is now ready to be used on your checkout page!

Frequently Asked Questions

Q: Why is the payment gateway not showing up on the checkout page? A: Please ensure that:

1. WooCommerce is installed and activated.
2. You have enabled the "Bank Payment" gateway in WooCommerce > Settings > Payments.
3. The currency of your store is supported by the gateway (it supports all currencies).

Q: Where are the uploaded screenshots stored? A: All uploaded screenshots are stored securely in your standard WordPress Media Library.

Q: Is the screenshot upload required? A: No, in this version (1.3.0), the screenshot upload is optional to provide flexibility for customers. The Transaction ID and Card's last 4 digits are required.

Changelog

1.3.0 (Latest)

• FIX: Ensured payment details are correctly displayed on the Thank You page, My Account page, and Admin Order page by moving display hooks outside the gateway class.
• IMPROVEMENT: Refactored code for better structure and maintainability.

1.2.0

• FEATURE: Implemented a robust AJAX-based uploader for screenshots on the checkout page.
• IMPROVEMENT: Replaced the standard file input with a hidden field to store the attachment ID, fixing issues with AJAX checkouts.

1.0.0

• Initial release.
• Added "Bank Payment" gateway with configurable bank details.
• Included required fields for Transaction ID and Card last 4 digits.
• Included an optional file input for screenshots.
• Saved all custom fields as order meta.