Crisp chat script #660
Description
I'm having trouble using the Crisp chat script into this template. On the first load the chat text shows at the bottom of the page in html but on the second load the widget pops up. I've tried pasting the script directly in the head section of Layout and I also made a separate CrispChat.astro file and put it in the head section of Layout. I've asked AI bots (ChatGPT5, Grok, Gemini, Claude) to help me fix it and none of them are helping, even with some complex css hiding and waiting. I think it's the same issue this person posted about a few months ago https://www.reddit.com/r/astrojs/comments/1iq5r3f/how_to_integrate_tawkto_or_crispchat_into_astro/. Any help? ty
<script type="text/javascript"> window.$crisp = []; window.CRISP_WEBSITE_ID = ''; (function () { d = document; s = d.createElement('script'); s.src = 'https://client.crisp.chat/l.js'; s.async = 1; d.getElementsByTagName('head')[0].appendChild(s); })(); </script>