Halloween - Huis Baeyens

Halloween - Huis Baeyens

Zoeken

Mijn account

Registreren

Maak bestellen nóg makkelijker!

Al je orders en retouren op één plek
Het bestelproces gaat nog sneller
Je winkelwagen is altijd en overal opgeslagen

Registreren

Favorites

U heeft geen items in uw lijst.

Bekijken

Winkelwagen

U heeft geen artikelen in uw winkelwagen

Ga verder met winkelen

Taal & Valuta

Nederlands

// JavaScript om chatbot te starten wanneer op de knop wordt geklikt const chatButton = document.getElementById('chatButton'); const chatBox = document.getElementById('chatBox'); let optionsShown = false; // Variabele om bij te houden of antwoordmogelijkheden zijn getoond chatButton.addEventListener('click', toggleChatbot); function toggleChatbot() { if (chatBox.style.display === 'none') { openChat(); } else { closeChatBox(); } } function openChat() { // Wis vorige chats chatBox.innerHTML = ''; // Toon chatbox chatBox.style.display = 'block'; // Toon begroetingsbericht addBotMessageWithTransition("Welkom bij onze chatroom! Mijn naam is Fonske. Wat kan ik voor je doen?"); // Toon antwoordmogelijkheden na 1 seconde overgang setTimeout(() => { addBotMessageWithTransition("Kies een van de volgende opties:"); addOptionsWithTransition(["De verhuur", "De verkoop", "Webshop", "Winkel", "Specifieke vragen"]); optionsShown = true; // Markeer dat antwoordmogelijkheden zijn getoond }, 1000); } // Functie om een bericht van de bot toe te voegen met overgang function addBotMessageWithTransition(message) { const messageContainer = document.createElement('div'); messageContainer.classList.add('message-container'); const messageElement = document.createElement('div'); messageElement.classList.add('message'); messageElement.innerHTML = `

${message}

`; messageContainer.appendChild(messageElement); chatBox.appendChild(messageContainer); } // Functie om antwoordopties toe te voegen met overgang function addOptionsWithTransition(options) { options.forEach((option, index) => { setTimeout(() => { const messageContainer = document.createElement('div'); messageContainer.classList.add('message-container'); const messageElement = document.createElement('div'); messageElement.classList.add('message'); messageElement.innerHTML = `

${option}

`; if (optionsShown) { // Voeg event listener alleen toe als alle opties zijn getoond messageElement.addEventListener('click', () => { handleOptionClick(option); }); } messageContainer.appendChild(messageElement); chatBox.appendChild(messageContainer); }, (index + 1) * 1000); }); } // Functie om te reageren op het klikken van een optie function handleOptionClick(option) { // Verberg vorige antwoordmogelijkheden chatBox.innerHTML = ''; // Toon nieuwe antwoordmogelijkheden afhankelijk van de gekozen optie switch(option) { case "De verhuur": addOptionsWithTransition(["Leeftijd", "Prijs", "Artikelen", "Levering", "Andere", "Terug"]); break; case "De verkoop": addOptionsWithTransition(["Producten ruilen", "Het retourbeleid", "Andere", "Terug"]); break; case "Webshop": addOptionsWithTransition(["Afspraken", "Retourbeleid", "Betaalmogelijkheden", "Levering", "Andere", "Terug"]); break; case "Winkel": addOptionsWithTransition(["feestdagen", "verzend/afhaalpunt", "Locatie", "Doen jullie aan collabing?", "Terug"]); break; case "Specifieke vragen": addBotMessageWithTransition("Wat voor vraag heb je dan?"); break; case "Terug": // Als "Terug" wordt gekozen, toon opnieuw de opties addOptionsWithTransition(["De verhuur", "De verkoop", "Webshop", "Winkel", "Specifieke vragen"]); break; case "Prijs": // Als "Prijs" wordt gekozen, toon de gewenste informatie over prijzen addBotMessageWithTransition("- Fast service: de prijzen zijn budgetvriendelijk en zijn gemiddeld rond de 40€.
- Premium verhuur: de kwaliteit van de kostuums is hoog. Het tarief begint vanaf 80€. Dergelijke kleding is eerder bedoeld voor theater, toneel enz, maar natuurlijk ook voor persoonlijke doeleinden."); addBotMessageWithTransition("Heb je nog vragen?"); addOptionsWithTransition(["Ja", "Nee"]); break; case "Leeftijd": // Als "Leeftijd" wordt gekozen, toon de gewenste informatie over leeftijden addBotMessageWithTransition("Jazeker! Bedrijven en particulieren kunnen bij ons op elk moment een kostuum huren en al het andere dat aan uw wensen voldoet."); addBotMessageWithTransition("Heb je nog vragen?"); addOptionsWithTransition(["Ja", "Nee"]); break; default: break; } } // JavaScript om chatvenster te sluiten function closeChatBox() { chatBox.style.display = 'none'; }

Wij slaan cookies op om onze website te verbeteren. Is dat akkoord? Ja Nee Meer over cookies »