How do I add Chatra widget to my button?

Examples below require knowledge of Javascript and CSS. Tilda Customer Support does not assist in code-related questions.

To add Chatra widget to a button on your website, you need to add T123 block from the “Other” category and insert the following code in there:

<style>
#chatra:not(.chatra--expanded) {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none;
}
</style>
<script>
$("[href='#openchatra']").click(function() {
  Chatra('openChat', true);
});
</script>

Then assign the following link to the button: #openchatra.

Done. Now you can publish your page and test the button.