Clew

Como colocar um pop-up no site sem programador

Um pop-up é o jeito mais rápido de dizer uma coisa importante: uma oferta, um lançamento, um “ficou em dúvida sobre o plano?”. No Clew você escreve num editor, escolhe a página e o momento, e ele aparece no site de verdade: sem plugin por página, sem código e sem deploy.

Tempo
● 10 minutos
Preço
Teste grátis de 14 dias, sem cartão
Formato
Janela modal

O que é um pop-up do Clew

Uma janela modal (pop-up) aparece no centro da tela, por cima da página. No Clew é um tour no formato Janela modal: um ou mais passos, cada um com título, texto e um botão-link opcional que abre a sua página em outra aba.

Diferente de um pop-up fixo no tema, ele tem regras: em quais páginas, depois de quantos segundos ou de quanta rolagem, em qual visita e para quais usuários — e, por padrão, aparece uma vez por visitante. Visualizações, conclusões e fechamentos são contados.

Um pop-up (janela modal) com título, texto e botão-link sobre um site
ilustração esquemática

Quando um pop-up ajuda e quando irrita

Oferta na segunda visita

Quem volta está mais interessado. Na N-ésima visita mostra a oferta para essas pessoas e deixa em paz quem chegou agora.

Ajuda numa página de dúvida

Em preços ou numa página longa de produto, um “Na dúvida sobre o plano? Fale com a gente” depois de 20 segundos pega quem ficou ali, sem atrapalhar todo mundo.

Anúncios

Uma função nova, horário de feriado, prazo de entrega: um modal, uma vez por visitante, e depois sai da frente.

O que evitar

Pop-ups no carregamento para todo mundo, vários seguidos ou sem botão de fechar. O Clew sempre mostra o botão de fechar e um item por vez.

Como colocar um pop-up em 5 passos

  1. 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.

    <!-- Clew: troque COLE_AQUI_SUA_CHAVE pela chave do site em Admin > Visão geral -->
    <script src="https://tryclew.io/widget/COLE_AQUI_SUA_CHAVE.js" async></script>
    Visão geral do admin do Clew com a linha de instalação e a chave do site oculta
    Passo 1 · ilustração esquemática
  2. Passo 02

    Coloque a linha no site uma única vez

    Cole o snippet onde você gerencia o site. Cada guia leva de 5 a 10 minutos e não precisa ser repetido: todo o resto acontece no Clew.

    Onde fica o campo de código do head nos construtores mais usados
    Passo 2 · ilustração esquemática
  3. Passo 03

    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.

    Um pop-up (janela modal) com título, texto e botão-link sobre um site
    Passo 3 · ilustração esquemática
  4. Passo 04

    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çãoValor
    FormatoJanela modal
    Onde mostrar (URL da página)Seção por prefixo /collections
    Quando mostrarNa N-ésima visita: 2
    Segmentação de públicoSem regras: todo mundo que abre a página
    FrequênciaUma vez por visitante
    Editor de tours do Clew com formato, regra de URL, gatilho e regra de público
    Passo 4 · ilustração esquemática
  5. Passo 05

    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.

    Visão geral do admin do Clew com o cartão verde de widget ativo
    Passo 5 · ilustração esquemática

Passo a passo: pop-up na sua plataforma

Escolha a plataforma em que o seu site ou app foi feito. Cada guia traz os passos de instalação, um exemplo com configurações prontas e as armadilhas daquela plataforma.

É grátis?

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.

Perguntas e respostas

O pop-up é grátis?

Pop-ups usam o formato modal, que faz parte do Pro. Toda conta nova ganha 14 dias de teste com todos os formatos, sem cartão. Tours e tooltips continuam grátis no plano Free.

Dá para colocar um formulário no pop-up?

Não. O modal do Clew tem título, texto e um botão-link. Aponte para o seu formulário, página de agendamento ou chat: assim os dados ficam nas ferramentas em que você já confia.

Prejudica o SEO?

O pop-up é adicionado por um script depois que a página carrega e fecha com um clique. O Google desaconselha intersticiais invasivos que cobrem o conteúdo no celular logo de cara; use atraso, rolagem ou segunda visita em vez de uma camada de tela cheia imediata.

Como mostrar só uma vez?

Coloque Frequência em Uma vez por visitante. O Clew lembra no navegador do visitante que o pop-up foi concluído ou fechado.

Uma linha no seu site e, depois, tours, tooltips e checklists sem deploy.

Pegar minha chave grátisComo o Clew funcionaPlano gratuito para sempre, sem cartão

Tours de produto, pop-ups e onboarding na era da IA

7 padrões com número de passos, regras de texto e métricas, o que a IA muda e um checklist antes de publicar. PDF, 2 páginas. O que tem no guia →

O guia está em inglês.