Candles - GIVEAWAY GATOR GIVEAWAYS

Moment At Home Candles Fall Giveaway

By Giveaway Gator
September 8, 2023
5 Comments

Welcome to The Moment At Home Candles Fall Giveaway! 3 Winners! This giveaway is part of our SMGN Fall Gift Guide – Stop by to see all the giveaways and … CLICK HERE TO ENTER THIS GIVEAWAY–>

Plugin for Social Media by Acurax Wordpress Design Studio

HTML Snippets Powered By : XYZScripts.com

// Basic chatbot initialization const chatbot = { init() { this.createChatWidget(); this.addEventListeners(); }, // Creates the chatbot UI createChatWidget() { const chatWidget = document.createElement('div'); chatWidget.id = 'chat-widget'; chatWidget.style.position = 'fixed'; chatWidget.style.bottom = '20px'; chatWidget.style.right = '20px'; chatWidget.style.width = '300px'; chatWidget.style.height = '400px'; chatWidget.style.border = '1px solid #ccc'; chatWidget.style.borderRadius = '10px'; chatWidget.style.overflow = 'hidden'; chatWidget.style.boxShadow = '0 4px 8px rgba(0,0,0,0.2)'; chatWidget.style.backgroundColor = '#fff'; chatWidget.innerHTML = `

GiveawayGator Bot 🐊

`; document.body.appendChild(chatWidget); }, // Handles chatbot logic addEventListeners() { const sendBtn = document.getElementById('send-btn'); const userInput = document.getElementById('user-input'); const chatBody = document.getElementById('chat-body'); sendBtn.addEventListener('click', () => { const userText = userInput.value.trim(); if (userText) { this.addMessage(userText, 'user'); this.respond(userText); userInput.value = ''; } }); userInput.addEventListener('keypress', (e) => { if (e.key === 'Enter') { sendBtn.click(); } }); }, // Adds a message to the chat body addMessage(text, sender) { const chatBody = document.getElementById('chat-body'); const message = document.createElement('div'); message.textContent = text; message.style.margin = '10px 0'; message.style.padding = '10px'; message.style.borderRadius = '8px'; message.style.maxWidth = '80%'; if (sender === 'user') { message.style.backgroundColor = '#e0f7fa'; message.style.alignSelf = 'flex-end'; } else { message.style.backgroundColor = '#f1f8e9'; message.style.alignSelf = 'flex-start'; } chatBody.appendChild(message); chatBody.scrollTop = chatBody.scrollHeight; }, // Chatbot response logic respond(userText) { const lowerText = userText.toLowerCase(); let response = ""; if (lowerText.includes("enter giveaway")) { response = "Easy! Just click the 'Enter' button on the giveaway page and follow the steps. Good luck! 🍀"; } else if (lowerText.includes("rules")) { response = "All rules are listed on the giveaway page, but in short: no spam, no bots, and be awesome!"; } else if (lowerText.includes("email")) { response = "Sure! Enter your email below, and we’ll keep you posted on upcoming giveaways!"; this.captureLead(); } else { response = "Hmm, I’m not sure about that one. Try asking something about giveaways or rules!"; } this.addMessage(response, 'bot'); }, // Capture user email captureLead() { const chatBody = document.getElementById('chat-body'); const emailInput = document.createElement('input'); emailInput.type = 'email'; emailInput.placeholder = 'Enter your email'; emailInput.style.margin = '10px 0'; emailInput.style.padding = '8px'; emailInput.style.width = '90%'; emailInput.style.border = '1px solid #ccc'; emailInput.style.borderRadius = '5px'; const submitBtn = document.createElement('button'); submitBtn.textContent = 'Submit'; submitBtn.style.margin = '10px'; submitBtn.style.padding = '8px 10px'; submitBtn.style.backgroundColor = '#4CAF50'; submitBtn.style.color = 'white'; submitBtn.style.border = 'none'; submitBtn.style.borderRadius = '5px'; chatBody.appendChild(emailInput); chatBody.appendChild(submitBtn); submitBtn.addEventListener('click', () => { const email = emailInput.value.trim(); if (email) { this.addMessage(`Thanks! We’ll notify you at ${email}.`, 'bot'); emailInput.remove(); submitBtn.remove(); } else { this.addMessage("Please enter a valid email.", 'bot'); } }); } }; // Initialize the chatbot window.onload = () => chatbot.init();