iwocapay

<p>Add iwocaPay as a payment option to your WooCommerce checkout flow.</p>


iwocaPay Payment Gateway

Add iwocaPay as a payment option to your WooCommerce checkout flow.

AhaPay - Buy Now Pay Later

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


AhaPay Buy Now Pay Later

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  …

iwocaPay Payment Gateway vs AhaPay Buy Now Pay Later