{"id":10967,"date":"2025-06-13T12:27:51","date_gmt":"2025-06-13T15:27:51","guid":{"rendered":"https:\/\/vansegcorretora.net\/consorcios\/?page_id=10967"},"modified":"2025-06-26T00:17:57","modified_gmt":"2025-06-26T03:17:57","slug":"webchat","status":"publish","type":"page","link":"https:\/\/vansegcorretora.net\/consorcios\/webchat\/","title":{"rendered":"WebChat"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10967\" class=\"elementor elementor-10967\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16aec75 e-flex e-con-boxed e-con e-parent\" data-id=\"16aec75\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19e1bc2 elementor-widget elementor-widget-heading\" data-id=\"19e1bc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\"Conhe\u00e7a Isabella, sua assistente especialista em Cons\u00f3rcios!\"<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6242047 e-flex e-con-boxed e-con e-parent\" data-id=\"6242047\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4bd074d e-con-full e-flex e-con e-child\" data-id=\"4bd074d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf892bc e-con-full e-flex e-con e-child\" data-id=\"cf892bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3dc11fc elementor-widget__width-initial elementor-widget elementor-widget-video\" data-id=\"3dc11fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/vansegcorretora.net\/consorcios\/wp-content\/uploads\/2025\/06\/Isabela_WebChat.mp4\" autoplay=\"\" controls=\"\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-461eb38 e-con-full e-flex e-con e-child\" data-id=\"461eb38\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b563bf6 elementor-widget elementor-widget-text-editor\" data-id=\"b563bf6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"ds-markdown-paragraph\"><span style=\"font-size: 12pt;\"><em>Eu sou a <strong>Isabella<\/strong>, sua consultora virtual 24 horas para tirar todas as d\u00favidas sobre o <strong>Cons\u00f3rcios<\/strong>\u00a0\u2013 o programa que vai transformar sua experi\u00eancia com vantagens exclusivas!<\/em><\/span><\/p><p class=\"ds-markdown-paragraph\"><span style=\"font-size: 12pt;\"><em>\u00a0Aqui, voc\u00ea pode me perguntar <strong>qualquer coisa<\/strong>\u00a0sobre:<\/em><\/span><br \/><span style=\"font-size: 13pt;\">\u2705\u00a0<span style=\"font-size: 12pt;\"><strong>Como funciona<\/strong> o sistema de Cons\u00f3rcios.<\/span><\/span><br \/><span style=\"font-size: 13pt;\">\u2705\u00a0<span style=\"font-size: 12pt;\"><strong>Quais vantagens<\/strong>\u00a0voc\u00ea tem acesso.<\/span><\/span><br \/><span style=\"font-size: 13pt;\">\u2705\u00a0<span style=\"font-size: 12pt;\"><strong>Como ativar<\/strong>\u00a0seu plano e aproveitar ao m\u00e1ximo.<\/span><\/span><\/p><p class=\"ds-markdown-paragraph\"><span style=\"font-size: 12pt;\"><em>Estou aqui para ajudar de forma\u00a0<strong>r\u00e1pida, clara e personalizada<\/strong>. N\u00e3o precisa esperar: converse comigo agora mesmo e descubra Cons\u00f3rcios pode fazer a diferen\u00e7a para voc\u00ea!<\/em><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c22dfab e-con-full e-flex e-con e-child\" data-id=\"c22dfab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f17a7af elementor-widget elementor-widget-text-editor\" data-id=\"f17a7af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-size: 14pt;\"><strong><em>Por que falar com a Isabella?<\/em><\/strong><\/span><br \/><span style=\"font-size: 13pt;\">\ud83d\udd39\u00a0<span style=\"font-size: 12pt;\"><strong>Respostas instant\u00e2neas<\/strong>, sem filas ou espera.<\/span><\/span><br \/><span style=\"font-size: 13pt;\">\ud83d\udd39\u00a0<span style=\"font-size: 12pt;\"><strong>Informa\u00e7\u00f5es precisas<\/strong>\u00a0\u2013 sempre atualizadas.<\/span><\/span><br \/><span style=\"font-size: 13pt;\">\ud83d\udd39\u00a0<span style=\"font-size: 12pt;\"><strong>Atendimento humanizado<\/strong>, porque sua satisfa\u00e7\u00e3o \u00e9 nossa prioridade!<\/span><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7305174 elementor-widget elementor-widget-text-editor\" data-id=\"7305174\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-size: 13pt;\"><em>\ud83d\udc49\u00a0<strong>Clique no bot\u00e3o e fale comigo agora!<\/strong> <img decoding=\"async\" class=\"alignnone wp-image-10928\" src=\"https:\/\/vansegcorretora.net\/consorcios\/wp-content\/uploads\/2025\/06\/botao_chat_vanseg.png\" alt=\"\" width=\"52\" height=\"54\" \/><\/em><br \/><span style=\"font-size: 12pt;\"><em>Vamos juntos encontrar as melhores solu\u00e7\u00f5es para voc\u00ea.<\/em><\/span><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-409ee92 e-con-full e-flex e-con e-child\" data-id=\"409ee92\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-de08068 e-flex e-con-boxed e-con e-parent\" data-id=\"de08068\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e433126 elementor-widget elementor-widget-html\" data-id=\"e433126\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-br\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Chat Widget<\/title>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/geist-font\/1.0.0\/fonts\/geist-sans\/style.min.css\">\r\n    <style>\r\n        html {\r\n            margin: 0;\r\n            padding: 0;\r\n            overflow-x: hidden;\r\n        }\r\n        body {\r\n            font-family: 'Geist Sans', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\r\n            margin: 0;\r\n            padding: 0;\r\n            background: transparent;\r\n        }\r\n        \/* Chat Widget Styling *\/\r\n        #chat-widget-container {\r\n            position: fixed;\r\n            bottom: 20px;\r\n            right: 20px;\r\n            width: 350px;\r\n            height: 500px;\r\n            background: white;\r\n            border-radius: 12px;\r\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\r\n            display: none;\r\n            flex-direction: column;\r\n            z-index: 500;\r\n            overflow: hidden;\r\n        }\r\n        #chat-widget-header {\r\n            background: #0b95e5;\r\n            color: white;\r\n            padding: 15px 20px 5px 20px;\r\n            font-weight: bold;\r\n            display: flex;\r\n            flex-direction: column;\r\n            font-size: 18px;\r\n        }\r\n        #chat-widget-header .header-top {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 5px;\r\n        }\r\n        #chat-widget-header button {\r\n            background: transparent;\r\n            border: none;\r\n            color: white;\r\n            font-size: 18px;\r\n            cursor: pointer;\r\n            padding: 0;\r\n        }\r\n        #chat-widget-body {\r\n            flex: 1;\r\n            padding: 20px;\r\n            overflow-y: auto;\r\n        }\r\n        \/* Increased spacing between messages *\/\r\n        #chat-widget-body p {\r\n            margin-bottom: 15px;\r\n            padding: 12px;\r\n            border-radius: 8px;\r\n            font-size: 14px;\r\n            word-wrap: break-word;\r\n        }\r\n        #chat-widget-footer {\r\n            padding: 12px;\r\n            border-top: 1px solid #ddd;\r\n            display: flex;\r\n            gap: 10px;\r\n        }\r\n        #chat-widget-input {\r\n            flex: 1;\r\n            padding: 8px;\r\n            border: 1px solid #ddd;\r\n            border-radius: 8px;\r\n            outline: none;\r\n        }\r\n        #chat-widget-send {\r\n            background: #0b95e5;\r\n            color: white;\r\n            border: none;\r\n            padding: 8px 16px;\r\n            border-radius: 8px;\r\n            cursor: pointer;\r\n        }\r\n        \/* Make the chat bubble a perfect circle *\/\r\n        #chat-widget-button {\r\n            position: fixed;\r\n            bottom: 105px;\r\n            right: 20px;\r\n            background: #0b95e5;\r\n            color: white;\r\n            border: none;\r\n            width: 50px;\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            cursor: pointer;\r\n            font-size: 20px;\r\n            z-index: 9001;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);\r\n        }\r\n        \/* Typing indicator styles in header *\/\r\n        .typing-indicator {\r\n            display: none;\r\n            color: white;\r\n            font-style: italic;\r\n            font-size: 14px;\r\n            font-weight: normal;\r\n            margin: 5px 0 0 0;\r\n            padding: 0;\r\n            align-items: center;\r\n        }\r\n        .typing-dots {\r\n            display: flex;\r\n            margin-left: 8px;\r\n        }\r\n        .typing-dots span {\r\n            width: 6px;\r\n            height: 6px;\r\n            margin: 0 2px;\r\n            background-color: white;\r\n            border-radius: 50%;\r\n            display: inline-block;\r\n            animation: typingAnimation 1.4s infinite ease-in-out;\r\n        }\r\n        .typing-dots span:nth-child(2) {\r\n            animation-delay: 0.2s;\r\n        }\r\n        .typing-dots span:nth-child(3) {\r\n            animation-delay: 0.4s;\r\n        }\r\n        @keyframes typingAnimation {\r\n            0%, 60%, 100% { transform: translateY(0); }\r\n            30% { transform: translateY(-2px); }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- Chat Widget Button -->\r\n    <button id=\"chat-widget-button\">\ud83d\udcac<\/button>\r\n\r\n    <!-- Chat Widget -->\r\n    <div id=\"chat-widget-container\">\r\n        <div id=\"chat-widget-header\">\r\n            <div class=\"header-top\">\r\n                <span>Inicie um Chat \ud83d\udcac<\/span>\r\n                <button onclick=\"closeChatWidget()\">\u2716\ufe0e<\/button>\r\n            <\/div>\r\n            <!-- Typing indicator (hidden by default) -->\r\n            <div id=\"typing-indicator\" class=\"typing-indicator\">\r\n                Isabella est\u00e1 digitando...\r\n                <div class=\"typing-dots\">\r\n                    <span><\/span>\r\n                    <span><\/span>\r\n                    <span><\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div id=\"chat-widget-body\">\r\n            <p style=\"margin-bottom: 20px;\">Ol\u00e1, sou a <strong>Isabella<\/strong>! \ud83d\udc69<br>Como posso ajudar? <\/p>\r\n        <\/div>\r\n        <div id=\"chat-widget-footer\">\r\n            <input type=\"text\" id=\"chat-widget-input\" placeholder=\"Digite sua mensagem...\">\r\n            <button id=\"chat-widget-send\">Enviar<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Chat Widget Script -->\r\n    <script>\r\n        window.ChatWidgetConfig = {\r\n            webhook: {\r\n                url: 'https:\/\/webhook.netflys.shop\/webhook\/dd3c5758-2039-4f79-b597-2e565d415eec\/chat',\r\n                route: 'general'\r\n            },\r\n            style: {\r\n                primaryColor: '#0b95e5',\r\n                secondaryColor: '#6b3fd4',\r\n                position: 'right',\r\n                backgroundColor: '#ffffff',\r\n                fontColor: '#333333'\r\n            }\r\n        };\r\n\r\n        \/\/ Function to generate or retrieve a unique chat ID\r\n        function getChatId() {\r\n            let chatId = sessionStorage.getItem(\"chatId\");\r\n            if (!chatId) {\r\n                chatId = \"chat_\" + Math.random().toString(36).substr(2, 9);\r\n                sessionStorage.setItem(\"chatId\", chatId);\r\n            }\r\n            return chatId;\r\n        }\r\n\r\n        \/\/ Function to show typing indicator\r\n        function showTypingIndicator() {\r\n            const typingIndicator = document.getElementById(\"typing-indicator\");\r\n            typingIndicator.style.display = \"flex\";\r\n        }\r\n\r\n        \/\/ Function to hide typing indicator\r\n        function hideTypingIndicator() {\r\n            document.getElementById(\"typing-indicator\").style.display = \"none\";\r\n        }\r\n\r\n        \/\/ Function to send message\r\n        function sendMessage() {\r\n            let message = document.getElementById(\"chat-widget-input\").value;\r\n            if (message.trim() === \"\") return;\r\n\r\n            let chatBody = document.getElementById(\"chat-widget-body\");\r\n            let newMessage = document.createElement(\"p\");\r\n            newMessage.textContent = message;\r\n            newMessage.style.color = \"#333\";\r\n            newMessage.style.background = \"#f1f1f1\";\r\n            chatBody.appendChild(newMessage);\r\n\r\n            let chatId = getChatId();\r\n            \r\n            \/\/ Show typing indicator before sending request\r\n            showTypingIndicator();\r\n            \r\n            \/\/ Disable input while waiting for response\r\n            document.getElementById(\"chat-widget-input\").disabled = true;\r\n            document.getElementById(\"chat-widget-send\").disabled = true;\r\n\r\n            fetch(window.ChatWidgetConfig.webhook.url, {\r\n                method: \"POST\",\r\n                headers: { \"Content-Type\": \"application\/json\" },\r\n                body: JSON.stringify({\r\n                    chatId: chatId,\r\n                    message: message,\r\n                    route: window.ChatWidgetConfig.webhook.route\r\n                })\r\n            })\r\n            .then(response => response.json())\r\n            .then(data => {\r\n                \/\/ Hide typing indicator when response arrives\r\n                hideTypingIndicator();\r\n                \r\n                let botMessage = document.createElement(\"p\");\r\n                botMessage.innerHTML = data.output || \"Desculpe, n\u00e3o consegui entender.\";\r\n                botMessage.style.color = \"#fff\";\r\n                botMessage.style.background = \"#0b95e5\";\r\n                botMessage.style.marginTop = \"10px\";\r\n                chatBody.appendChild(botMessage);\r\n                \r\n                \/\/ Scroll to bottom after new message\r\n                chatBody.scrollTop = chatBody.scrollHeight;\r\n            })\r\n            .catch(error => {\r\n                console.error(\"Erro:\", error);\r\n                hideTypingIndicator();\r\n            })\r\n            .finally(() => {\r\n                \/\/ Re-enable input after response\r\n                document.getElementById(\"chat-widget-input\").disabled = false;\r\n                document.getElementById(\"chat-widget-send\").disabled = false;\r\n                document.getElementById(\"chat-widget-input\").focus();\r\n            });\r\n\r\n            document.getElementById(\"chat-widget-input\").value = \"\";\r\n        }\r\n\r\n        \/\/ Show chat widget and hide bubble\r\n        document.getElementById(\"chat-widget-button\").addEventListener(\"click\", function() {\r\n            document.getElementById(\"chat-widget-container\").style.display = \"flex\";\r\n            document.getElementById(\"chat-widget-button\").style.display = \"none\";\r\n            \/\/ Focus no input quando o chat abrir\r\n            document.getElementById(\"chat-widget-input\").focus();\r\n        });\r\n\r\n        \/\/ Close chat widget and show bubble\r\n        function closeChatWidget() {\r\n            document.getElementById(\"chat-widget-container\").style.display = \"none\";\r\n            document.getElementById(\"chat-widget-button\").style.display = \"flex\";\r\n        }\r\n\r\n        \/\/ Send message when clicking the send button\r\n        document.getElementById(\"chat-widget-send\").addEventListener(\"click\", sendMessage);\r\n\r\n        \/\/ Send message when pressing Enter key\r\n        document.getElementById(\"chat-widget-input\").addEventListener(\"keypress\", function(e) {\r\n            if (e.key === \"Enter\") {\r\n                sendMessage();\r\n            }\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\"Conhe\u00e7a Isabella, sua assistente especialista em Cons\u00f3rcios!\" https:\/\/vansegcorretora.net\/consorcios\/wp-content\/uploads\/2025\/06\/Isabela_WebChat.mp4 Eu sou a Isabella, sua consultora virtual 24 horas para tirar todas<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10967","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vansegcorretora.net\/consorcios\/wp-json\/wp\/v2\/pages\/10967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vansegcorretora.net\/consorcios\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vansegcorretora.net\/consorcios\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vansegcorretora.net\/consorcios\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vansegcorretora.net\/consorcios\/wp-json\/wp\/v2\/comments?post=10967"}],"version-history":[{"count":92,"href":"https:\/\/vansegcorretora.net\/consorcios\/wp-json\/wp\/v2\/pages\/10967\/revisions"}],"predecessor-version":[{"id":11311,"href":"https:\/\/vansegcorretora.net\/consorcios\/wp-json\/wp\/v2\/pages\/10967\/revisions\/11311"}],"wp:attachment":[{"href":"https:\/\/vansegcorretora.net\/consorcios\/wp-json\/wp\/v2\/media?parent=10967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}