🌐 Web Sitene Ekle
Aşağıdaki kodu web sitenin </body> etiketinden önce yapıştır. Sağ alt köşede yüzen bir chat butonu çıkar.
<!-- Büyük Erzurum Sofrası Chatbot -->
<script>
(function(){
// Yüzen buton
var btn = document.createElement('div');
btn.innerHTML = '🥩';
btn.style = 'position:fixed;bottom:24px;right:24px;'+
'width:58px;height:58px;border-radius:50%;'+
'background:linear-gradient(135deg,#D62828,#F77F00);'+
'display:flex;align-items:center;justify-content:center;'+
'font-size:26px;cursor:pointer;z-index:9999;'+
'box-shadow:0 4px 16px rgba(214,40,40,0.4);'+
'transition:transform 0.2s;';
btn.onmouseenter=function(){this.style.transform='scale(1.1)';};
btn.onmouseleave=function(){this.style.transform='scale(1)';};
// Chat penceresi
var frame = document.createElement('iframe');
frame.src = 'https://buyukerzurumsofrasi.com/chatbot';
frame.style = 'position:fixed;bottom:95px;right:24px;'+
'width:380px;height:560px;border:none;'+
'border-radius:20px;z-index:9998;'+
'box-shadow:0 8px 32px rgba(0,0,0,0.2);'+
'display:none;';
btn.onclick = function(){
frame.style.display =
frame.style.display==='none' ? 'block' : 'none';
};
document.body.appendChild(frame);
document.body.appendChild(btn);
})();
</script>
<!-- WhatsApp Yüzen Buton -->
<a href="https://wa.me/905395732525?text=Merhaba%2C+rezervasyon+yapmak+istiyorum."
target="_blank"
style="position:fixed;bottom:24px;right:96px;
background:#25D366;color:white;padding:14px 20px;
border-radius:30px;font-weight:bold;font-size:14px;
text-decoration:none;z-index:9999;
box-shadow:0 4px 16px rgba(37,211,102,0.4);
font-family:sans-serif;">
💬 WhatsApp
</a>
📱 WhatsApp Direkt Link
Müşterilerine bu linki paylaşabilirsin — tıklayınca direkt WhatsApp'a düşer:
https://wa.me/905395732525?text=Merhaba%2C%20rezervasyon%20yapmak%20istiyorum.
⚙️ API Anahtarı
Chatbotun çalışması için Anthropic API anahtarına ihtiyacın var. Buradan ücretsiz edinebilirsin:
console.anthropic.com →
Aldığın anahtarı HTML dosyasındaki API_KEY değişkenine yaz.