Integration with Chatra

BNB

Hi
I would like to integrate Chatra with Buttonizer. Chatra team told me it is possible if we can use a custom link as explained below. Is this possible?

It seems like this line is what you need:

javascript:void(Chatra('openChat', true));

Create a custom button in the plugin you are planning to use, and use this line as the link source or button action. The exact settings may vary in different plugins.

To make it work, you will also need to have Chatra installed on your website, and hidden with this code (add it right before your widget code):

<style>
#chatra:not(.chatra--expanded) {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none;
  transition: none;
}
</style>

Then clicking on the button in the plugin will reveal the chat window.

James

Hi BNB ,

Thanks for reaching out to us!

It seems like it is possible by using the JavaScript function button action.

It looks like the Chatra team already gave a pretty detailed instruction on how to do this but here are the steps with videos:

Create a JavaScript function button and copy and paste this into the JavaScript editor:

Chatra('openChat', true);

Then make sure that you have Chatra installed on your site.
You can follow their steps here:
Get started with Chatra

Then go to WordPress' Additional CSS then paste the custom CSS onto your site:

#chatra:not(.chatra--expanded) {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none;
  transition: none;
}

And that should be it! 😄

Let me know if it worked.