On-site messaging not showing on mobile

Hi @zielakowy ,
Perhaps would you need to customize to use a different filter to make on-site messaging work on mobile, per https://docs.krokedil.com/article/259-klarna-on-site-messaging#h-H2_2

To debug what is not working on mobile, you can check the on-site messaging JavaScript is loaded into the page by viewing the source of the page and searching for ‘klarnaservices’ and comparing to the results of your product page source to a Klarna Payments demo test store, e.g. https://demo.krokedil.se/klarnapayments/product/flying-ninja/

If the JavaScript is loaded successfully, you can next inspect the page (not view the HTML source, as the placement is injected into the page dynamically) and search the Elements of the page for ‘klarna-placement’ (and again compare results to the working example page).

Regarding the ‘Cart page placement data key’, many merchants use the same data key in the product & cart pages, so you could use ‘credit-promotion-badge’ if that is the desired on-site messaging placement. The available data-key options are listed in the On-site messaging app in the Klarna Merchant Portal under ‘Placements’, and you can copy the ‘data-key’ for your desired placement.

If you need further support, you can also get that from Klarna Merchant Support (https://docs.krokedil.com/article/304-klarna-contact-merchant-support) or Krokedil support at [email protected]

Thanks for your quick reply.
Cart page placements working now.

But I still can’t figure out why it isn’t working on mobile, I did compare demo (that is working on mobile) vs my site and can’t find a difference

Demo Site

<script async src=’https://eu-library.playground.klarnaservices.com/lib.js?ver=1.3.0&#8242; id=’klarna-onsite-messaging-js’ data-client-id=”c39f8056-b65a-5d1c-b617-94045e9be4d3″></script>

<klarna-placement
data-key=”credit-promotion-standard”
data-locale=”en-SE”
data-preloaded=”true”
data-theme=dark data-purchase-amount=699500 ></klarna-placement>

My Site

<script type=’text/javascript’ async src=’https://eu-library.klarnaservices.com/lib.js?ver=1.4.0&#8242; id=’klarna-onsite-messaging-js’ data-client-id=”xxxxxxxxxxxxxxxxxxxx”></script>

<klarna-placement
data-key=”credit-promotion-standard”
data-locale=”en-GB”
data-preloaded=”true”
data-theme=dark data-purchase-amount=3999 ></klarna-placement>

Hi again @zielakowy ,
I don’t currently see on-site messaging code returning content for the on-site messaging iframe for your account outside of your store for these example data values, e.g. in JSFiddle, so the issue may not be with your Woo store configuration. I recommend as next step you open a Klarna merchant support ticket for review of your account for on-site messaging.

Hi again @zielakowy –
I have an update regarding your example above:

The on-site messaging was not working as the quotes on the data-attributes are invalid, perhaps because the text was copied from a text document? the example is using ” instead of ” With the corrected quotes, on-site messaging is working as expected for your account after all.

If on-site messaging is still not displaying on mobile though, could you test with the Storefront theme to see if the problem is theme related?

If that doesn’t resolve the issue, we’d need more information to debug, and to work through that, you could request support from Klarna Merchant Support (https://docs.krokedil.com/article/304-klarna-contact-merchant-support) or Krokedil support at [email protected]

Closing per above comment, but if we can help further, please let us know with additional supporting information.

Confirmed with Klarna Merchant Support that this issue was a result of JavaScript optimization, which is documented at: https://docs.krokedil.com/article/259-klarna-on-site-messaging#h-H2_4