In dieser Anleitung zeigen wir Ihnen, wie Sie Ihr Chaty-Widget über einen Link oder eine JavaScript-Funktion mit ein paar supereinfachen und schnellen Klicks starten und schließen können.
Um mehr über die Verwendung des Chaty-Plugins zu erfahren, klicken Sie hier . Vergessen Sie nicht, unsere gesamte Chaty-Wissensdatenbank zu konsultieren, um das Plugin optimal zu nutzen.
Sie können diese Funktion verwenden, um Ihr Widget von überall auf Ihrer Website über eine Schaltfläche zu starten oder zu schließen, und zwar mit allen Kriterien, die Sie erfüllen möchten, zum Beispiel können Sie das Widget nur anzeigen, nachdem andere JavaScript-Befehle ausgelöst wurden, oder es nach einem JavaScript ausblenden Befehl feuert.
So starten Sie Ihr Widget
Nehmen wir das Beispiel von oben. Um das Chaty-Widget mit einer JavaScript-Funktion zu starten, fügen Sie ein Bild Ihrer Wahl hinzu. Dieses Bild dient als Ihre benutzerdefinierte „Schaltfläche“, auf die Besucher klicken, um das Chaty-Widget zu schließen. Klicken Sie auf das gerade hochgeladene Bild und dann auf „Mehr Optionen"Und wählen"Als HTML bearbeitenKlicken Sie auf die Schaltfläche, um den HTML-Code des Bildes anzuzeigen. Hier müssen Sie die JavaScript-Funktion hinzufügen.
Dann müssen Sie Folgendes hinzufügen (ohne Anführungszeichen):
„“ Sie können diesen Code auch mit einer Zahl in Klammern verwenden, z. B. (1), (2), wenn Sie mehr als ein Widget auf dieser Seite haben. Das von Ihnen hochgeladene Bild fungiert dann als benutzerdefinierter „Button“ und wenn Ihre Besucher darauf klicken, wird das Rabattcode-Widget für sie gestartet. Am Ende sollte es auf Ihrer Website etwa so aussehen: 
So schließen Sie Ihr Widget
Um das Chaty-Widget mit einer JavaScript-Funktion zu schließen, fügen Sie ein Bild Ihrer Wahl hinzu, wie im obigen Beispiel. Dieses Bild dient als benutzerdefinierter „Button“, mit dem Besucher das Chaty-Widget schließen können. Klicken Sie auf das soeben hochgeladene Bild, dann auf „ Weitere Optionen “ und anschließend auf „ Als HTML bearbeiten “, um den HTML-Code des Bildes anzuzeigen. Hier fügen Sie die JavaScript-Funktion ein. Fügen Sie dazu (ohne Anführungszeichen): „javascript:close_chaty(1);“ direkt vor dem <img>-Tag ein (das <img>-Tag ist beim Hochladen eines Bildes bereits vorhanden).
Wenn Sie fertig sind, vergessen Sie nicht, oben auf der Seite auf „Speichern“ zu klicken. Das ist es! Kinderleicht ☺️
So starten Sie Ihr Chaty-Widget mit einer Elementor-Schaltfläche
Da die kostenlose Version von Elementor keine integrierte Option zum direkten Hinzufügen von JavaScript zu Schaltflächen bietet, lässt sich dies einfach umgehen, indem man einen benutzerdefinierten JavaScript-Codeausschnitt auf der Website einbindet. Diesen Codeausschnitt kann man mithilfe eines beliebigen kostenlosen Drittanbieter-Plugins wie beispielsweise WPCode hinzufügen.
Gehen Sie zu Plugins → Neu hinzufügen → suchen Sie nach WPCode und installieren Sie es.
Kopieren Sie das folgende Skript und fügen Sie es in den Fußzeilenbereich der Code-Snippets ein.
<script>
document.addEventListener("DOMContentLoaded", function() {
document.getElementById("openChatyWidget").addEventListener("click", function(event) {
event.preventDefault();
setTimeout(function() {
launch_chaty();
}, 100); // Adjust delay if needed
});
});
</script>
Bearbeiten Sie Ihren Elementor-Button und geben Sie openChatyWidget in das Feld „Button-ID“ ein.
Vergessen Sie nicht, auf die Schaltfläche „Veröffentlichen“ zu klicken. Das war‘s. Jetzt können Sie Chaty mit Ihrer Elementor-Schaltfläche starten!
Shopify-Nutzer finden in dieser Anleitung Informationen zum Starten und Schließen ihres Widgets mithilfe von JavaScript. Achten Sie darauf, die Funktionen entsprechend für Chaty anzupassen: https://premio.io/help/coupon-x/how-to-launch-or-close-your-coupon-x-widget-using-javascript/