Messaging not showing up on product page

Hi @richardzed,

I see that the klarnaservices.com/lib.js is missing from your storefront (which I checked by viewing the Elements for a product page in your strore using the browser’s developer tools). This on-site messaging JavaScript library is required for on-site messaging to display. (For comparison for a storefront where on-site messaging does display, this library can be found at in the Elements at demo store: https://demo.krokedil.se/klarnapayments/product/flying-ninja/)

Please check if you have something preventing the JS library from being loaded on this page, e.g.:

https://docs.krokedil.com/klarna-for-woocommerce/additional-klarna-plugins/klarna-on-site-messaging/#problems-that-might-occur-when-optimizing-your-woocommerce-store-when-using-an-iframe-based-checkout

Hi kristiklarna
Thank you for your answer.

I have disabled all the plugins but still not work.

Hello @richardzed

This might be a compatibility issue with another plugin or theme.
My suggestion is that you try this troubleshooting guide: https://docs.krokedil.com/krokedil-general-support-info/guide-to-troubleshooting-in-woocommerce/

Please come back if you need more support.

Hi Kroke
I have tried to set up a staging environment, you can find it here https://gabant.it/1681200819223/?product=wallet-purple with all the plugins disabled and changed the theme but still doesn’t work

Hello @richardzed

Please change theme in the staging environment to Storefront to check for compatibility issues with the theme.

Done

Hello @richardzed

It looks like your staging environment is using the plugin Elementor and the theme hello Elementor.

Please deactivate Elementor and change theme to Storefront temporally.

I have disabled elementor but idk how to set the theme to storefront, which is the theme to use? I have set the homepage to be the shop page

Never mind, done

Hello @richardzed

It looks like your Data client ID is missing. You may read more about the setting here: https://docs.krokedil.com/klarna-for-woocommerce/additional-klarna-plugins/klarna-on-site-messaging/#configuration

You may use this guide to set it up: https://docs.krokedil.com/klarna-for-woocommerce/additional-klarna-plugins/klarna-on-site-messaging/#configuration-video-klarna-payments

Done! Thank you.