Script chat IA ~ Universo Aleatório

<div class="chat-header">
      🤖 Assistente do Blog
      <span onclick="fecharRobo(event)">✖</span>
    </div>

<div class="chat-footer">
      <button onclick="copiarPix(event)">💙 Apoiar via Pix</button>
    </div>

</div>
</div>

.chat-box {
  width: 260px;
  background: #0f2027;
  border-radius: 15px;
  box-shadow: 0 0 25px rgba(0,255,255,0.5);
  overflow: hidden;
  animation: subir 0.5s ease;
}

.chat-header {
  background: #00f0ff;
  padding: 10px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}

.chat-body {
  padding: 10px;
  height: 160px;
  overflow-y: auto;
  color: #fff;
  font-size: 13px;
}

.msg {
  background: #203a43;
  padding: 8px;
  border-radius: 10px;
  margin-bottom: 8px;
  animation: aparecer 0.3s ease;
}

.chat-footer {
  padding: 10px;
  text-align: center;
}

button {
  background: #00f0ff;
  border: none;
  padding: 8px;
  border-radius: 10px;
  cursor: pointer;
}

@keyframes subir {
  from { transform: translateY(50px); opacity:0; }
  to { transform: translateY(0); opacity:1; }
}

@keyframes aparecer {
  from { opacity:0; transform: scale(0.9); }
  to { opacity:1; transform: scale(1); }
}

/* MINI */
#chatRobo.mini .chat-body,
#chatRobo.mini .chat-footer {
  display: none;
}

#chatRobo.mini .chat-box {
  width: 80px;
  height: 50px;
}
</style>

let index = 0;

function adicionarMsg(texto) {
  const chat = document.getElementById("chatBody");
  const div = document.createElement("div");
  div.className = "msg";
  div.innerText = texto;
  chat.appendChild(div);
  chat.scrollTop = chat.scrollHeight;
}

function copiarPix(e) {
  e.stopPropagation();
  navigator.clipboard.writeText("tigotunes@gmail.com");
  adicionarMsg("💟 Pix copiado! Obrigado pelo apoio 🙌");
}

function fecharRobo(e) {
  e.stopPropagation();
  document.getElementById("chatRobo").style.display = "none";
  localStorage.setItem("chatFechado", "true");
}

function minimizarRobo() {
  document.getElementById("chatRobo").classList.add("mini");
}

function expandirRobo() {
  document.getElementById("chatRobo").classList.remove("mini");
}

// MOSTRAR UMA VEZ
if (!localStorage.getItem("chatFechado")) {

setTimeout(() => {
    const robo = document.getElementById("chatRobo");
    robo.style.display = "block";
    fluxoChat();
  }, 4000);
}

// EXIT INTENT
document.addEventListener("mouseout", function(e) {
  if (e.clientY < 10) {
    const robo = document.getElementById("chatRobo");
    robo.style.display = "block";
    expandirRobo();
  }
});
</script>

Particles effect, Sticky menu and more.

Universo Aleatório - Tá Bombando!

Script chat IA

popunder

💡 Faça Parte dos Curiosos Inteligentes

𝘾𝙤𝙣𝙩𝙚𝙪𝙙𝙤 𝙑𝙄𝙋 ❤️️

🔓 Conteúdo Exclusivo

Comentários

Translate

Menu items