tawk widget javascript error

Hello qouiou!

It looks like Tawk_API is not defined.
Could we get a screenshot with your JavaScript code?

Hi qouiou,

I looked on your website and I found that your stylesheet hasn't been closed. You'll need to add </style> to close your stylesheet

Because of this problem your JavaScript can't run.

Let me know if this works!

Hi qouiou ,

This issue looks to take place somewhere else. Do you use CSS in any other file outside .css?

Hi qouiou , as you can see the .ibs_ stylesheet has not been closed. It looks like the IBS abbreviation stand for your own website name. So I guess that you or your developer has added the code but forgot to close it.

It has nothing to do with your style.css but to a codeblock that hasn't been closed. This eventually could happen due to cache, installed/updated plugins or via a custom header/footer plugin where you forgot to close the <style> tag yourself.

Do you have a custom header/footer plugin installed?

Hi qouiou , thank you for your reply.

3- My header comes with my theme, no custom css/plugin for header and footer.

I understand that, but the Tawk code doesn't appear automatically on your website. You (or the developer) should have added the Tawk code somewhere to your website. Do you remember where you've added this code in WordPress?

Hi @qouiou ,

You have previously used the Tawk API successfully. Are you doing this using the wordpress plugin? Could you try reinstalling/reactivating that plugin? There seems to be something going wrong there.

If reinstalling/reactivating the Tawk Plugin does not work for you, unfortunately we can't help you solve the problem you are having because Buttonizer is working correctly. Buttonizer is just trying to run the Tawk_API.open() method, but it is non-existent because the tawk plugin seems to be broken (it's not closing a style tag like @FabianDJ was saying)

Hello qouiou ,

Thank you for your reply. This time the situation is different. Currently you did not added the Tawk code to your webpage.

Could you install the following Insert Headers and footers plugin to add the snippet on the right place: https://nl.wordpress.org/plugins/insert-headers-and-footers/

Then, after you have installed it, make sure to open Settings -> Header and footer and add the Tawk javascript code to the footer.

P.S. I'd like to inform you that visitors get a browser security warning when entering your website.

Hi qouiou , could you add your Tawk widget code instead only the API toggle function:

<script type="text/javascript">
var Tawk_API=Tawk_API||{};
var Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5e4a5f7f298c395d1ce84d53/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>

Hi qouiou ,

It seems we are having the same issue as a fe posts before: the <style> tag hasn't been closed at some HTML styling on your website, just like before. Could you check this?

If you go to the source of your website, then you'll find the issue. Do you use a caching plugin?