Optimizing your checkout when using an Iframe-based checkout

  1. Home
  2. /
  3. Klarna Payments for WooCommerce
  4. /
  5. Get started
  6. /
  7. Optimizing your checkout when using an Iframe-based checkout

Optimizing your checkout when using an Iframe-based checkout

Optimizing can be very powerful when it’s properly configured but when using a Iframe-base checkout such as Klarna Checkout, Klarna Payments, Nets Easy, Collector Checkout, Ecster Pay, Payson Checkout etc. there can be compatibility issues.

Common issues:

  • The JS, CSS files is moved around. 
    This can result in that the checkout doesn’t appear at all.
  • You are minifying/concatenate/caching HTML, CSS and JS-files.
    This can result in double orders, wrong Information in the orders etc.

Common plugins in use when these errors appears:

  • Autoptimize
  • LiteSpeed Cache
  • SG Optimizer
  • WP Fastest Cache
  • WP Rocket
  • W3 Total Cache

The summary of this is that if you use a Iframe-based checkout you should NOT do anything with the HTML, JS or CSS on the cart/checkout page.