{"id":251094,"date":"2025-11-15T06:33:47","date_gmt":"2025-11-15T06:33:47","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/ahapay-buy-now-pay-later\/"},"modified":"2025-12-23T21:23:31","modified_gmt":"2025-12-23T21:23:31","slug":"ahapay-buy-now-pay-later","status":"publish","type":"plugin","link":"https:\/\/mr.wordpress.org\/plugins\/ahapay-buy-now-pay-later\/","author":23320008,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.3","stable_tag":"1.0.3","tested":"6.9.4","requires":"","requires_php":"","requires_plugins":null,"header_name":"AhaPay Buy Now Pay Later","header_author":"AhaPay","header_description":"AhaPay enables users to purchase things they love and pay later. The payment will be split into 4 or 7 instalments automatically. No hidden fees, 0% interest for 4 payment plan.","assets_banners_color":"","last_updated":"2025-12-23 21:23:31","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":10,"downloads":394,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation"],"tags":{"1.0.0":{"tag":"1.0.0","author":"ahapay","date":"2025-11-15 06:52:57"},"1.0.1":{"tag":"1.0.1","author":"ahapay","date":"2025-11-26 14:57:39"},"1.0.2":{"tag":"1.0.2","author":"ahapay","date":"2025-12-08 03:39:41"},"1.0.3":{"tag":"1.0.3","author":"ahapay","date":"2025-12-23 21:23:31"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3396128,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1","1.0.2","1.0.3"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[250723,193715,148099,6593,286],"plugin_category":[],"plugin_contributors":[250724],"plugin_business_model":[],"class_list":["post-251094","plugin","type-plugin","status-publish","hentry","plugin_tags-ahapay","plugin_tags-bnpl","plugin_tags-buy-now-pay-later","plugin_tags-payment-gateway","plugin_tags-woocommerce","plugin_contributors-ahapay","plugin_committers-ahapay"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/ahapay-buy-now-pay-later\/assets\/icon-256x256.png?rev=3396128","icon_2x":"https:\/\/ps.w.org\/ahapay-buy-now-pay-later\/assets\/icon-256x256.png?rev=3396128","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>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.<\/p>\n\n<h3>Requirements<\/h3>\n\n<ul>\n<li>WordPress 5.4 or higher<\/li>\n<li>WooCommerce 4.8 or higher<\/li>\n<li>PHP 7.4 or higher<\/li>\n<li>OpenSSL PHP extension<\/li>\n<li>SSL certificate installed on your domain (for secure transactions)<\/li>\n<\/ul>\n\n<h3>Configuration<\/h3>\n\n<h3>Basic Settings<\/h3>\n\n<ol>\n<li>Enable\/Disable - Turn the payment method on or off<\/li>\n<li>Title - The payment method title shown to customers<\/li>\n<li>Description - The payment method description shown to customers<\/li>\n<li>Environment - Choose between Sandbox (testing) and Production<\/li>\n<li>API Key - Enter your AhaPay API key<\/li>\n<li>Minimum Amount - Set the minimum order amount for AhaPay availability<\/li>\n<\/ol>\n\n<h3>Display Settings<\/h3>\n\n<ul>\n<li>Product Label - Enable\/disable BNPL information on product pages<\/li>\n<li>Product Label Text - Customize the BNPL message<\/li>\n<li>Product Label Color - Set the background color for labels<\/li>\n<li>Product Label Text Color - Set the text color for labels<\/li>\n<\/ul>\n\n<h3>Features<\/h3>\n\n<ul>\n<li>Seamless integration with WooCommerce checkout<\/li>\n<li>Automatic order status updates<\/li>\n<li>Real-time payment verification<\/li>\n<li>Custom product page badges and banners<\/li>\n<li>Responsive payment modal<\/li>\n<li>Support for both desktop and mobile devices<\/li>\n<li>Order status checking in admin panel<\/li>\n<li>Sandbox environment for testing<\/li>\n<li>Detailed payment status tracking<\/li>\n<li>Support for refunds<\/li>\n<\/ul>\n\n<h3>Payment Flow<\/h3>\n\n<ol>\n<li>Customer selects AhaPay at checkout<\/li>\n<li>Order is created and customer is redirected to AhaPay<\/li>\n<li>Customer completes payment setup with AhaPay<\/li>\n<li>Order status is automatically updated<\/li>\n<li>Customer is redirected back to your store<\/li>\n<\/ol>\n\n<h3>Order Statuses<\/h3>\n\n<ul>\n<li>PAYMENT_SUCCESSFUL - Payment completed<\/li>\n<li>CANCELLED - Payment cancelled by customer<\/li>\n<li>UNAVAILABLE - Payment failed<\/li>\n<li>PAYMENT_IN_PROGRESS - Payment pending<\/li>\n<li>REFUNDED - Payment refunded<\/li>\n<\/ul>\n\n<h3>Support<\/h3>\n\n<p>For support or questions, please contact AhaPay support team or visit your AhaPay merchant dashboard.<\/p>\n\n<h3>External services<\/h3>\n\n<p>This plugin connects to the AhaPay API to process Buy Now Pay Later payments and handle order status updates.<\/p>\n\n<p>It sends the following data when processing payments or checking status:\n- Order ID and transaction details\n- API key for authentication\n- Refund requests with order information<\/p>\n\n<p>Data is sent securely via HTTPS to AhaPay's servers only when necessary for payment processing or status verification.<\/p>\n\n<p>This service is provided by AhaPay: <a href=\"https:\/\/merchant-help.ahapay.my\/hc\/en-my\">Terms of Service<\/a>, <a href=\"https:\/\/ahapay.my\/privacy-policy\">Privacy Policy<\/a>.<\/p>\n\n<h3>Development<\/h3>\n\n<p>This plugin uses webpack to build JavaScript and CSS assets.<\/p>\n\n<h3>Build Process<\/h3>\n\n<ol>\n<li>Install dependencies: <code>npm install<\/code><\/li>\n<li>Build assets: <code>npm run build<\/code> (or <code>npm run dev<\/code> for development)<\/li>\n<\/ol>\n\n<p>Source files are located in the <code>blocks\/<\/code> directory. Built files are in <code>assets\/blocks\/<\/code>.<\/p>\n\n<p>The source code is publicly available in this repository for review and modification.<\/p>\n\n<h3>1.0.0<\/h3>\n\n<ul>\n<li>Initial release<\/li>\n<li>Basic payment integration<\/li>\n<li>Order status management<\/li>\n<li>Product page integration<\/li>\n<li>Admin interface<\/li>\n<li>Sandbox\/Production environments<\/li>\n<\/ul>\n\n<h3>License<\/h3>\n\n<p>This plugin is licensed under the terms of use provided by AhaPay.<\/p>\n\n<h3>Customize Payment Fields CSS<\/h3>\n\n<p>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.<\/p>\n\n<p>How to update the CSS<\/p>\n\n<ol>\n<li>In WordPress admin go to: WooCommerce \u2192 Settings \u2192 Payments.<\/li>\n<li>Find \"AhaPay Buy Now Pay Later\" in the list and click Manage (or click the Settings link).<\/li>\n<li>Scroll down to the setting named \"Additional CSS for Payment Fields\".<\/li>\n<li>Paste your CSS into the textarea and click Save changes.<\/li>\n<\/ol>\n\n<p>How the plugin applies your CSS<\/p>\n\n<ul>\n<li>The plugin stores the textarea content and adds it as inline CSS attached to the plugin stylesheet handle <code>ahapaybuynowpaylater-block-style<\/code>.<\/li>\n<li>The payment fields output by the gateway are wrapped in a container with the class <code>.ahapay-payment-fields<\/code>, so we recommend scoping your rules under that selector to avoid affecting other parts of your site.<\/li>\n<li>The plugin will strip surrounding <code>&lt;style&gt;<\/code> 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 <code>!important<\/code> as needed.<\/li>\n<\/ul>\n\n<p>Quick verification example<\/p>\n\n<p>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.<\/p>\n\n<pre><code>`css\n<\/code><\/pre>\n\n<p>\/* Visual test for Additional CSS for Payment Fields *\/\n.ahapay-payment-fields {\n  border: 3px dashed #27ae60 !important;\n  background: rgba(39, 174, 96, 0.04) !important;\n  padding: 12px !important;\n  position: relative !important;\n  border-radius: 6px !important;\n}<\/p>\n\n<p>\/* Badge so you can clearly see the CSS is applied *\/\n.ahapay-payment-fields::before {\n  content: \"ADDITIONAL CSS APPLIED\";\n  position: absolute;\n  top: -12px;\n  right: 8px;\n  background: #27ae60;\n  color: #ffffff;\n  font-weight: 700;\n  font-size: 11px;\n  padding: 3px 8px;\n  border-radius: 3px;\n  box-shadow: 0 1px 2px rgba(0,0,0,0.15);\n  z-index: 9999;\n}<\/p>\n\n<p>.ahapay-payment-fields .ahapay-title {\n  color: #e91e63 !important;\n  font-size: 18px !important;\n  font-weight: 700 !important;\n}<\/p>\n\n<p>.ahapay-payment-fields .ahapay-subtitle {\n  color: #555 !important;\n  font-style: italic !important;\n}<\/p>\n\n<p>.ahapay-payment-fields .ahapay-progress-bar {\n  background: #eee !important;\n  height: 12px !important;\n  border-radius: 12px !important;\n  margin: 10px 0 !important;\n}<\/p>\n\n<p>.ahapay-payment-fields .ahapay-progress {\n  width: 75% !important;\n  height: 100% !important;\n  background: linear-gradient(90deg,#e91e63,#ff8a80) !important;\n  border-radius: 12px !important;\n}<\/p>\n\n<p>.ahapay-payment-fields .ahapay-timeline div {\n  display: inline-block !important;\n  background: #fff8e1 !important;\n  padding: 6px 8px !important;\n  margin-right: 6px !important;\n  border-radius: 4px !important;\n  font-weight: 600 !important;\n}\n    `<\/p>\n\n<p>Small examples<\/p>\n\n<ul>\n<li><p>Change the title color only:<\/p>\n\n<p><code>css\n.ahapay-payment-fields .ahapay-title { color: #0066cc !important; }<\/code><\/p><\/li>\n<li><p>Hide the timeline if it conflicts with your theme:<\/p>\n\n<p><code>css\n.ahapay-payment-fields .ahapay-timeline { display: none !important; }<\/code><\/p><\/li>\n<\/ul>\n\n<p>Troubleshooting<\/p>\n\n<ul>\n<li>If you don't see the changes after saving the CSS, try these steps:\n\n<ul>\n<li>Ensure the AhaPay payment method is enabled (WooCommerce \u2192 Settings \u2192 Payments \u2192 AhaPay).<\/li>\n<li>Clear any caching on your site (plugin cache, server cache, CDN) and your browser cache.<\/li>\n<li>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 <code>ahapay-payment-fields<\/code> wrapper is present in the markup.<\/li>\n<li>Use <code>!important<\/code> or increase specificity if your theme's CSS is overriding the rules.<\/li>\n<\/ul><\/li>\n<\/ul>\n\n<p>Security and best practices<\/p>\n\n<ul>\n<li>The textarea is intended for admin use only. Avoid pasting untrusted CSS\/JS \u2014 the plugin strips <code>&lt;style&gt;<\/code> tags but does not execute arbitrary JS.<\/li>\n<li>Keep rules scoped (start with <code>.ahapay-payment-fields<\/code>) to avoid unintentionally affecting other areas of your site.<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Download the plugin<\/li>\n<li>Go to WordPress admin &gt; Plugins &gt; Add New<\/li>\n<li>Click Upload Plugin and choose the downloaded file<\/li>\n<li>Click Install Now and then Activate<\/li>\n<li>Go to WooCommerce &gt; Settings &gt; Payments<\/li>\n<li>Find \"AhaPay Buy Now Pay Later\" and click Manage<\/li>\n<li>Configure your API credentials and settings<\/li>\n<\/ol>","raw_excerpt":"AhaPay Buy Now Pay Later AhaPay is a Buy Now Pay Later (BNPL) payment solution that enables customers to split their purchases into installments with  &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/251094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=251094"}],"author":[{"embeddable":true,"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/ahapay"}],"wp:attachment":[{"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=251094"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=251094"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=251094"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=251094"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=251094"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/mr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=251094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}