WooCommerce

<h4>How to get started</h4>
<ol>
<li>Download and install the Affirm Payments extension for WooCommerce.</li>
<li>Submit your application for an Affirm merchant account.
<ol>
<li><strong>US merchants</strong>: Head to your WooCommerce payment settings to apply.</li>
<li><strong>UK merchants</strong>: Apply at <a href="https://info.affirm.com/woocommerce/uk" rel="nofollow ugc">info.affirm.com/woocommerce/uk</a></li>
<li><strong>Canada merchants</strong>: Apply at <a href="https://info.affirm.com/woocommerce/ca" rel="nofollow ugc">info.affirm.com/woocommerce/ca</a>.</li>
</ol>
</li>
<li>Once your application is approved, you’ll receive a confirmation email from Affirm and your API keys will go live.</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>
<h4>Business benefits</h4>
<p><strong>Customized solutions</strong><br />
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.</p>
<p><strong>Seamless transactions</strong><br />
Affirm pays you for each purchase up front, and provides a seamless experience for shoppers to manage their payments through the Affirm app.</p>
<p><strong>Accelerate customer acquisition</strong><br />
Affirm provides access to a powerful network of high-LTV shoppers who have the purchasing power to transact with your business.</p>
<h4>Shopper benefits</h4>
<p><strong>Personalized terms</strong><br />
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>
<p><strong>Complete transparency</strong><br />
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>
<p><strong>The power to say yes</strong><br />
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>
<h3>Subscription includes</h3>
<ul>
<li>Free updates</li>
<li>Free customer support: Our Support Service includes assistance with product installations, configuration, and use. <a href="https://woocommerce.com/support-policy/" rel="nofollow ugc">See support policy</a></li>
</ul>
<h3>Extension Information</h3>
<ul>
<li>PHP version required: 7.4</li>
<li>Tested with WordPress: 6.4.1</li>
<li>Tested with WooCommerce: 8.5.0</li>
</ul>
<h3>Compatibility</h3>
<ul>
<li>Cart & checkout blocks: Manage your WooCommerce cart and checkout pages with the block editor.</li>
<li>High performance order storage (HPOS): Store your WooCommerce orders in their own database tables, to increase your store’s performance.</li>
</ul>
<h3>Support</h3>
<p><a href="https://woocommerce.com/document/woocommerce-gateway-affirm/" rel="nofollow ugc">Documentation</a><br />
<a href="https://woocommerce.com/feature-requests/woocommerce-gateway-affirm" rel="nofollow ugc">Feature requests</a><br />
<a href="https://woocommerce.com/contact-us/" rel="nofollow ugc">Get support</a></p>
<h3>Available Countries</h3>
<ul>
<li>United States</li>
<li>United Kingdom</li>
<li>Canada</li>
</ul>
<h3>Quality Checks</h3>
<p><a href="https://qit.woo.com/docs/managed-tests/security?_gl=1*jgfu7h*_gcl_au*MTA5Mjc3MDExMC4xNzU0OTQzNjE0*_ga*MTA3NTI0NTU3LjE3NTQ5NDM2MTQ.*_ga_98K30SHWB2*czE3NTUwMTAyODEkbzIkZzEkdDE3NTUwMTYzMTIkajU5JGwwJGgw#what-do-the-audit-results-mean" rel="nofollow ugc">Known vulnerability check passed</a><br />
<a href="https://qit.woo.com/docs/managed-tests/security?_gl=1*iv7yd4*_gcl_au*MTA5Mjc3MDExMC4xNzU0OTQzNjE0*_ga*MTA3NTI0NTU3LjE3NTQ5NDM2MTQ.*_ga_98K30SHWB2*czE3NTUwMTAyODEkbzIkZzEkdDE3NTUwMTYzMTIkajU5JGwwJGgw#what-do-the-audit-results-mean" rel="nofollow ugc">Dependent packages vulnerability check passed</a><br />
<a href="https://qit.woo.com/docs/managed-tests/validation?_gl=1*iv7yd4*_gcl_au*MTA5Mjc3MDExMC4xNzU0OTQzNjE0*_ga*MTA3NTI0NTU3LjE3NTQ5NDM2MTQ.*_ga_98K30SHWB2*czE3NTUwMTAyODEkbzIkZzEkdDE3NTUwMTYzMTIkajU5JGwwJGgw" rel="nofollow ugc">Follows Marketplace best practices</a></p>
<h3>Requirements</h3>
<ul>
<li>Affirm works for merchants selling in the United States, United Kingdom, and Canada.</li>
<li>You will need an Affirm merchant account to implement financing.</li>
<li>SSL certificate</li>
</ul>


WooCommerce Gateway Affirm

Affirm Payments for WooCommerce: Buy now, pay later for your business—but smarter. Increase conversions and AOV by offering shoppers flexible payment  …

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  …

WooCommerce Gateway Affirm vs AhaPay Buy Now Pay Later