Skip to main content

​
O que é o Live Mode?

O Live Mode é um estado de pré-visualização dentro do editor do LanderLab que permite ver todos os elementos que usam JavaScript na sua landing page exatamente como os visitantes vão vê-los. Normalmente, o editor impede a execução de JavaScript. Isso é intencional: mantém a experiência de edição limpa e evita comportamentos inesperados enquanto você está criando a página. No entanto, alguns recursos, como popups, efeitos de mouse, animações de rolagem ou qualquer outra interação dinâmica, precisam de JavaScript para funcionar. O Live Mode é a forma de ver tudo isso em ação sem sair do editor.
O editor do LanderLab no Live Mode, com o botão Live Mode ativo no canto superior direito

​
Quando usar o Live Mode

Use o Live Mode quando quiser:
  • Visualizar popups, sobreposições (overlays) ou modais que você adicionou à página
  • Conferir efeitos que seguem o mouse ou efeitos de hover
  • Testar interações personalizadas em JavaScript ou scripts de terceiros
  • Revisar o que o construtor de IA (AI builder) gerou depois de um refinamento, já que o modo de IA muda automaticamente para o Live Mode para que você veja o resultado completo, incluindo os efeitos de JS

​
Como entrar no Live Mode

Há duas formas de entrar no Live Mode:
  1. Pela barra de ferramentas inferior - Clique no botão Play (o ícone de triângulo) na barra de ferramentas do editor, na parte inferior da tela.
  2. Automaticamente - Sempre que o modo de IA aplica um refinamento à sua página, o editor muda para o Live Mode para que você veja imediatamente o resultado com todo o JavaScript em execução.
Quando você está no Live Mode, o painel do editor fica desativado. Não é possível selecionar nem editar elementos nesse estado. Esse é o comportamento esperado.

​
Como voltar para o Edit Mode

Há duas formas de voltar à edição:
  1. Pela barra de ferramentas inferior - Clique no ícone de lápis na barra de ferramentas. Ele substitui o botão Play quando você está no Live Mode.
  2. Pelo botão no canto superior direito - Passe o mouse sobre o botão “Live Mode” no canto superior direito do editor. O texto vai mudar para “Go to Edit Mode”. Clique nele para voltar.

​
Usar o modo de IA no Live Mode

Você não precisa sair do Live Mode para continuar trabalhando com a IA. O painel do modo de IA continua acessível enquanto o Live Mode está ativo. Você pode continuar enviando prompts, pedindo alterações ou refinando sua página. Cada vez que a IA aplica uma atualização, o Live Mode é atualizado para que você veja o resultado imediatamente.