groen - Huis Baeyens
Deze site in nog in opbouw !

Producten getagd met groen

Filter
50 producten
Lijst
Bekijk alles
Bekijk alles
€
€
Footer
iDEAL PayPal Bank transfer Bancontact Belfius KBC
© Copyright 2024 - Huis Baeyens | Realisatie InStijl Media
Menu
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
Inloggen
Or sign up here
Wachtwoord vergeten?
Favorites
U heeft geen items in uw lijst.
Bekijken
Winkelwagen
U heeft geen artikelen in uw winkelwagen
Ga verder met winkelen
Filters
Taal & Valuta
Nederlands
Vergelijk
0
Chatbot Knop
Chatbot pictogram
X

Welkom bij onze chatroom! Mijn naam is Fonske. Wat kan ik voor je doen?

Update de JavaScript-code naar deze: ```javascript // 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 2 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 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) { // Andere gevallen hier ... default: askMoreQuestions(); // Vraag of de gebruiker meer vragen heeft break; } } // 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(() => { addBotMessageWithTransition(``); }, (index + 1) * 200); // Stagger opties met 200ms interval }); } // Functie om chatbox te sluiten function closeChatBox() { chatBox.style.display = 'none'; } // 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(["Doelgroep", "Prijs", "Artikelen", "Levering", "Terug"]); break; case "De verkoop": addOptionsWithTransition(["Producten ruilen", "Het retourbeleid","Ruilen", "Terug"]); break; case "Webshop": addOptionsWithTransition(["Afspraken maken?", "Retourbeleid", "Betaalmogelijkheden", "Levering", "Desktop", "Terug"]); break; case "Winkel": addOptionsWithTransition(["feestdagen", "verzend/afhaalpunt", "Locatie", "Doen jullie aan collabing?", "Terug"]); break; case "Ja": // Als "Ja" wordt gekozen, keer terug naar de vijf oorspronkelijke opties addOptionsWithTransition(["De verhuur", "De verkoop", "Webshop", "Winkel", "Specifieke vragen"]); break; case "Nee": // Als "Nee" wordt gekozen addBotMessageWithTransition("Bedankt voor uw tijd!"); // Toon bedankbericht setTimeout(closeChatBox, 2000); // Sluit chat na 2 seconden 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 "Artikelen": addOptionsWithTransition(["Premium vs. fast verhuur", "Beschadiging", "Verzorging", "Wapens", "Staan alle huurartikelen op de website?", "Terug"]); break; case "Prijs": addOptionsWithTransition(["Tarieven voor kostuum of accessoires", "Waarborg", "Betaalmogelijkheden", "Terug"]); break; case "Desktop": addOptionsWithTransition(["Account", "Zoekresultaat", "Terug"]); break; case "Doelgroep": // Als "Doelgroep" wordt gekozen, toon de gewenste informatie over doelgroepen 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; case "Premium vs. fast verhuur": // Als "Premium vs. fast verhuur" wordt gekozen, toon de gewenste informatie over Premium vs. fast verhuur addBotMessageWithTransition("- Fast verhuur: alle voorbereidingen zijn al getroffen (inclusief strijken, wassen) en de budgetvriendelijke kostuums zijn direct klaar om meegenomen te worden. Het is niet nodig om een afspraak te maken. - Premium verhuur: het is nodig om een afspraak te maken. Wij zorgen ervoor dat het kostuum volledig op maat wordt geregeld zodat het precies op het personage lijkt. Het kost tijd en mankracht om het kostuum klaar te maken voor persoonlijke of professionele doeleinden."); addBotMessageWithTransition("Heb je nog vragen?"); addOptionsWithTransition(["Ja", "Nee"]); break; case "Beschadiging": // Als "Beschadiging" wordt gekozen, toon de gewenste informatie over Beschadiging addBotMessageWithTransition("Het hangt ervan af wat de schade is en hoe groot die is. Dat valt allemaal nog te bezien."); addBotMessageWithTransition("Heb je nog vragen?"); addOptionsWithTransition(["Ja", "Nee"]); break; case "Verzorging": // Als "Verzorging" wordt gekozen, toon de gewenste informatie over Verzorging addBotMessageWithTransition("Moet ik het kostuum wassen als ik het terugbreng? Geen zorgen. Het hoeft niet gewassen te worden, want dat is allemaal bij de prijs inbegrepen. Wij zorgen voor alles :)"); addBotMessageWithTransition("Heb je nog vragen?"); addOptionsWithTransition(["Ja", "Nee"]); break; case "Wapens": // Als "Wapens" wordt gekozen, toon de gewenste informatie over Wapens addBotMessageWithTransition("Ja. We verkopen EN verhuren wapens. Het zijn ook wapens met kwaliteit door onze samenwerking met de firma Denix. Wij zijn een vast verkooppunt van Denix in België."); addBotMessageWithTransition("Heb je nog vragen?"); addOptionsWithTransition(["Ja", "Nee"]); break; case "Staan alle huurartikelen op de website?": // Als "Staan alle huurartikelen op de website?" wordt gekozen, toon de gewenste informatie over Staan alle huurartikelen op de website? addBotMessageWithTransition("Niet alles. In feite hebben we meer dan 100.000 artikelen in ons magazijn. U kunt dan beter een e-mail sturen of even bellen. Zo helpen we u verder naar wat u precies zoekt."); addBotMessageWithTransition("Heb je nog vragen?"); addOptionsWithTransition(["Ja", "Nee"]); break; case "Tarieven voor kostuum of accessoires": // Als "Tarieven voor kostuum of accessoires" wordt gekozen, toon de gewenste informatie over Tarieven voor kostuum of accessoires 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 "Waarborg": // Als "Waarborg" wordt gekozen, toon de gewenste informatie over Waarborg addBotMessageWithTransition("Moet ik een waarborg betalen om een kostuum te huren? Ja. De borg begint bij €50 en toneelkleding vanaf 100€, maar hoe meer kostuums u huurt, hoe hoger de borg wordt."); addBotMessageWithTransition("Heb je nog vragen?"); addOptionsWithTransition(["Ja", "Nee"]); break; case "Betaalmogelijkheden": // Als "Betaalmogelijkheden" wordt gekozen, toon de gewenste informatie over Betaalmogelijkheden addBotMessageWithTransition("Dit zijn de opties:Cash of bancontact"); addBotMessageWithTransition("Heb je nog vragen?"); addOptionsWithTransition(["Ja", "Nee"]); break; case "Levering": // Als "Levering" wordt gekozen, toon de gewenste informatie over Levering addBotMessageWithTransition("Levert u de gehuurde artikelen bij ons thuis? Nee. U moet het kostuum zelf ophalen in de winkel."); addBotMessageWithTransition("Heb je nog vragen?"); addOptionsWithTransition(["Ja", "Nee"]); break; case "Specifieke vragen": // Als "Specifieke vragen" wordt gekozen, toon de gewenste informatie over Specifieke vragen addBotMessageWithTransition("Welke vraag heb je voor ons?"); addBotMessageWithTransition("Heb je nog vragen?"); addOptionsWithTransition(["Ja", "Nee"]); break; case "Specifieke vragen": // Als "Specifieke vragen" wordt gekozen, toon de gewenste informatie over Specifieke vragen addBotMessageWithTransition("Welke vraag heb je voor ons?"); addBotMessageWithTransition("Heb je nog vragen?"); addOptionsWithTransition(["Ja", "Nee"]); break; case "Producten ruilen": // Als "Producten ruilen" wordt gekozen, toon de gewenste informatie over Producten ruilen addBotMessageWithTransition("Is het mogelijk om het gekochte artikel te ruilen? Op vertoon van de kassabon is het mogelijk om het artikel binnen een week te ruilen. Maar het moet wel in de originele verpakking zitten. Tip: voor kostuums kunt u altijd passen in onze kleedkamers."); addBotMessageWithTransition("Heb je nog vragen?"); addOptionsWithTransition(["Ja", "Nee"]); break; case "Het retourbeleid": // Als "Het retourbeleid" wordt gekozen, toon de gewenste informatie over Het retourbeleid addBotMessageWithTransition("Is het mogelijk om het gekochte artikel te retourneren? In principe niet. Maar we bekijken of het geven van een voucher mogelijk is indien u een kassaticket heeft."); addBotMessageWithTransition("Heb je nog vragen?"); addOptionsWithTransition(["Ja", "Nee"]); break; case "Ruilen": // Als "Ruilen" wordt gekozen, toon de gewenste informatie over Ruilen addBotMessageWithTransition("Op vertoon van de kassabon is het mogelijk om het artikel binnen een week te ruilen. Maar het moet wel in de originele verpakking zitten. Tip: voor kostuums kunt u altijd passen in onze kleedkamers."); addOptionsWithTransition(["Ja", "Nee"]); break; case "Afspraken maken?": // Als "Afspraken maken?" wordt gekozen, toon de gewenste informatie over Afspraken maken? addBotMessageWithTransition("Homepage => Verhuur => 'Online plannen'"); addOptionsWithTransition(["Ja", "Nee"]); break; case "Afspraken maken?": // Als "Afspraken maken?" wordt gekozen, toon de gewenste informatie over Afspraken maken? addBotMessageWithTransition("Homepage => Verhuur => 'Online plannen'"); addOptionsWithTransition(["Ja", "Nee"]); break; case "Retourbeleid": // Als "Retourbeleid" wordt gekozen, toon de gewenste informatie over Retourbeleid addBotMessageWithTransition("14 dagen na aankoop"); addOptionsWithTransition(["Ja", "Nee"]); break; case "Betaalmogelijkheden": // Als "Betaalmogelijkheden" wordt gekozen, toon de gewenste informatie over Betaalmogelijkheden addBotMessageWithTransition("Dit zijn de opties:bancontact, bankoverschrijving, paypal, ideal en mollie."); addOptionsWithTransition(["Ja", "Nee"]); break; case "Levering": // Als "Levering" wordt gekozen, toon de gewenste informatie over Levering addBotMessageWithTransition("Binnen 24 uur wordt uw bestelling verzonden. De levertijd bedraagt 1 tot 2 werkdagen."); addOptionsWithTransition(["Ja", "Nee"]); break; case "Account": // Als "Account" wordt gekozen, toon de gewenste informatie over Account addBotMessageWithTransition("Waarom moet ik een account maken om een bestelling af te ronden?Het is noodzakelijk om de bestelling met de juiste informatie te verwerken en te verzenden."); addOptionsWithTransition(["Ja", "Nee"]); break; case "Zoekresultaat": // Als "Zoekresultaat" wordt gekozen, toon de gewenste informatie over Zoekresultaat addBotMessageWithTransition("Ik probeer een artikel te zoeken maar het komt niet in de zoekresultaat terecht.Het kan zijn dat u het product verkeerd heeft gespeld of dat het product momenteel niet beschikbaar is."); addOptionsWithTransition(["Ja", "Nee"]); break; case "feestdagen": // Als "feestdagen" wordt gekozen, toon de gewenste informatie over feestdagen addBotMessageWithTransition("Nee. We zijn niet open op feestdagen."); addOptionsWithTransition(["Ja", "Nee"]); break; case "verzend/afhaalpunt": // Als "verzend/afhaalpunt" wordt gekozen, toon de gewenste informatie over verzend/afhaalpunt addBotMessageWithTransition("Momenteel is er Homerr en Mondial Relay."); addOptionsWithTransition(["Ja", "Nee"]); break; case "Locatie": // Als "Locatie" wordt gekozen, toon de gewenste informatie over Locatie addBotMessageWithTransition("We zitten op een perfecte locatie waar u gemakkelijk met de auto, fiets, te voet en met het openbaar vervoer kunt komen. Voor de auto is er parking voor onze winkel. Met bus 20, 140 en 141 kunt u de winkel ook bereiken."); addOptionsWithTransition(["Ja", "Nee"]); break; case "Doen jullie aan collabing?": // Als "Doen jullie aan collabing?" wordt gekozen, toon de gewenste informatie over Doen jullie aan collabing? addBotMessageWithTransition("Absoluut! In het verleden hebben we samengewerkt voor grote bedrijven, influencers en zelfs deelgenomen aan tv-programma's. Dus laat ze zeker komen! ;)"); addOptionsWithTransition(["Ja", "Nee"]); break; } } // Functie om chatbox 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 »