Conselhos V2

[et_pb_section fb_built="1" fullwidth="on" admin_label="Header" _builder_version="4.27.4" _module_preset="default" da_disable_devices="off|off|off" global_colors_info="{}" da_is_popup="off" da_exit_intent="off" da_has_close="on" da_alt_close="off" da_dark_close="off" da_not_modal="on" da_is_singular="off" da_with_loader="off" da_has_shadow="on"][et_pb_fullwidth_code _builder_version="4.27.4" _module_preset="default" global_colors_info="{}"] 01 · CABEÇALHO + MENU — só HTML ═══════════════════════════════════════════════════════════════ -->

AR Online — Notificação Extrajudicial Multicanal

Início Planos Não sei qual escolherResponda 2 perguntas e descubra Créditos pré-pagosUso pontual, sem mensalidade Assinatura mensalCréditos que acumulam Plano personalizadoAlto volume, API e atendimento VIP

Case CRA-MG Benefícios Onde usar Solicitar diagnóstico Acessar Portal AR

[/et_pb_fullwidth_code][/et_pb_section][et_pb_section fb_built="1" fullwidth="on" admin_label="Hero" _builder_version="4.27.4" _module_preset="default" da_disable_devices="off|off|off" global_colors_info="{}" da_is_popup="off" da_exit_intent="off" da_has_close="on" da_alt_close="off" da_dark_close="off" da_not_modal="on" da_is_singular="off" da_with_loader="off" da_has_shadow="on"][et_pb_fullwidth_code _builder_version="4.27.4" _module_preset="default" global_colors_info="{}"] 02 · HERO (copy + vídeo do case) — só HTML O vídeo é o mesmo depoimento do CRA-MG que já roda na home (seção 07), hospedado no próprio WordPress. Player nativo , sem marca e sem vídeos sugeridos no fim. preload="metadata" baixa só o cabeçalho do arquivo, não os 28 MB — o vídeo só carrega de verdade quando alguém dá play. ═══════════════════════════════════════════════════════════════ --> Mais volume de notificações, menos sobrecarga operacional. CRA-MG e AR Online: uma estrutura que reduz a sobrecarga no envio de notificações e mantém registros para comprovar cada comunicação — com uma economia de mais de R$ 500 mil em um ano.

Solicitar diagnóstico Ver o case CRA-MG

+ de 50 conselhos parceiros Carimbo do Tempo ICP-Brasil Integração via API

src="https://ar-online.com.br/wp-content/uploads/2026/08/depoimento-cra-mg-aronline.mp4" controls preload="metadata" playsinline controlsList="nodownload" title="Depoimento CRA-MG — como a tecnologia reduziu R$ 500 mil em custos"> Seu navegador não reproduz vídeo HTML5. Abrir o vídeo em outra aba. Vídeo · Case CRA-MG +R$ 500 mil economizados em um ano

[/et_pb_fullwidth_code][/et_pb_section][et_pb_section fb_built="1" fullwidth="on" admin_label="Case" _builder_version="4.27.4" _module_preset="default" da_disable_devices="off|off|off" global_colors_info="{}" da_is_popup="off" da_exit_intent="off" da_has_close="on" da_alt_close="off" da_dark_close="off" da_not_modal="on" da_is_singular="off" da_with_loader="off" da_has_shadow="on"][et_pb_fullwidth_code _builder_version="4.27.4" _module_preset="default" global_colors_info="{}"] 03 · O CASE CRA-MG — só HTML ⚠ IMAGEM: suba `imagens/conselhos-case-cra-mg.webp` na Biblioteca de Mídia e troque o src abaixo pela URL real. O caminho atual é um chute do padrão de uploads e provavelmente NÃO existe ainda. O PNG extraído do mockup tinha 1,87 MB e 1448px de largura, para um espaço que exibe 467px. O WebP tem 1000px (2x para telas de alta densidade) e 71 KB — 96% menor, sem perda visível no tamanho em que aparece. Prefira subir o .webp; o .png ficou na pasta só como original. ═══════════════════════════════════════════════════════════════ -->

alt="Painel de irregularidades de um conselho regional, sobre uma mesa com autos de infração e projetos técnicos" loading="lazy" decoding="async" width="1000" height="750">

Quando o volume cresce, a operação precisa crescer sem virar trabalho manual. O Conselho Regional de Administração de Minas Gerais enfrentava um desafio comum a qualquer conselho: notificar associados em volume crescente, comprovar as comunicações, dar respaldo às cobranças e evitar a perda do direito de cobrar.

12 mil → 33 mil

envios de notificações por mês, sem aumentar a equipe.

+R$ 500 mil

economizados em um ano, comparado ao custo de carta registrada.

oculto pelo CSS (.case-cta). --> Solicitar diagnóstico [/et_pb_fullwidth_code][/et_pb_section][et_pb_section fb_built="1" fullwidth="on" admin_label="Conselhos" _builder_version="4.27.4" _module_preset="default" da_disable_devices="off|off|off" global_colors_info="{}" da_is_popup="off" da_exit_intent="off" da_has_close="on" da_alt_close="off" da_dark_close="off" da_not_modal="on" da_is_singular="off" da_with_loader="off" da_has_shadow="on"][et_pb_fullwidth_code _builder_version="4.27.4" _module_preset="default" hover_enabled="0" global_colors_info="{}" sticky_enabled="0"] 04 · CONSELHOS QUE JÁ USAM — só HTML 16 logos, todas no mesmo tamanho: PNG transparente de 420x144 px, com a logo centralizada e escalada pelo peso visual. Os arquivos estão em divi-secoes-conselhos/logos/. ⚠ ANTES DE PUBLICAR: suba as 16 imagens na Biblioteca de Mídia e confira se o endereço bate com o usado abaixo (wp-content/uploads/2026/09/). Se subirem em outro mês, troque o "2026/09" em todas as linhas. A última linha fica centralizada pelo CSS (.council-grid usa flex-wrap com justify-content:center), então dá para acrescentar ou tirar logos sem mexer no alinhamento. ═══════════════════════════════════════════════════════════════ -->

Nossos clientes + 50 conselhos já confiam na AR Online.

[/et_pb_fullwidth_code][/et_pb_section][et_pb_section fb_built="1" fullwidth="on" admin_label="Beneficios" _builder_version="4.27.4" _module_preset="default" da_disable_devices="off|off|off" global_colors_info="{}" da_is_popup="off" da_exit_intent="off" da_has_close="on" da_alt_close="off" da_dark_close="off" da_not_modal="on" da_is_singular="off" da_with_loader="off" da_has_shadow="on"][et_pb_fullwidth_code _builder_version="4.27.4" _module_preset="default" global_colors_info="{}"] 05 · PRINCIPAIS BENEFÍCIOS (4 cards) — só HTML Usa .grid4/.feat, os mesmos componentes da página pós-paga. ═══════════════════════════════════════════════════════════════ -->

Uma estrutura para enviar, registrar e acompanhar cada comunicação.

01 Histórico de comunicação organizado Cada comunicação gera registros técnicos de envio, entrega, tentativas e, quando aplicável, abertura. Os logs ficam disponíveis para consulta e podem ser autenticados com Carimbo do Tempo ICP-Brasil.

02 Cobrança organizada do início ao fim Estruture uma régua de comunicação para anuidades e outros débitos, com diferentes canais, prazos e tentativas, mantendo o histórico organizado desde os primeiros contatos.

03 Menos trabalho manual Notificações recorrentes podem ser automatizadas e integradas aos sistemas do Conselho via API, reduzindo controles paralelos e tarefas repetitivas.

04 Custo menor por notificação Carta registrada custa entre R$ 15 e R$ 30 por envio. Com a AR Online, o custo começa em R$ 4 — e quanto maior o volume, menor o custo por notificação.

Solicitar diagnóstico

[/et_pb_fullwidth_code][/et_pb_section][et_pb_section fb_built="1" fullwidth="on" admin_label="Canais" _builder_version="4.27.4" _module_preset="default" da_disable_devices="off|off|off" global_colors_info="{}" da_is_popup="off" da_exit_intent="off" da_has_close="on" da_alt_close="off" da_dark_close="off" da_not_modal="on" da_is_singular="off" da_with_loader="off" da_has_shadow="on"][et_pb_fullwidth_code _builder_version="4.27.4" _module_preset="default" global_colors_info="{}"] 06 · CANAIS DE COMUNICAÇÃO (abas) — só HTML Depende do JS global (arquivo 11) para trocar de aba. ⚠ Divergência do mockup: lá a barra listava 5 abas (Email, Carta, WhatsApp, SMS, Voz), mas só havia 4 painéis — SMS e Voz dividiam o mesmo texto. Mantive 4 abas, com "AR-SMS / AR-Voz" juntos, para não inventar copy que não existe. Se quiser 5 abas separadas, me passe o texto de cada uma. Sem JS as 4 abas continuam legíveis: o JS começa escondendo os painéis 2 a 4, então uma falha no script deixa tudo visível em vez de deixar a seção vazia. ═══════════════════════════════════════════════════════════════ -->

Combine canais de acordo com a finalidade, urgência e sensibilidade.

AR-Email AR-WhatsApp AR-SMS / AR-Voz AR-Carta

AR-Email Canal-base de quase toda etapa: carrega o conteúdo completo (valor, prazo, anexo, justificativa) e fica registrado formalmente, sustentando a maioria das provas de notificação.

AR-WhatsApp Usado nas etapas que pedem engajamento e leitura rápida, como registro, anuidade e convocação — evitando-se conteúdo sigiloso em etapas mais sensíveis.

AR-SMS / AR-Voz Funcionam como lembretes de prazo em etapas com urgência de data, sem substituir o canal de conteúdo em atos de maior peso jurídico.

AR-Carta Reservada para o degrau final: entra nas etapas de maior peso jurídico ou quando os canais digitais não confirmam entrega, reforçando a comprovação física.

[/et_pb_fullwidth_code][/et_pb_section][et_pb_section fb_built="1" fullwidth="on" admin_label="Onde Usar" _builder_version="4.27.4" _module_preset="default" da_disable_devices="off|off|off" global_colors_info="{}" da_is_popup="off" da_exit_intent="off" da_has_close="on" da_alt_close="off" da_dark_close="off" da_not_modal="on" da_is_singular="off" da_with_loader="off" da_has_shadow="on"][et_pb_fullwidth_code _builder_version="4.27.4" _module_preset="default" global_colors_info="{}"] 07 · ONDE USAR A AR ONLINE (7 etapas + convite) — só HTML ═══════════════════════════════════════════════════════════════ -->

Da habilitação profissional à sanção, cada etapa pede uma comunicação diferente.

01 Registro e habilitação profissional Confirmação de inscrição, pendência documental e emissão de carteira. Primeiro contato formal e definição do canal de preferência do profissional. AR-EmailAR-WhatsAppAR-SMS

02 Cobrança de anuidade e emissão de carnê Lembrete de vencimento, 2ª via de boleto e notificação de lançamento, mantendo a comprovação da comunicação. AR-EmailAR-WhatsAppAR-SMSAR-Carta

03 Auto de infração e aplicação de multa Intimação para defesa administrativa e notificação da decisão de multa, preservando o histórico da fiscalização. AR-CartaAR-EmailAR-Voz

04 Processo ético-disciplinar (PED) Citação inicial, intimações intermediárias e notificação da decisão final em uma etapa de alta sensibilidade. AR-CartaAR-EmailAR-SMS

05 Assembleias, eleições e editais Convocação de eleições, assembleias gerais e atualização cadastral em operações de alto volume e prazo curto. AR-EmailAR-WhatsAppAR-Voz

06 Da inadimplência às medidas de cobrança Notificações de inadimplência, oportunidades de regularização e preparação das etapas seguintes da cobrança. AR-CartaAR-EmailAR-SMSAR-Voz

07 Suspensão, cassação e reativação de registro Comunicação formal da sanção aplicada e do trâmite de regularização, mantendo evidências do processo. AR-CartaAR-Email

→ Quer mapear a régua do seu Conselho? Um diagnóstico ajuda a identificar volume, canais, integrações e etapas que podem ser automatizadas. Solicitar diagnóstico

[/et_pb_fullwidth_code][/et_pb_section][et_pb_section fb_built="1" fullwidth="on" admin_label="Estrutura" _builder_version="4.27.4" _module_preset="default" da_disable_devices="off|off|off" global_colors_info="{}" da_is_popup="off" da_exit_intent="off" da_has_close="on" da_alt_close="off" da_dark_close="off" da_not_modal="on" da_is_singular="off" da_with_loader="off" da_has_shadow="on"][et_pb_fullwidth_code _builder_version="4.27.4" _module_preset="default" global_colors_info="{}"] 08 · ESTRUTURA DE COBRANÇA (faixa escura, 4 passos) — só HTML ═══════════════════════════════════════════════════════════════ -->

Uma estrutura de cobrança que começa antes da dívida chegar ao jurídico. Organize os contatos, preserve o histórico e conecte as comunicações às próximas etapas definidas pelo Conselho.

1 Defina uma régua de comunicação Envio de boleto ou link de pagamento, lembretes, oportunidades de regularização e notificações em diferentes canais e momentos.

2 Mantenha o histórico da cobrança Eventos técnicos de envio, entrega e tentativas ficam organizados ao longo da jornada, com possibilidade de Carimbo do Tempo ICP-Brasil.

3 Conecte às próximas etapas Quando cabível, o fluxo pode contemplar proteção de crédito via SPC, protesto e outras medidas definidas pelo Conselho.

4 Automatize alto volume Réguas e integrações via API reduzem tarefas repetitivas e permitem executar grandes volumes de comunicação de forma centralizada.

[/et_pb_fullwidth_code][/et_pb_section][et_pb_section fb_built="1" fullwidth="on" admin_label="Diagnostico" _builder_version="4.27.4" _module_preset="default" da_disable_devices="off|off|off" global_colors_info="{}" da_is_popup="off" da_exit_intent="off" da_has_close="on" da_alt_close="off" da_dark_close="off" da_not_modal="on" da_is_singular="off" da_with_loader="off" da_has_shadow="on"][et_pb_fullwidth_code _builder_version="4.27.4" _module_preset="default" global_colors_info="{}"] 09 · DIAGNÓSTICO (formulário) — só HTML Depende do JS global (arquivo 11) — máscara de telefone, validação e envio ao webhook (n8n). Formulário curto (5 campos), então NÃO foi dividido em etapas como o da pós-paga — ali eram 9 campos e a divisão fazia sentido. ═══════════════════════════════════════════════════════════════ -->

Vamos mapear a operação de notificações do seu Conselho? Preencha os dados. Um especialista entra em contato em até 2 horas úteis.

O diagnóstico pode considerar: volume mensal, canais utilizados, régua de cobrança, integrações via API e pontos de trabalho manual.

Nome

E-mail

Telefone / WhatsApp

Conselho

Quantas notificações você envia por mês? Selecione uma faixa Até 1.000 1.001 a 5.000 5.001 a 20.000 Mais de 20.000

Solicitar diagnóstico

Ao enviar, você concorda em ser contatado pela equipe comercial da AR Online.

✓

Recebemos seus dados!

Um especialista entra em contato em até 2 horas úteis.

[/et_pb_fullwidth_code][/et_pb_section][et_pb_section fb_built="1" fullwidth="on" admin_label="Rodape" _builder_version="4.27.4" _module_preset="default" da_disable_devices="off|off|off" global_colors_info="{}" da_is_popup="off" da_exit_intent="off" da_has_close="on" da_alt_close="off" da_dark_close="off" da_not_modal="on" da_is_singular="off" da_with_loader="off" da_has_shadow="on"][et_pb_fullwidth_code _builder_version="4.27.4" _module_preset="default" global_colors_info="{}"] 10 · RODAPÉ — só HTML Se o rodapé do tema Divi já estiver ativo, desative-o nesta página (Configurações de Página > modelo "Em branco"). ═══════════════════════════════════════════════════════════════ -->

AR ONLINE TECNOLOGIA LTDA · CNPJ 37.459.079/0001-23 · Rua Inácio Higino, 673, Sala 816 — Praia da Costa, Vila Velha/ES +55 (11) 4200-7766 · Contato

[/et_pb_fullwidth_code][/et_pb_section][et_pb_section fb_built="1" fullwidth="on" admin_label="JS Global" _builder_version="4.27.4" _module_preset="default" da_disable_devices="off|off|off" global_colors_info="{}" da_is_popup="off" da_exit_intent="off" da_has_close="on" da_alt_close="off" da_dark_close="off" da_not_modal="on" da_is_singular="off" da_with_loader="off" da_has_shadow="on"][et_pb_fullwidth_code _builder_version="4.27.4" _module_preset="default" global_colors_info="{}"] 11 · JAVASCRIPT GLOBAL — PÁGINA CONSELHOS (/conselhos) Colar no ÚLTIMO módulo Código da página. Faz funcionar: · repasse de UTMs (persistido em sessionStorage) nos links · abas dos canais (seção 06) · formulário do diagnóstico (seção 09): máscara de telefone, validação e envio ao webhook n8n · CTAs .js-open-wa abrindo o popup do WhatsApp · tracking de cliques (GTM/GA4) · menu hambúrguer mobile · animações de entrada ao rolar (classes .reveal) ⚠ CONFIRME O WEBHOOK antes de publicar — veja cnWebhookUrl logo abaixo. O endereço atual segue o padrão da pós-paga, mas com um caminho novo que talvez ainda não exista no n8n. ═══════════════════════════════════════════════════════════════ -->/* ═══ animações de entrada ═══════════════════════════════════════ Roda ANTES do resto, ainda durante a análise da página: como este módulo é o último, todas as seções já existem no DOM aqui. As classes são atribuídas por JS, e não escritas no HTML das seções, de propósito: assim trocar ou remover as animações mexe só neste arquivo, sem precisar recolar os 10 módulos de conteúdo. */(function(){ "use strict"; /* "anim-on" liga o estado escondido no CSS. Se este script não rodar, a classe não existe e nada fica invisível. */ document.documentElement.classList.add("anim-on"); var ALVOS = [ "#case .case-media", "#case .section-head", "#case .metric", "#case .btn", ".councils .cap", ".councils h3", ".council-tile", "#beneficios .section-head", "#beneficios .feat", "#beneficios .steps-cta", "#canais .section-head", "#canais .chan-tabs", "#canais .chan-panels", "#onde-usar .section-head", "#onde-usar .use-card", ".charge .section-head", ".charge .step", "#diagnostico .section-head", "#diagnostico .diag-note", "#diagnostico .card" ]; ALVOS.forEach(function(sel){ document.querySelectorAll(sel).forEach(function(el){ el.classList.add("reveal"); }); }); function revelar(){ var itens = document.querySelectorAll(".reveal"); /* Sem IntersectionObserver (navegador antigo), mostra tudo de uma vez em vez de deixar a página em branco. */ if(!("IntersectionObserver" in window)){ itens.forEach(function(el){ el.classList.add("in"); }); return; } var obs = new IntersectionObserver(function(entradas){ entradas.forEach(function(e){ if(!e.isIntersecting) return; e.target.classList.add("in"); obs.unobserve(e.target); /* anima uma vez só, não a cada rolagem */ }); }, {threshold:.12, rootMargin:"0px 0px -8% 0px"}); itens.forEach(function(el){ obs.observe(el); }); /* Rede de segurança: se algo impedir o observer de disparar, tudo aparece em 4s. Melhor estático que invisível. */ setTimeout(function(){ document.querySelectorAll(".reveal:not(.in)").forEach(function(el){ if(el.getBoundingClientRect().top < window.innerHeight) el.classList.add("in"); }); }, 4000); } if(document.readyState === "loading"){ document.addEventListener("DOMContentLoaded", revelar); } else { revelar(); }})();(function(){ "use strict"; /* ═══ repasse de UTMs ═══════════════════════════════════════════ Mantém a campanha de origem viva ao navegar entre as páginas. */ var UTM_KEYS = ["utm_source","utm_medium","utm_campaign","utm_id", "utm_term","utm_content","gclid","fbclid"]; /* As UTMs vivem na URL só na primeira página da visita. A partir da segunda (e no POST do formulário/carrinho) elas sumiam — por isso o lead chegava no CRM sem origem. Agora a primeira ocorrência é gravada em sessionStorage e reaproveitada em toda a navegação. */ var UTM_STORE = "arOnlineUtms"; var UTMS = (function(){ var src = new URLSearchParams(window.location.search), out = {}, has = false; UTM_KEYS.forEach(function(k){ var v = src.get(k); if(v){ out[k] = v; has = true; } }); try{ if(has){ sessionStorage.setItem(UTM_STORE, JSON.stringify(out)); }else{ var saved = JSON.parse(sessionStorage.getItem(UTM_STORE) || "null"); if(saved && Object.keys(saved).length){ out = saved; has = true; } } }catch(e){ /* modo privado / storage bloqueado: segue só com a URL */ } return has ? out : null; })(); /* exposto para os outros módulos da página (ex.: formulário comercial) */ window.arOnlineUtms = UTMS || {}; function withUtms(raw){ try{ var u = new URL(raw, window.location.origin); if(u.origin !== window.location.origin) return raw; Object.keys(UTMS).forEach(function(k){ if(!u.searchParams.has(k)) u.searchParams.set(k, UTMS[k]); }); return u.href; }catch(e){ return raw; } } function forwardUtms(){ if(!UTMS) return; document.querySelectorAll('a[href]').forEach(function(a){ var h = a.getAttribute("href"); if(!h || h.charAt(0) === "#") return; a.setAttribute("href", withUtms(h)); }); } function init(){ forwardUtms(); /* O forwardUtms() acima só alcança o que já existe no DOM. O Divi e alguns widgets injetam links depois — este ouvinte, em captura, completa o href no instante do clique, antes da navegação. */ document.addEventListener("click", function(e){ if(!UTMS || !e.target || !e.target.closest) return; var a = e.target.closest("a[href]"); if(!a) return; var h = a.getAttribute("href"); if(!h || h.charAt(0) === "#") return; var nh = withUtms(h); if(nh !== h) a.setAttribute("href", nh); }, true); /* ── abas dos canais (seção 06) ── */ var chanTabs = Array.prototype.slice.call(document.querySelectorAll(".chan-tab")); if(chanTabs.length){ var chanPanels = chanTabs.map(function(t){ return document.getElementById(t.getAttribute("aria-controls")); }); function mostrarAba(i){ chanTabs.forEach(function(t, idx){ t.setAttribute("aria-selected", idx === i ? "true" : "false"); if(chanPanels[idx]) chanPanels[idx].hidden = idx !== i; }); } chanTabs.forEach(function(t, i){ t.addEventListener("click", function(){ mostrarAba(i); window.dataLayer = window.dataLayer || []; window.dataLayer.push({event: "conselhos_canal_aba", canal: (t.textContent || "").trim()}); }); /* setas do teclado, como manda o padrão de tablist */ t.addEventListener("keydown", function(e){ var d = e.key === "ArrowRight" ? 1 : e.key === "ArrowLeft" ? -1 : 0; if(!d) return; e.preventDefault(); var alvo = (i + d + chanTabs.length) % chanTabs.length; mostrarAba(alvo); chanTabs[alvo].focus(); }); }); /* Só agora os painéis 2+ somem. Se este script não rodar, todos ficam visíveis — a seção fica longa, mas nunca vazia. */ mostrarAba(0); } /* ── formulário do diagnóstico (#diagnostico) ── */ var cnForm = document.getElementById("cnLeadForm"); if(cnForm){ /* ⚠ CONFIRME ESTE ENDEREÇO com quem cuida do n8n. Segue o padrão da pós-paga (…/webhook/pagina-pospago-nova), mas com caminho novo. Se o fluxo não existir, o envio falha — e, diferente da pós-paga, aqui a falha APARECE para o visitante em vez de sumir no silêncio. */ var cnWebhookUrl = "https://n8n-mkt-dev.ar-infra.com.br/webhook/pagina-conselhos"; var cnCard = document.getElementById("cnFormCard"); var cnSuccess = document.getElementById("cnSuccessCard"); var cnTitulo = document.getElementById("cnSuccessTitle"); var cnBtn = document.getElementById("cnSubmit"); var cnErro = document.getElementById("cnError"); var cnTelefone= document.getElementById("cnTelefone"); function cnUtms(){ var params = new URLSearchParams(window.location.search); var guardadas = window.arOnlineUtms || {}; var chaves = ["utm_source","utm_medium","utm_campaign","utm_id", "utm_term","utm_content","gclid","fbclid"]; var out = {}; chaves.forEach(function(k){ out[k] = params.get(k) || guardadas[k] || ""; }); return out; } /* máscara de telefone — mesma da pós-paga, já com as correções: campo sem dígito fica vazio (nada de "(" solto), só reescreve quando muda de fato, e o cursor não pula para o fim. */ function cnMascara(valor){ var d = String(valor).replace(/\D/g, "").slice(0, 11); if(!d) return ""; if(d.length <= 2) return "(" + d; if(d.length <= 6) return "(" + d.slice(0,2) + ") " + d.slice(2); if(d.length <= 10) return "(" + d.slice(0,2) + ") " + d.slice(2,6) + "-" + d.slice(6); return "(" + d.slice(0,2) + ") " + d.slice(2,7) + "-" + d.slice(7); } if(cnTelefone){ cnTelefone.addEventListener("input", function(){ var antes = cnTelefone.value; var depois = cnMascara(antes); if(depois === antes) return; var caret = cnTelefone.selectionStart; var digitosAteOCaret = antes.slice(0, caret).replace(/\D/g, "").length; cnTelefone.value = depois; var pos = 0, contados = 0; while(pos < depois.length && contados < digitosAteOCaret){ if(/\d/.test(depois.charAt(pos))) contados++; pos++; } try{ cnTelefone.setSelectionRange(pos, pos); }catch(err){ /* campo sem foco */ } }); } cnForm.addEventListener("submit", function(e){ e.preventDefault(); if(cnErro) cnErro.classList.remove("show"); if(!cnForm.checkValidity()){ cnForm.reportValidity(); return; } var dados = { nome: cnForm.nome.value.trim(), email: cnForm.email.value.trim(), telefone: cnForm.telefone.value.replace(/\D/g, ""), conselho: cnForm.conselho.value.trim(), volume: cnForm.volume.value, pageUrl: window.location.href, pageTitle:document.title, referrer: document.referrer || "" }; Object.assign(dados, cnUtms()); cnBtn.disabled = true; var rotuloOriginal = cnBtn.textContent; cnBtn.textContent = "Enviando..."; window.dataLayer = window.dataLayer || []; window.dataLayer.push({event: "conselhos_formulario_enviado", faixa_volume: dados.volume}); /* Diferente da pós-paga, aqui esperamos a resposta antes de comemorar. Dar "recebemos!" sem saber se o webhook aceitou é perder o lead sem ninguém ficar sabendo. */ fetch(cnWebhookUrl, { method: "POST", headers: {"Content-Type": "application/json"}, body: JSON.stringify(dados) }).then(function(r){ if(!r.ok) throw new Error("HTTP " + r.status); cnTitulo.textContent = "Perfeito, " + dados.nome + "! Recebemos seus dados."; cnCard.style.display = "none"; cnSuccess.style.display = "block"; cnSuccess.scrollIntoView({behavior: "smooth", block: "center"}); }).catch(function(){ cnBtn.disabled = false; cnBtn.textContent = rotuloOriginal; if(cnErro){ cnErro.innerHTML = "Não conseguimos enviar agora. Tente de novo em instantes ou " + '<a class="js-open-wa" href="https://wa.me/5527995753040?text=Ol%C3%A1!%20Quero%20um%20diagn%C3%B3stico%20para%20o%20meu%20Conselho." data-qual="conselhos-erro-whatsapp">fale conosco pelo WhatsApp</a>.'; cnErro.classList.add("show"); } window.dataLayer.push({event: "conselhos_formulario_erro"}); }); }); } /* ── CTAs que abrem o popup de WhatsApp (.js-open-wa) ────────────── O widget flutuante é injetado pelo WordPress, fora do Divi. Testamos em ordem os seletores conhecidos do botão principal; se nenhum existir (widget desativado, bloqueado por adblock, script ainda não carregado), o próprio href do link — um wa.me completo — segue como fallback e o clique não se perde. */ var WA_SELECTORS = [ "#wppMainBtn", ".wpp-main-btn", ".wpp-btn-main", "#wpp-main-btn", ".joinchat__button", ".joinchat .joinchat__button", ".chaty-main-btn", "#chaty-widget-0 .chaty-btn-wrap", ".ht-ctc-chat", ".wa__button", ".wa-chat-box-toggle" ]; function findWaWidget(){ for(var i = 0; i < WA_SELECTORS.length; i++){ var el = document.querySelector(WA_SELECTORS[i]); /* offsetParent é null em elementos position:fixed — usamos getClientRects() para saber se o botão está de fato na tela */ if(el && el.getClientRects().length) return el; } return null; } document.querySelectorAll(".js-open-wa").forEach(function(a){ a.addEventListener("click", function(e){ window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: "abrir_whatsapp", origem: a.getAttribute("data-qual") || "", rotulo: (a.textContent || "").trim().slice(0, 60) }); var w = findWaWidget(); if(!w) return; /* sem widget: usa o href wa.me */ e.preventDefault(); /* stopPropagation e obrigatorio: o widget fecha o popup quando um clique chega ao document vindo de fora dele. Sem esta linha, o proprio clique que abre o popup continua subindo, o widget entende como "clicou fora" e fecha na mesma hora - parecia que o botao nao fazia nada. */ e.stopPropagation(); var target = w.matches("a,button") ? w : (w.querySelector("a,button") || w); target.click(); }); }); /* ── tracking GTM/GA4 ── */ window.dataLayer = window.dataLayer || []; document.querySelectorAll("a[href]").forEach(function(a){ a.addEventListener("click", function(){ window.dataLayer.push({event:"conselhos_click", destino:a.href, rotulo:(a.textContent||"").trim().slice(0,60)}); }); }); /* ── menu mobile (hambúrguer) ── */ var t = document.getElementById('navToggle'), n = document.getElementById('navLinks'); if(t && n){ function closeNav(){ n.classList.remove('open'); t.setAttribute('aria-expanded','false'); t.setAttribute('aria-label','Abrir menu'); } t.addEventListener('click', function(){ var open = n.classList.toggle('open'); t.setAttribute('aria-expanded', open ? 'true' : 'false'); t.setAttribute('aria-label', open ? 'Fechar menu' : 'Abrir menu'); }); n.addEventListener('click', function(e){ if(e.target.closest('a')) closeNav(); }); document.addEventListener('keydown', function(e){ if(e.key === 'Escape') closeNav(); }); } } if(document.readyState === "loading"){ document.addEventListener("DOMContentLoaded", init); } else { init(); }})();[/et_pb_fullwidth_code][/et_pb_section]