Other Live Chat Button

Hey Sebastian ,

First of all, welcome to the Buttonizer Community

With our JavaScript API it's very easy to work with widgets we haven't implemented yet.

If you have not done this yet, select the Custom JavaScript button action and replace the COPY THE BUTTON-ID from the script below with the visible Button ID (see the image below the script).

window.addEventListener("buttonizer_button_clicked", event => {
  if(event.detail.button_id === "COPY THE BUTTON-ID") {
    window.Tawk_API.maximize()
  }
});

window.Tawk_API = window.Tawk_API || {};
Tawk_API.onLoad = function() {
    // If there's an ongoing chat, don't do anything
    // Else, hide the widget
    if(!window.Tawk_API.isChatOngoing()) {
        window.Tawk_API.hideWidget();
    }

    // Hide widget if it's minimized
    window.Tawk_API.onChatMinimized = function() {
        window.Tawk_API.hideWidget();
    }
};

Then copy the script to your page and your button should work with Tawk.io chat widget

Let me know if this works!

Cheers,
Jasper

Hey Sebastian,

Apologies for the late reply. That's no problem, Buttonizer is for all kind of knowledge, that's why we've been building the visual editor

Can you let me know what your site is? Then I'll take a quick look and debug what's the reason it isn't working

Cheers,
Jasper

Hey Sebastian , hope you've had a great weekend! Thanks for your reply!

I've checked your site and saw you are using the deprecated custom JavaScript-editor (you can read more about that here). It's easier to edit JavaScript outside the editor as it performs better.

You get this error as the script probably not initialized yet. Unfortunately it's not possible to load JavaScript files via the custom JavaScript-editor inside Buttonizer (and I don't recommend it as it will include the files every time you click on the button which will make the webpage slow).

Is it possible to move the scripts outside the editor and use a header-footer plugin for that? You'll need to execute something like this to only load the Tawk widget as soon the compliance widget says it's ready (in some header-footer plugin):

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

(disclaimer, I am not sure if it's the jQuery(document).on("cmplzEnableScripts", function() { you need to use, I wasn't able to find enough information at the moment)

Where did you paste the script I mentioned here? Jasper ? Also in a headers-footers plugin?

Let me know!

Cheers,
Jasper