Je kunt eenvoudig de chat widget activeren om te openen via een knop op je website. In dit artikel leggen we uit hoe je dit kunt doen.
Door deze stappen te volgen, kun je eenvoudig een knop op je website integreren die de chat widget activeert om te openen, waardoor je websitebezoekers eenvoudig kunnen communiceren met je chatbot.
Stap 1: Het Toevoegen van de knop
Allereerst moet je een knop toevoegen aan je website waar je de chat widget wilt laten verschijnen. Je kunt de knop overal op je webpagina toevoegen met behulp van HTML. Hier is een voorbeeld van hoe je een knop kunt toevoegen:
<button id="openChatButton">Open Chat</button>
Zorg ervoor dat je de knop aanpast aan de ontwerp- en stijlvoorkeuren van je website.
Stap 2: Het Integreren van JavaScript
Vervolgens moet je JavaScript-code integreren die de chat widget activeert om te openen wanneer er op de knop wordt geklikt. Hieronder staat het JavaScript-codefragment dat je moet toevoegen aan je webpagina:
<script>
document.getElementById('openChatButton').addEventListener('click', function() {
window['watermelonWidget'].emit('open-widget');
});
</script>
Stap 3: Testen
Nadat je de knop en de JavaScript-code hebt geïntegreerd, adviseren wij je deze op de website te testen, om te controleren of de chat widget correct opent wanneer er op de knop geklikt wordt.