Script
Código HTML/JavaScript seu dentro de uma página do funil — executa no funil publicado e roda isolado no editor
O elemento Script injeta código seu numa página do funil — pixels, tags de rastreamento, pequenos embeds de terceiros. Fica na categoria Conteúdo da paleta e não tem visual próprio.
O que você preenche
A aba Conteúdo tem só três campos. Em Geral, Visível (ligado por padrão) diz se o bloco aparece no funil publicado: desligado, o código continua executando, mas o HTML fica oculto e sem ocupar espaço — é o caso de pixel ou rastreador, que não desenha nada. Altura (50 a 15000 px, placeholder "Padrão") reserva espaço para o bloco e fica desabilitada enquanto Visível estiver desligado. Em HTML / JavaScript, um editor de código com destaque de sintaxe e autocomplete recebe o conteúdo — HTML arbitrário, <script> inline e <script src> externo. O que não estiver dentro de uma tag <script> é renderizado como markup estático. Um alerta fixo de Aviso de Segurança lembra que scripts podem causar efeitos colaterais indesejados: o XQuiz não sanitiza esse campo — o que ele faz é responsabilidade sua. Não há aba Tema.
No editor e no funil publicado
No canvas, o código roda dentro de um iframe isolado, com altura fixa e sem interação: nada é injetado na página do editor, e ele não acessa cookies nem a sua sessão. Sem código, o bloco aparece tracejado em âmbar.
No funil publicado, o HTML vai para um <div> com o ID do elemento (útil como âncora) e a Altura vira piso — o bloco cresce com o conteúdo. Depois que o elemento monta, os <script src> externos são criados com async e, em seguida, os inline. Sair da página remove esses nós; voltar remonta e executa de novo. Um Script importado do XQuiz V1 com Visível desligado fica oculto no funil publicado (sem piso nem espaço), mas o código executa do mesmo jeito — no editor ele aparece como bloco tracejado.
Fundo personalizado da página
Quem pinta o fundo do funil é o container da página, não o <body>: um <div> opaco, do tamanho da tela, que carrega a cor do Tema. CSS que estilize o body fica escondido atrás dele — a cor até troca, mas ninguém vê. Para um fundo próprio (textura, imagem, gradiente), estilize esse container pelo seletor estável [data-funnel-page]:
<style>
[data-funnel-page] {
background-color: #faf5e8;
background-image: url("https://exemplo.com/papel.png");
}
</style>O seletor vale em todas as páginas do funil e não muda entre publicações. Não ancore em classes CSS do container — são detalhe de implementação e podem mudar sem aviso — nem estilize os pseudo-elementos ::before/::after dele: fazem parte do layout da página.
Configurações
A aba Configurações traz o Nome do elemento e o Delay, que atrasa a montagem e, portanto, a execução do código. Em Minutos e Segundos você define o tempo; em Selecione o vídeo, pode ancorá-lo a um Vídeo, Panda Video, VTurb ou YouTube da mesma página — aí a contagem segue o tempo do player, e pausar o vídeo pausa a contagem. Revelado uma vez, o bloco fica revelado pelo resto da sessão — voltar para a página não reconta o Delay, e o código executa assim que a página monta. Se o Delay estiver ancorado a um vídeo, o estado revelado sobrevive também ao F5 e a uma revisita dias depois; com Delay só por tempo, a contagem recomeça a cada nova sessão. Exibição condicional não existe neste elemento, de propósito: cada virada da condição remontaria o bloco e re-executaria o seu código.
O Script não gera resposta nem evento: não aparece em Leads nem em Analytics. Eventos que o seu código dispare saem na plataforma de destino dele.