Como colocar um pop-up em um site Framer sem programador

Por Andrey Davydov · atualizado 18 de setembro de 2026

Guia passo a passo para um pop-up no Framer: instale uma linha, escreva o modal no editor do Clew e decida quando ele aparece — depois de alguns segundos, na rolagem, numa visita de retorno — sem mexer no tema de novo.

Tempo: ● 10 minutos
Preço: Teste grátis de 14 dias, sem cartão
Quem faz: Editor do site no Framer

Exemplo: um pop-up no Framer

Uma startup lançou a versão 2 e o site está no Framer. Por cinco segundos o visitante vê a nova home; depois aparece uma vez um modal “A v2 chegou: veja o tour de 90 segundos” com link para o vídeo de lançamento.

Este formato faz parte do plano Pro. Toda conta nova começa com 14 dias de teste grátis com todos os formatos e regras de público, sem cartão. Quando o teste acaba, nada é apagado e o que foi publicado continua aparecendo; tours e tooltips seguem grátis no plano Free.

Como adicionar o pop-up no Framer, passo a passo

Passo 01
Copie o seu snippet do Clew
Crie uma conta grátis (ou entre), adicione o seu site e abra Visão geral no admin. Clique na linha do cartão O widget ainda não deu sinal. para copiar: ela já vem com a chave real do seu site no lugar do marcador.
```

<script src="https://tryclew.io/widget/COLE_AQUI_SUA_CHAVE.js" async></script>
```
Passo 1 · ilustração esquemática
Passo 02
Abra Site settings → Custom code
No seu projeto do Framer abra Site settings e a seção Custom code. Precisa de um plano de site pago.
Passo 2 · ilustração esquemática
Passo 03
Cole no fim do head
Cole a linha do Clew em End of <head> tag e salve.
Passo 3 · ilustração esquemática
Passo 04
Publique
Clique em Publish. O código roda no site publicado, não na prévia do canvas.
Passo 4 · ilustração esquemática
Passo 05
Escreva o pop-up no Clew
No Clew abra Fluxos → + Novo fluxo e escolha Formato Janela modal. Adicione um passo: um título curto, uma ou duas frases e, em Texto do link / URL do link, o texto do botão e a página que ele abre. O modal não precisa de seletor: sempre aparece centralizado.
Passo 5 · ilustração esquemática

Passo 06

Escolha onde, quando e para quem aparece

No mesmo editor, preencha Onde mostrar (URL da página), Quando mostrar, Segmentação de público e Frequência. Estas são as configurações do exemplo acima:

Configuração	Valor
Formato	Janela modal
Onde mostrar (URL da página)	Caminho exato `/`
Quando mostrar	Depois de N segundos: 5 segundos
Segmentação de público	Sem regras: todo mundo que abre a página
Frequência	Uma vez por visitante

Editor de tours do Clew com formato, regra de URL, gatilho e regra de público (pop-up no Framer) — Passo 6 · ilustração esquemática

Passo 07
Publique e confira no site real
Mude Status para Publicado e salve. Abra a página numa janela anônima: o Clew lembra quem já viu um item de “uma vez”, então o seu navegador de sempre pode pular. Visualizações, conclusões e abandonos aparecem nas estatísticas.
Passo 7 · ilustração esquemática

Armadilhas: pop-up no Framer

O Framer navega sem recarregar a página toda

Ir de uma página para outra não recarrega o documento. O widget acompanha essas mudanças de rota sozinho, então um pop-up ligado à URL de uma página aparece quando o visitante chega lá.

Nomes de classe gerados

Classes do Framer como framer-1x2y3z podem mudar depois de edições. Um modal não precisa de seletor; se mais tarde você adicionar tooltips, confira em Saúde depois de republicar.

Não empilhe com os pop-ups do construtor

Se o tema ou um plugin já mostra um pop-up de newsletter ou de cookies na mesma página, o visitante vê duas camadas. Desligue um deles ou dê ao Clew outro gatilho (rolagem ou segunda visita).

Perguntas e respostas

Dá para mudar o texto sem republicar no Framer?

Sim. O pop-up mora no Clew: edite, salve, e o site mostra o texto novo na próxima visualização da página.

Piora a nota de velocidade do Framer?

A linha é async e carrega um script pequeno sem dependências depois da página; não bloqueia a renderização.

Dá para mostrar o pop-up numa página só?

Sim. Instale a linha no site inteiro e escolha Caminho exato ou Seção por prefixo em Onde mostrar (URL da página). O pop-up não aparece em nenhuma outra página.

O pop-up é grátis?

O formato modal faz parte do Pro; contas novas têm 14 dias de teste com tudo, sem cartão. Tours e tooltips são grátis no plano Free.

Para onde o botão leva?

Para qualquer página que você colocar em URL do link. Ela abre em outra aba, para o visitante não perder a página em que estava.

Como colocar um pop-up em um site Framer sem programador

Exemplo: um pop-up no Framer

Como adicionar o pop-up no Framer, passo a passo

Copie o seu snippet do Clew

Abra Site settings → Custom code

Cole no fim do head

Publique

Escreva o pop-up no Clew