Wie füge ich das Chatra-Widget zu meiner Schaltfläche hinzu?

Die folgenden Beispiele erfordern Kenntnisse in Javascript und CSS. Der Tilda-Kundendienst hilft nicht bei Fragen zum Code.

Um das Chatra-Widget zu einer Schaltfläche auf Ihrer Website hinzuzufügen, müssen Sie den T123-Block aus der Kategorie "Andere" hinzufügen und den folgenden Code einfügen:

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

Weisen Sie dann der Schaltfläche den folgenden Link zu: #openchatra.

Erledigt. Jetzt können Sie Ihre Seite veröffentlichen und die Schaltfläche testen.