<h2>Millions shop and pay with Klarna</h2>
<p>Klarna is the preferred payment option for both brands and customers, used by millions of shoppers online and in-store every month.</p>
<p><img class="alignnone size-medium wp-image-18734005527005" src="https://woocommerce.com/wp-content/uploads/2018/01/klarna_numbers.png?w=896" alt="" width="896" height="108" /></p>
<h2>More ways to pay, more purchases</h2>
<p>Grow your business with our flexible payment options and smart shopping solutions. Unlock higher purchase power for your customers by giving them the full flexibility of how and when they want to pay.</p>
<p>Brands using Klarna see:</p>
<p><img class="alignnone size-medium wp-image-18734004394024" src="https://woocommerce.com/wp-content/uploads/2018/01/klarna_increase_english.png?w=896" alt="" width="896" height="232" /></p>
<p>You’ll always be paid in full and upfront, while your customers pay at a later date. Klarna supports high value orders, and everyday purchases.</p>
<p>Payment options include:</p>
<table>
<tbody>
<tr>
<td><b>Pay in full</b></td>
<td>Pay in full right away. The customer’s preferred funding source is pre-selected for a fast and secure payment.</td>
</tr>
<tr>
<td><strong>Buy now, Pay Later</strong></td>
<td>Pay Later is a deferred payment that will give shoppers an extra 14 or 30 days before they buy.</td>
</tr>
<tr>
<td><strong>Pay In N</strong></td>
<td>Pay in N lets you split your payment in several payments, spread over a relative (to financing) short amount of time, typically less than 60 days, and does not carry interest. Two most common variations are Pay in 4 and Pay in 3.</td>
</tr>
<tr>
<td><strong>Financing</strong></td>
<td>Financing offers long-term, monthly payments to make larger purchases possible for your customers. Available in 6, 12, 18, and 24 month terms.</td>
</tr>
</tbody>
</table>
<p>Visit <a href="https://klarna.com/" target="_blank" rel="noopener noreferrer">Klarna.com</a> to learn more about payment methods and their availability by market.</p>
<h2>No risk, just rewards</h2>
<p>Turn high-intent shoppers into loyal customers, all while knowing you’re backed by the latest, most reliable technology for a smooth experience with Klarna.</p>
<p><img class="alignnone size-medium wp-image-18734004394042" src="https://woocommerce.com/wp-content/uploads/2018/01/more_rewards_english.png?w=896" alt="" width="896" height="516" /></p>
<h2>Get started</h2>
<ol>
<li><a href="https://portal.klarna.com/signup" target="_blank" rel="noopener noreferrer">Sign up for a free Klarna account</a> to offer your customers the benefit of paying with Klarna.</li>
<li>Install the extension on your site. During this process you will be asked to download Klarna Order Management so you can handle orders in Klarna directly from WooCommerce.</li>
</ol>
<h2>Smart solutions to maximize your sales</h2>
<p>Enable these growth tools for higher conversion rates and a better customer experience:</p>
<table>
<tbody>
<tr>
<td><img class="alignnone size-medium wp-image-18734003882509" src="https://woocommerce.com/wp-content/uploads/2018/01/Express-check-out.png?w=360" alt="" width="360" height="343" /></td>
<td>
<h3 id="express-checkout">Express checkout</h3>
<p>Offer a 5x faster check-out process that lowers the threshold for shoppers to complete a purchase.</p>
<p><a href="https://docs.klarna.com/platform-solutions/woocommerce/how-to-install-express-checkout-on-woocommerce/" target="_blank" rel="noopener noreferrer">Learn more</a>.</td>
</tr>
<tr>
<td><img class="alignnone size-medium wp-image-18734003882557" src="https://woocommerce.com/wp-content/uploads/2018/01/On-site-messaging.png?w=360" alt="" width="360" height="345" /></td>
<td>
<h3 id="on-site-messaging">On-site messaging</h3>
<p>Add personalized messaging throughout the shopper journey for higher conversion rates and increased spend.</p>
<p><a href="https://docs.klarna.com/platform-solutions/woocommerce/how-to-install-on-site-messaging-on-woocommerce/" target="_blank" rel="noopener noreferrer">Learn more</a>.</td>
</tr>
<tr>
<td><img class="alignnone size-medium wp-image-18734004383685" src="https://woocommerce.com/wp-content/uploads/2018/01/Sign-in-with-Klarna.png?w=359" alt="" width="359" height="343" /></td>
<td>
<h3 id="sign-in-with-klarna">Sign in with Klarna</h3>
<p>Let customers connect their accounts with pre-set payments and preferences to shop anywhere, improve personalized shopping experiences.</p>
<p><a href="https://docs.klarna.com/platform-solutions/e-commerce-platforms/woocommerce/conversion-boosters/how-to-enable-sign-in-with-klarna-in-woocommerce/" target="_blank" rel="noopener noreferrer">Learn more</a>.</td>
</tr>
</tbody>
</table>
<div class="woo-sc-box info">
<h3>What’s the difference between Klarna Checkout and Klarna Payments?</h3>
<p><strong>Klarna Payments​</strong> are standalone payment methods. With Klarna Payments you can complement your checkout with a Klarna hosted widget located in your existing checkout.</p>
<p><strong>Klarna Checkout​</strong> is a complete online checkout solution designed to increase sales and customer loyalty. Klarna as your single payment provider keeps everything under one roof. You’ll have one agreement, one point of contact, one settlement file, one payout with ​Klarna Checkout​.</p>
</div>

Klarna

<p>Grow your business with increased sales and an enhanced shopping experience — at no extra cost.</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  …

Klarna vs AhaPay Buy Now Pay Later