Jak dodać widżet Chatra do mojego przycisku?

Poniższe przykłady wymagają znajomości Javascript i CSS. Obsługa klienta Tilda nie pomaga w kwestiach związanych z kodem.

Aby dodać widżet Chatra do przycisku na swojej stronie internetowej, należy dodać blok T123 z kategorii "Inne" i wstawić tam następujący kod:

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

Następnie przypisz następujący link do przycisku: #openchatra.

Gotowe. Teraz możesz opublikować swoją stronę i przetestować przycisk.