wordpress

Hello Lemon Squeezy Support Team,

I’m experiencing an issue integrating the Checkout Overlay on my WordPress website. I’ve tried adding the following code, but it’s not working as expected:

html
Copy
Edit
<a href="https://shop.ahmedkamal.art/buy/505bca24-f648-45db-be31-f848d1edff2d?embed=1&desc=0" class="lemonsqueezy-button">
Click here to buy
</a>

<script src="https://assets.lemonsqueezy.com/lemon.js" defer></script>
Issue Details:
The Checkout Overlay does not trigger properly when clicking the button.

The code works fine when tested outside WordPress but does not function correctly on my site.

I added the code inside Elementor (HTML Widget & Custom Code) and also tried adding it to functions.php, but it still doesn’t work.

What I Need Help With:
Are there any specific settings or requirements to make the Checkout Overlay work on WordPress?

Should the lemon.js script be included differently within WordPress?

Is there any additional code I need to add to make the checkout function properly inside Elementor or my WordPress theme?

Additional Info:
I’m using Elementor and WooCommerce on my website.

My site is hosted on Cloudflare with WP Rocket enabled.

I would really appreciate your help in resolving this issue. Thanks in advance for your support!

Best regards,
Ahmed Kamal
ahmedkamal.art