+966125782800
alkiswah.sales@ihg.com
English
العربية
Français
Deutsch
Türkçe
Indonesia
اردو
Al Kiswah Towers Hotel
Rooms
Junior Suite
Deluxe King Room
Standard Twin Room
Classic Triple Room
Standard Quadruple Room
Standard Family Room
Reservations
Promotion
Gallery
Reviews
Contact Us
About Us
Contact Us
Check In
Check Out
Room
1
2
3
4
Adults
1
2
3
4
5
Child
0 Child
1 Child
2 Children
3 Children
4 Children
Contact Details
+966125782800
alkiswah.sales@ihg.com
Location
Tayseer Distrit, 24231 Makkah, Saudi Arabia
💬 Al Kiswah Towers
×
Bienvenue à Al Kiswah Towers Hotel ! 🏨
Comment puis-je vous aider aujourd'hui ?
`; // Injecter le HTML const container = document.createElement('div'); container.innerHTML = chatHTML; document.body.appendChild(container); console.log('✅ Chatbot: Interface créée'); // Éléments DOM const chatButton = document.getElementById('chat-button'); const chatContainer = document.getElementById('chat-container'); const chatClose = document.getElementById('chat-close'); const chatInput = document.getElementById('chat-input'); const chatSend = document.getElementById('chat-send'); const chatMessages = document.getElementById('chat-messages'); // Fonctions function toggleChat() { chatContainer.classList.toggle('open'); if (chatContainer.classList.contains('open')) { chatInput.focus(); console.log('💬 Chat ouvert'); } } function addMessage(content, isUser = false) { const messageDiv = document.createElement('div'); messageDiv.className = `message ${isUser ? 'user' : 'bot'}`; messageDiv.innerHTML = `
${content}
`; chatMessages.appendChild(messageDiv); chatMessages.scrollTop = chatMessages.scrollHeight; } function showTyping() { const typingDiv = document.createElement('div'); typingDiv.className = 'message bot'; typingDiv.id = 'typing-indicator'; typingDiv.innerHTML = `
`; chatMessages.appendChild(typingDiv); chatMessages.scrollTop = chatMessages.scrollHeight; } function removeTyping() { const typing = document.getElementById('typing-indicator'); if (typing) typing.remove(); } async function sendMessage() { const message = chatInput.value.trim(); if (!message) return; // Afficher le message de l'utilisateur addMessage(message, true); chatInput.value = ''; chatSend.disabled = true; // Afficher l'indicateur de frappe showTyping(); try { // Envoyer au webhook const response = await fetch(WEBHOOK_URL, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ message: message, pageUrl: window.location.href, timestamp: new Date().toISOString() }) }); removeTyping(); if (response.ok) { const data = await response.json(); addMessage(data.response || 'Merci pour votre message !'); } else { throw new Error('Webhook non configuré'); } } catch (error) { removeTyping(); console.log('⚠️ Webhook non configuré, réponse automatique'); // Réponse automatique de démo const demoResponses = { 'tarif': 'Nos chambres varient de 150€ à 350€ par nuit selon la catégorie. Contactez-nous pour une offre personnalisée ! 📞', 'prix': 'Nos chambres varient de 150€ à 350€ par nuit selon la catégorie. Contactez-nous pour une offre personnalisée ! 📞', 'réservation': 'Vous pouvez réserver en ligne ou nous contacter au +966 XXX XXX XXX. Notre équipe est à votre service 24/7 ! 🌟', 'réserver': 'Vous pouvez réserver en ligne ou nous contacter au +966 XXX XXX XXX. Notre équipe est à votre service 24/7 ! 🌟', 'chambre': 'Nous proposons plusieurs types de chambres : Standard, Deluxe, Junior Suite, Family et Quadruple. Quelle catégorie vous intéresse ? 🏨', 'localisation': "Nous sommes situés à La Mecque, à 2 miles d'Abraj Al Bait et 5 miles de Masjid Al Haram. 📍", 'où': "Nous sommes situés à La Mecque, à 2 miles d'Abraj Al Bait et 5 miles de Masjid Al Haram. 📍" }; let response = "Merci pour votre message ! Notre équipe vous répondra dans les plus brefs délais. Pour une assistance immédiate, contactez-nous au +966 XXX XXX XXX. 😊"; const lowerMessage = message.toLowerCase(); for (const [key, value] of Object.entries(demoResponses)) { if (lowerMessage.includes(key)) { response = value; break; } } setTimeout(() => { addMessage(response); }, 500); } chatSend.disabled = false; chatInput.focus(); } // Event listeners chatButton.addEventListener('click', toggleChat); chatClose.addEventListener('click', toggleChat); chatSend.addEventListener('click', sendMessage); chatInput.addEventListener('keypress', (e) => { if (e.key === 'Enter') sendMessage(); }); console.log('✅ Chatbot: Prêt à l\'emploi !'); console.log('⚠️ N\'oublie pas de configurer le webhook N8N dans le code'); })();
">
Agrandir le plan
">
Raccourcis clavier
Données cartographiques
Données cartographiques ©2025 Google
Conditions d'utilisation
">
Follow Us
Instagram
Tiktok
Snapchat-ghost
Linkedin-in
Send Us a Message