Prostaline İdrarının Akışıyla Prostatıyla Sorunu OLan Erkekler İçin Rahatlamaya Destek 60 lı - aroma_variant_property : Aromasız, 1li - aroma_variant_property : --,

#bayilik-asistan { position: fixed; bottom: 20px; right: 20px; z-index: 9999; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } .asistan-container { width: 350px; background: linear-gradient(135deg, #2c3e50, #4ca1af); border-radius: 15px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); overflow: hidden; display: none; transform: translateY(20px); opacity: 0; transition: all 0.3s ease; } .asistan-container.active { display: block; transform: translateY(0); opacity: 1; } .asistan-header { background: rgba(0, 0, 0, 0.2); color: white; padding: 15px; display: flex; justify-content: space-between; align-items: center; } .asistan-header h3 { margin: 0; font-size: 18px; } .close-btn { background: none; border: none; color: white; font-size: 24px; cursor: pointer; padding: 0; line-height: 1; } .asistan-body { height: 300px; padding: 15px; background: white; overflow-y: auto; } .asistan-messages { min-height: calc(100% - 50px); } .message { margin-bottom: 15px; padding: 10px 15px; border-radius: 18px; max-width: 80%; word-wrap: break-word; } .bot-message { background: #f1f1f1; color: #333; border-top-left-radius: 5px; margin-right: auto; } .user-message { background: #4ca1af; color: white; border-top-right-radius: 5px; margin-left: auto; } .asistan-input { display: flex; margin-top: 10px; } .asistan-input input { flex: 1; padding: 10px 15px; border: 1px solid #ddd; border-radius: 25px; outline: none; } .asistan-input button { background: #4ca1af; color: white; border: none; border-radius: 25px; padding: 10px 15px; margin-left: 10px; cursor: pointer; transition: background 0.3s; } .asistan-input button:hover { background: #3d8b99; } .asistan-cta { background: #e74c3c; color: white; padding: 15px; text-align: center; } .asistan-cta p { margin: 0 0 10px 0; font-size: 14px; } .cta-btn { display: inline-block; background: white; color: #e74c3c; padding: 8px 20px; border-radius: 25px; text-decoration: none; font-weight: bold; transition: all 0.3s; } .cta-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .asistan-toggle { width: 60px; height: 60px; background: linear-gradient(135deg, #2c3e50, #4ca1af); border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); transition: all 0.3s; margin-left: auto; } .asistan-toggle:hover { transform: scale(1.1); } .asistan-toggle img { width: 30px; height: 30px; filter: brightness(0) invert(1); } /* Animasyonlar */ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-5px); } } .bounce { animation: bounce 1s; } .fade-in { animation: fadeIn 0.5s; } document.addEventListener('DOMContentLoaded', function() { // Elementleri seç const asistanToggle = document.querySelector('.asistan-toggle'); const asistanContainer = document.querySelector('.asistan-container'); const closeBtn = document.querySelector('.close-btn'); const sendBtn = document.querySelector('.send-btn'); const inputField = document.querySelector('.asistan-input input'); const messagesContainer = document.querySelector('.asistan-messages'); const ctaBtn = document.querySelector('.cta-btn'); // Başlangıç mesajı const welcomeMessages = [ "Merhaba! Ben BayilikXML asistanınız. Size nasıl yardımcı olabilirim?", "Bayilik başvurusu, dropshipping veya sipariş takibi hakkında sorularınızı yanıtlayabilirim." ]; // Asistanı aç/kapat asistanToggle.addEventListener('click', function() { asistanContainer.classList.toggle('active'); if (asistanContainer.classList.contains('active') && messagesContainer.children.length === 0) { // İlk açılışta hoş geldin mesajlarını göster setTimeout(() => { addBotMessage(welcomeMessages[0]); }, 300); setTimeout(() => { addBotMessage(welcomeMessages[1]); }, 800); setTimeout(() => { showQuickReplies(); }, 1300); } }); closeBtn.addEventListener('click', function() { asistanContainer.classList.remove('active'); }); // Mesaj gönderme function sendMessage() { const message = inputField.value.trim(); if (message) { addUserMessage(message); inputField.value = ''; setTimeout(() => { processUserMessage(message); }, 500); } } sendBtn.addEventListener('click', sendMessage); inputField.addEventListener('keypress', function(e) { if (e.key === 'Enter') { sendMessage(); } }); // Mesaj ekleme fonksiyonları function addUserMessage(text) { const messageDiv = document.createElement('div'); messageDiv.classList.add('message', 'user-message', 'fade-in'); messageDiv.textContent = text; messagesContainer.appendChild(messageDiv); scrollToBottom(); } function addBotMessage(text) { const messageDiv = document.createElement('div'); messageDiv.classList.add('message', 'bot-message', 'fade-in'); messageDiv.textContent = text; messagesContainer.appendChild(messageDiv); scrollToBottom(); } function scrollToBottom() { messagesContainer.scrollTop = messagesContainer.scrollHeight; } // Hızlı yanıt butonları function showQuickReplies() { const quickReplies = [ "Dropshipping'e nasıl başlarım?", "Bayilik başvurusu nasıl yapılır?", "Siparişim ne zaman yola çıkacak?" ]; const quickReplyContainer = document.createElement('div'); quickReplyContainer.classList.add('quick-replies', 'fade-in'); quickReplies.forEach(reply => { const btn = document.createElement('button'); btn.classList.add('quick-reply-btn'); btn.textContent = reply; btn.addEventListener('click', function() { addUserMessage(reply); setTimeout(() => { processUserMessage(reply); }, 500); }); quickReplyContainer.appendChild(btn); }); messagesContainer.appendChild(quickReplyContainer); scrollToBottom(); } // Kullanıcı mesajını işleme function processUserMessage(message) { message = message.toLowerCase(); if (message.includes('dropshipping') || message.includes('dropship')) { addBotMessage("Dropshipping iş modeliyle ürünlerimizi satabilirsiniz. Stok tutmadan, sadece satış yaparak kazanç elde edebilirsiniz."); addBotMessage("Başlamak için üye olmanız yeterli. Üye olduktan sonra ürünlerimizi mağazanıza entegre edebilirsiniz."); setTimeout(() => { showQuickReplies(); }, 1000); } else if (message.includes('bayilik') || message.includes('başvuru')) { addBotMessage("Bayilik başvurusu için web sitemizdeki 'Bayilik Başvuru' formunu doldurabilir veya bizi direkt arayabilirsiniz."); addBotMessage("Bayilik avantajlarımız arasında özel fiyatlar, kargo desteği ve pazarlama materyalleri bulunmaktadır."); setTimeout(() => { addBotMessage("Hemen başvurmak ister misiniz?"); showCta(); }, 1000); } else if (message.includes('sipariş') || message.includes('ne zaman') || message.includes('kargo')) { addBotMessage("Lütfen sipariş tarihinizi girin (GG/AA/YYYY formatında):"); const dateInput = document.createElement('input'); dateInput.type = 'text'; dateInput.placeholder = 'GG/AA/YYYY'; dateInput.classList.add('date-input'); const dateSubmit = document.createElement('button'); dateSubmit.textContent = 'Gönder'; dateSubmit.classList.add('date-submit'); const dateContainer = document.createElement('div'); dateContainer.classList.add('date-container', 'fade-in'); dateContainer.appendChild(dateInput); dateContainer.appendChild(dateSubmit); messagesContainer.appendChild(dateContainer); scrollToBottom(); dateSubmit.addEventListener('click', function() { const dateText = dateInput.value.trim(); if (dateText) { calculateShippingDate(dateText); dateContainer.remove(); } }); } else { addBotMessage("Üzgünüm, sorunuzu tam olarak anlayamadım. Lütfen daha açıklayıcı bir şekilde sorunuzu yazın veya aşağıdaki seçeneklerden birini seçin."); setTimeout(() => { showQuickReplies(); }, 500); } } // Sipariş tarihi hesaplama function calculateShippingDate(dateStr) { // Basit tarih validasyonu const dateRegex = /^\d{2}\/\d{2}\/\d{4}$/; if (!dateRegex.test(dateStr)) { addBotMessage("Lütfen geçerli bir tarih girin (GG/AA/YYYY formatında)."); return; } const [day, month, year] = dateStr.split('/').map(Number); const orderDate = new Date(year, month - 1, day); // Haftasonlarını ve iş günlerini kontrol et let workHoursAdded = 0; let shippingDate = new Date(orderDate); while (workHoursAdded < 48) { shippingDate.setDate(shippingDate.getDate() + 1); // Haftasonu kontrolü (Cumartesi:6, Pazar:0) if (shippingDate.getDay() !== 0 && shippingDate.getDay() !== 6) { workHoursAdded += 8; } } const options = { day: 'numeric', month: 'long', year: 'numeric' }; const formattedDate = shippingDate.toLocaleDateString('tr-TR', options); addBotMessage(`Siparişiniz ${formattedDate} tarihine kadar kargoya verilecektir.`); setTimeout(() => { showQuickReplies(); }, 500); } // CTA göster function showCta() { const ctaDiv = document.createElement('div'); ctaDiv.classList.add('cta-message', 'fade-in'); ctaDiv.innerHTML = `

Hemen bayilik başvurusu yapın ve özel avantajlardan yararlanın!

Şimdi Başvur `; messagesContainer.appendChild(ctaDiv); scrollToBottom(); ctaDiv.querySelector('.inline-cta').addEventListener('click', function() { ctaBtn.click(); }); } // CTA butonu tıklama ctaBtn.addEventListener('click', function(e) { e.preventDefault(); // Burada kayıt sayfasına yönlendirme yapabilirsiniz window.location.href = "https://www.bayilikxml.com/kayit"; }); // Sayfa yüklendiğinde asistanı göster (isteğe bağlı) setTimeout(() => { asistanToggle.classList.add('bounce'); }, 3000); });