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 escreve num editor, escolhe a página e o momento, e ele aparece no site real: 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 do ecrã, 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 noutro separador.

Diferente de um pop-up fixo no tema, ele tem regras: em quais páginas, depois de quantos segundos ou de quanta deslocamento, em qual visita e para quais utilizadores — 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.ª 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 “Dúvidas sobre o plano? Fale connosco” depois de 20 segundos apanha quem ficou ali, sem incomodar toda a gente.

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 toda a gente, 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 gratuita (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: substitua COLE_AQUI_A_SUA_CHAVE pela chave do site em Admin > Visão geral -->
    <script src="https://tryclew.io/widget/COLE_AQUI_A_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 gere o site. Cada guia leva de 5 a 10 minutos e não precisa de 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)Secção por prefixo /collections
    Quando mostrarNa N.ª visita: 2
    Segmentação de públicoSem regras: toda nós que abre a página
    FrequênciaUma vez por visitante
    Editor de tours do Clew com formato, regra de URL, acionador e regra de público
    Passo 4 · ilustração esquemática
  5. Passo 05

    Publique e verifique no site real

    Mude Estado para Publicado e guarde. Abra a página numa janela anónima: o Clew lembra quem já viu um item de “uma vez”, por isso o seu navegador de sempre pode saltar. 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 a aparecer; tours e tooltips continuam gratuitos 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 tem 14 dias de teste com todos os formatos, sem cartão. Tours e tooltips continuam gratuitos no plano Free.

É possível 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 marcações ou chat: assim os dados ficam nas ferramentas em que 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 telemóvel logo de cara; use atraso, deslocamento ou segunda visita em vez de uma camada de ecrã inteiro 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, a seguir, tours, dicas e checklists sem novas versões.

Obter a minha chave grátisComo funciona o ClewPlano 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 uma lista antes de publicar. PDF, 2 páginas. O que inclui →

O guia está em inglês.