<h2>How to get started</h2>
<ol>
<li>Download and install the Affirm Payments extension for WooCommerce.</li>
<li>Submit your application for an Affirm merchant account:
<ol>
<li><b>US merchants:</b> Apply at <a href="http://info.affirm.com/wooextension"><span style="font-weight: 400">info.affirm.com/wooextension</span></a>.</li>
<li><b>UK merchants</b>: Apply at <a href="http://info.affirm.com/woocommerce/uk" target="_blank" rel="noopener">info.affirm.com/woocommerce/uk</a>.</li>
<li><b>Canada merchants:</b> Apply at <a href="http://info.affirm.com/woocommerce/ca" target="_blank" rel="noopener">info.affirm.com/woocommerce/ca</a>.</li>
</ol>
</li>
<li>Once your application is approved, your Affirm API keys will be available in the Affirm merchant portal. You will need to enter your Affirm API keys in the WP-admin dashboard (WooCommerce > Settings > Payments > Affirm) to launch.</li>
</ol>
<p>Fast-track your revenue goals and capture every possible sale by offering customers a smarter way to pay over time, with no hidden fees or surprises.</p>
<p><img class="alignnone size-medium wp-image-18734006497320" src="https://woocommerce.com/wp-content/uploads/2016/02/WooCommerce-Extension-Infographic.png?w=896" alt="" width="896" height="108" /></p>
<h2>Business benefits</h2>
<h3>Customized solutions</h3>
<p>Choose what’s best for your business. Allow customers to pay for their purchase interest-free in 30 days, in 4 interest-free payments every 2 weeks, or in longer installments up to 36 months. Affirm supports cart values up to $30,000 USD.</p>
<h3>Seamless transactions</h3>
<p>Affirm pays you for each purchase up front, and provides a seamless experience for shoppers to manage their payments through the Affirm app.</p>
<h3>Accelerate customer acquisition</h3>
<p>Affirm provides access to a powerful network of high-lifetime-value (LTV) shoppers who have the purchasing power to transact with your business.</p>
<p><img class="alignnone size-full wp-image-8833104" src="https://woocommerce.com/wp-content/uploads/2016/02/Maximize-your-revenue.png" alt="Screenshot showing Affirm payment options on a checkout page." width="980" height="462" /></p>
<h2>Shopper benefits</h2>
<h3>Personalized terms</h3>
<p>Affirm’s BNPL terms are tailored to each purchase and provide customers with the flexibility to choose the payment plan that best suits their individual needs and budget.</p>
<h3>Complete transparency</h3>
<p>From no late fees to clear payment plans, Affirm’s commitment to transparency can help boost customer satisfaction to keep them coming back for more.</p>
<h3>The power to say yes</h3>
<p>Affirm’s pay-over-time solutions remove price as a barrier, giving your eligible customers more spending power and a convenient way to say yes to the things they love — without giving up financial peace of mind.</p>
<p><img class="alignnone wp-image-8833124 size-full" src="https://woocommerce.com/wp-content/uploads/2016/02/Heres-how-it-works-gif.gif" alt="" width="199" height="419" /></p>
<h2>Reviews</h2>
<p><img class="alignnone size-medium wp-image-5548043" src="https://woocommerce.com/wp-content/uploads/2016/02/6.png?w=620" alt="" width="620" height="155" /></p>
<p><img class="alignnone wp-image-8288662 size-medium" src="https://woocommerce.com/wp-content/uploads/2016/02/LogoWall.png?w=620" alt="" width="620" height="232" /></p>
<p>*Payment options are subject to eligibility and provided by <a href="http://affirm.com/lenders" target="_blank" rel="noopener">Affirm’s lending partners</a>.</p>

Affirm Payments

<p>Buy now, pay later for your business — but smarter. Increase conversions and AOV by offering shoppers flexible payment plans from Affirm.</p>

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  …

Affirm Payments vs AhaPay Buy Now Pay Later