Clew

Como criar um aviso de paywall para upgrade sem programador

A hora em que um usuário do plano grátis clica numa função paga é a melhor hora para explicar o upgrade. O Clew mostra um modal segmentado exatamente aí, com o seu texto e um link para a sua página de preços ou checkout, enquanto o seu app e o seu faturamento continuam cuidando de acesso e pagamentos.

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

O que é um “paywall” do Clew e o que não é

É um Janela modal com uma regra de público: por exemplo Propriedade plan é igual a free, mostrado Ao clicar num elemento no botão da função paga ou na página de uma seção premium. O botão-link leva à sua página de preços ou ao seu checkout.

É um paywall suave: uma mensagem, não um cadeado. O Clew não bloqueia o clique, não esconde conteúdo, não cobra e não muda o plano de ninguém. Se a função não deve estar disponível no plano grátis, quem garante isso é o seu app; o Clew transforma o momento da recusa numa explicação de valor em vez de um erro.

Modal de aviso de upgrade sobre um app web, com título de benefício e botão-link para a página de preços
ilustração esquemática

Onde os avisos de upgrade convertem

No botão pago

Ao clicar num elemento em “Exportar”, “Automações”, “Adicionar usuário”: a pessoa acabou de mostrar que quer aquilo.

Numa página premium

Uma área só para membros ou um relatório avançado: explique o que tem lá dentro e aponte para o plano.

Depois de um marco de uso

Na terceira visita, ou quando uma propriedade como projects enviada pelo app chega ao limite.

Teste o texto

Duas versões do texto num teste A/B (Pro) mostram qual argumento funciona: preço, tempo economizado ou uma função.

Como adicionar um aviso de upgrade 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 aviso de upgrade

    No Clew abra Fluxos → + Novo fluxo e escolha Janela modal. Um passo: um título com o benefício (“Exportar para CSV é no Pro”), uma frase de valor e, em Texto do link / URL do link, o botão e a URL da sua página de preços ou checkout.

    Modal de aviso de upgrade sobre um app web, com título de benefício e botão-link para a página de preços
    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/members
    Quando mostrarAssim que a página carregar
    Segmentação de públicoPropriedade member é diferente de true
    FrequênciaA cada visita
    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: aviso de paywall 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?

O que o Clew faz e o que não faz. O Clew mostra o aviso de upgrade — um modal com o seu texto e um link para a sua própria página de preços ou de pagamento — para os usuários escolhidos pelas suas regras. Ele não cobra, não gerencia assinaturas e não esconde nem bloqueia conteúdo: o seu app decide quem tem acesso e o seu provedor de pagamentos faz a cobrança.

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 Clew processa pagamentos ou bloqueia conteúdo?

Não. O Clew mostra o aviso e aponta para a sua página de preços ou de pagamento. Os pagamentos passam pelo seu provedor de cobrança, e o acesso é controlado pelo seu app ou plataforma.

É grátis?

O aviso usa o formato modal e uma regra de público, ambos do Pro. Toda conta nova ganha 14 dias de teste com tudo, sem cartão.

Como o Clew sabe que o usuário está no plano grátis?

O seu app conta: Clew.identify({ plan: "free" }) depois do login. Um assistente de IA ou um dev adiciona essa linha uma vez; um cookie que o app já define também serve.

Não vai incomodar quem já paga?

Não, se a regra estiver certa: o aviso só aparece quando a propriedade é o plano grátis. Teste com dois navegadores, um com conta grátis e outro com conta paga.

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.