AhaPay Buy Now Pay Later vs ShipDepot for WooCommerce

AhaPay integrates with WooCommerce to provide flexible payment options for your customers. The plugin allows shoppers to split their payments into 4 or 7 installments automatically, with no hidden fees and 0% interest on 4-payment plans. Requirements WordPress 5.4 or higher WooCommerce 4.8 or higher PHP 7.4 or higher OpenSSL PHP extension SSL certificate installed on your domain (for secure transactions) Configuration Basic Settings Enable/Disable – Turn the payment method on or off Title – The payment method title shown to customers Description – The payment method description shown to customers Environment – Choose between Sandbox (testing) and Production API Key – Enter your AhaPay API key Minimum Amount – Set the minimum order amount for AhaPay availability Display Settings Product Label – Enable/disable BNPL information on product pages Product Label Text – Customize the BNPL message Product Label Color – Set the background color for labels Product Label Text Color – Set the text color for labels Features Seamless integration with WooCommerce checkout Automatic order status updates Real-time payment verification Custom product page badges and banners Responsive payment modal Support for both desktop and mobile devices Order status checking in admin panel Sandbox environment for testing Detailed payment status tracking Support for refunds Payment Flow Customer selects AhaPay at checkout Order is created and customer is redirected to AhaPay Customer completes payment setup with AhaPay Order status is automatically updated Customer is redirected back to your store Order Statuses PAYMENT_SUCCESSFUL – Payment completed CANCELLED – Payment cancelled by customer UNAVAILABLE – Payment failed PAYMENT_IN_PROGRESS – Payment pending REFUNDED – Payment refunded Support For support or questions, please contact AhaPay support team or visit your AhaPay merchant dashboard. External services This plugin connects to the AhaPay API to process Buy Now Pay Later payments and handle order status updates. It sends the following data when processing payments or checking status: – Order ID and transaction details – API key for authentication – Refund requests with order information Data is sent securely via HTTPS to AhaPay’s servers only when necessary for payment processing or status verification. This service is provided by AhaPay: Terms of Service, Privacy Policy. Development This plugin uses webpack to build JavaScript and CSS assets. Build Process Install dependencies: npm install Build assets: npm run build (or npm run dev for development) Source files are located in the blocks/ directory. Built files are in assets/blocks/. The source code is publicly available in this repository for review and modification. 1.0.0 Initial release Basic payment integration Order status management Product page integration Admin interface Sandbox/Production environments License This plugin is licensed under the terms of use provided by AhaPay. Customize Payment Fields CSS You can add custom CSS that will be applied specifically to AhaPay’s payment fields on the checkout page from the plugin settings in the WordPress admin. How to update the CSS In WordPress admin go to: WooCommerce → Settings → Payments. Find “AhaPay Buy Now Pay Later” in the list and click Manage (or click the Settings link). Scroll down to the setting named “Additional CSS for Payment Fields”. Paste your CSS into the textarea and click Save changes. How the plugin applies your CSS The plugin stores the textarea content and adds it as inline CSS attached to the plugin stylesheet handle ahapaybuynowpaylater-block-style. The payment fields output by the gateway are wrapped in a container with the class .ahapay-payment-fields, so we recommend scoping your rules under that selector to avoid affecting other parts of your site. The plugin will strip surrounding tags if you paste them by accident, and it sanitizes the textarea input on save. If you need to override existing rules, use specificity or !important as needed. Quick verification example Paste the following CSS into the “Additional CSS for Payment Fields” textarea and save. Then open your checkout page (or the block checkout) and you should see a green dashed border, a small badge that reads “ADDITIONAL CSS APPLIED”, and visible styling changes for the title, subtitle and progress bar. This is a visual test to confirm the inline CSS is applied. `css /* Visual test for Additional CSS for Payment Fields */ .ahapay-payment-fields { border: 3px dashed #27ae60 !important; background: rgba(39, 174, 96, 0.04) !important; padding: 12px !important; position: relative !important; border-radius: 6px !important; } /* Badge so you can clearly see the CSS is applied */ .ahapay-payment-fields::before { content: “ADDITIONAL CSS APPLIED”; position: absolute; top: -12px; right: 8px; background: #27ae60; color: #ffffff; font-weight: 700; font-size: 11px; padding: 3px 8px; border-radius: 3px; box-shadow: 0 1px 2px rgba(0,0,0,0.15); z-index: 9999; } .ahapay-payment-fields .ahapay-title { color: #e91e63 !important; font-size: 18px !important; font-weight: 700 !important; } .ahapay-payment-fields .ahapay-subtitle { color: #555 !important; font-style: italic !important; } .ahapay-payment-fields .ahapay-progress-bar { background: #eee !important; height: 12px !important; border-radius: 12px !important; margin: 10px 0 !important; } .ahapay-payment-fields .ahapay-progress { width: 75% !important; height: 100% !important; background: linear-gradient(90deg,#e91e63,#ff8a80) !important; border-radius: 12px !important; } .ahapay-payment-fields .ahapay-timeline div { display: inline-block !important; background: #fff8e1 !important; padding: 6px 8px !important; margin-right: 6px !important; border-radius: 4px !important; font-weight: 600 !important; } ` Small examples Change the title color only: css .ahapay-payment-fields .ahapay-title { color: #0066cc !important; } Hide the timeline if it conflicts with your theme: css .ahapay-payment-fields .ahapay-timeline { display: none !important; } Troubleshooting If you don’t see the changes after saving the CSS, try these steps: Ensure the AhaPay payment method is enabled (WooCommerce → Settings → Payments → AhaPay). Clear any caching on your site (plugin cache, server cache, CDN) and your browser cache. Confirm you’re viewing a checkout page that loads the plugin styles (block checkout or classic checkout). If you use a custom checkout template, ensure the ahapay-payment-fields wrapper is present in the markup. Use !important or increase specificity if your theme’s CSS is overriding the rules. Security and best practices The textarea is intended for admin use only. Avoid pasting untrusted CSS/JS — the plugin strips tags but does not execute arbitrary JS. Keep rules scoped (start with .ahapay-payment-fields) to avoid unintentionally affecting other areas of your site.

SHIP DEPOT là một nền tảng hàng đầu trong việc quản lý giao hàng, giúp đơn giản hóa quá trình giao hàng cho các doanh nghiệp Thương mại điện tử bằng cách tạo và quản lý vận đơn, theo dõi vận đơn, và tiền thu hộ tất cả trong một nơi duy nhất. Nó cũng hoạt động như một phòng vận hành thuê ngoài, giải phóng bạn khỏi các công việc liên quan đến vận chuyển để bạn có thể tập trung vào phát triển kinh doanh. SHIP DEPOT cung cấp sự đa dạng trong việc vận chuyển bằng việc hợp tác với nhiều nhà vận chuyển hàng đầu. Khách hàng có thể tự chọn nhà vận chuyển phù hợp cho từng đơn hàng của mình. Tối ưu hóa quy trình vận chuyển của bạn: Ship Depot giúp cho người bán dễ dàng quản lý hoạt động vận chuyển của mình từ bên trong bảng điều khiển quản trị WooCommerce. Với plugin của chúng tôi, bạn có thể nhanh chóng và hiệu quả chọn lựa các đơn vị vận chuyển địa phương tốt nhất dựa trên thời gian và chi phí, giúp bạn tiết kiệm thời gian và tiền bạc. Giảm chi phí vận chuyển: Bằng cách sử dụng các đối tác vận chuyển ưu tiên tích hợp của Ship Depot tại Việt Nam – GHN và GHTK – người bán có thể tận hưởng mức giá vận chuyển thấp hơn và các tùy chọn giao hàng linh hoạt hơn. Điều này có nghĩa là bạn có thể chuyển tiết kiệm cho khách hàng của mình, giúp sản phẩm của bạn có giá cạnh tranh hơn và dễ bán hơn. Giao hàng nhanh hơn: Với Ship Depot, bạn có thể lựa chọn những đơn vị vận chuyển địa phương tốt nhất dựa trên thời gian và chi phí, đảm bảo sản phẩm của bạn đến tay khách hàng càng nhanh càng tốt. Điều này không chỉ cải thiện sự hài lòng của khách hàng mà còn giúp bạn xây dựng uy tín cho dịch vụ giao hàng nhanh và đáng tin cậy. Chức năng chính Hỗ trợ người dùng lựa chọn tỉnh/thành phố – quận/huyện – xã/phường lúc checkout. Lấy giá vận chuyển dựa trên API đơn vị vận chuyển cung cấp cho người dùng khi checkout. Đẩy đơn hàng sang bên đơn vị vận chuyển trong dashboard. Quản lý trạng thái vận đơn trong dashboard. HỖ TRỢ CÁC ĐƠN VỊ GIAO VẬN Giao Hàng Nhanh Giao Hàng Tiết Kiệm AhaMove