WisyLink Blog

Área de membrosAssinaturasStripeConteúdo exclusivoCriadores de conteúdo

Área de membros com IA e Stripe: como criar a sua

Crie uma área de membros com IA e Stripe: planos, login de membros, páginas restritas, assinaturas confirmadas por webhook e pagamentos recusados.

14 min de leitura
Área de membros com IA e Stripe: como criar a sua

Uma área de membros é um site em que membros pagantes desbloqueiam conteúdo depois do login. Para criar uma com IA, descreva os planos, os preços e o que cada plano vê. O criador monta cadastro e login, páginas restritas, assinatura pela Stripe confirmada por webhook e área administrativa. Os pagamentos começam quando você adiciona as suas chaves da Stripe.

  • Defina planos, preços e exatamente o que cada plano desbloqueia antes do prompt. As regras de acesso são o coração da construção.
  • Os membros se cadastram nas contas do próprio site, e o acesso é verificado no servidor, então o conteúdo bloqueado nunca chega ao navegador de quem não é membro.
  • As assinaturas rodam na sua própria conta Stripe. O pagamento é confirmado por um webhook verificado, nunca pela página de sucesso, e o status fica salvo no cadastro de cada membro.
  • Hospede os vídeos em uma plataforma de vídeo e incorpore no site. Os uploads têm limite de 25 MB por arquivo e contam no seu armazenamento.
  • Planeje pagamentos recusados e cancelamentos desde o primeiro dia; os eventos da Stripe dizem ao site quando avisar, tentar de novo ou retirar o acesso.
  • Uma área de membros precisa ficar no ar, então rode a sua em um plano pago da WisyLink. O plano gratuito serve para construir e testar a primeira versão.

Do que uma área de membros precisa

Muitas áreas de membros são montadas com cinco ferramentas: um criador de sites, um complemento de membros, um processador de pagamentos, um serviço de e-mail e um app de comunidade. Cada uma tem o próprio login, as próprias tarifas e a própria ideia de quem é membro. Construída como um único app, ela tem estas partes:

Páginas públicas
Uma página de vendas, os preços e amostras do conteúdo. É o que os buscadores e os visitantes novos veem.
Contas
Cadastro, login, redefinição de senha e uma página de conta do membro.
Regras de acesso
Qual plano vê quais páginas, downloads e recursos, verificado a cada requisição.
Cobrança
Checkout, renovações, trocas de plano, cancelamentos e pagamentos recusados, pelo seu provedor de pagamento.
Conteúdo
Artigos ou aulas, downloads, vídeos incorporados e, se quiser, comentários ou chat.
Administração
Uma lista de membros com plano e status, liberações manuais de acesso e um editor de conteúdo.

A WisyLink constrói tudo isso como um único app a partir da sua descrição, no próprio endereço com HTTPS. A contrapartida é a responsabilidade: a lógica de acesso é a lógica do seu app, então você a testa com o mesmo cuidado com que testaria um checkout.

Escolha o modelo: planos, mensal ou anual, período de teste

Fique em três planos ou menos; cada plano extra é mais uma coluna nas suas regras de acesso e mais uma decisão para o visitante na página de preços.

  • Gratuito e pago. Um plano gratuito, com conta e algumas aulas, funciona como isca para captar contatos; os planos pagos desbloqueiam o resto. Membros gratuitos continuam sendo contas que você guarda e protege, e contam no seu banco de dados.
  • Só pago. Mais simples de operar e de explicar. Bom quando o seu público já conhece você.
  • Dois planos pagos. Conteúdo no plano de baixo, acesso a você no de cima: perguntas e respostas ao vivo, correções, um chat dos membros.

Dá para cobrar mensal e anual? Dá. Na Stripe, cada plano simplesmente recebe dois preços, um cobrado por mês e outro por ano, e o site guarda qual deles cada membro escolheu. O mensal combina com um fluxo constante de conteúdo novo; o anual combina com uma biblioteca que as pessoas percorrem no próprio ritmo, e um desconto para quem paga adiantado melhora o seu caixa e mantém o membro por um ano inteiro.

A Stripe também aceita períodos de teste gratuitos e com desconto. Se você oferecer um, decida se o membro precisa informar o cartão para começar e o que acontece no fim. A Stripe envia um evento de fim de teste, por padrão três dias antes, que o site pode usar para mandar um lembrete.

No Brasil, muita gente prefere pagar com Pix ou boleto. Se o seu público espera essas opções, confirme se o seu provedor de pagamento as oferece para assinaturas; provedores locais como Mercado Pago ou PagSeguro também podem ser conectados pela API deles, desde que você teste o fluxo completo antes de lançar.

Mão na massa: passos e um modelo de prompt

  1. Escreva uma matriz de acesso em uma página: os planos nas linhas, os conteúdos e recursos nas colunas, e um visto onde o acesso é permitido.
  2. Abra um novo chat na WisyLink e cole o prompt abaixo, adaptado aos seus planos, preços e conteúdos.
  3. Quando a construção terminar, leia a nota final. Ela diz como chegar à área administrativa e quais Integrações preencher: normalmente as chaves da Stripe e o segredo de assinatura do webhook, além do SMTP para os e-mails. Pagamentos e e-mails ficam inativos até você fazer isso. Nunca cole chaves no chat.
  4. Informe primeiro as chaves de teste da Stripe. Integrações mostra o passo a passo de configuração, incluindo o endereço do webhook que você deve cadastrar na Stripe.
  5. Percorra a jornada inteira com os cartões de teste da Stripe: cadastro, assinatura, abertura de uma aula bloqueada, troca de plano, cancelamento e simulação de uma renovação recusada.
  6. Troque pelas chaves de produção, assine o seu próprio plano mais barato com um cartão real e depois reembolse.
  7. Passe para um plano pago da WisyLink antes de convidar membros. Links gratuitos duram 30 dias, mais uma semana marcados para exclusão, e as contas dos membros vão junto.

Crie uma área de membros chamada Escola do Fermento Natural para os meus cursos online de panificação.

Área pública: uma página inicial que vende a assinatura, uma página de preços e uma biblioteca de aulas em que todos veem o título de cada aula e uma amostra de dois parágrafos.

Planos: Grátis (só a conta, as 3 primeiras aulas), Padeiro (R$ 39/mês ou R$ 390/ano: todas as aulas e as fichas de receita em PDF), Padeiro Pro (R$ 89/mês ou R$ 890/ano: tudo do Padeiro mais páginas de perguntas e respostas ao vivo mensais e um chat dos membros).

Contas: cadastro com e-mail e senha, login, redefinição de senha por e-mail e uma página de conta mostrando plano, status, data de renovação e um botão “Gerenciar assinatura” que abre o portal do cliente da Stripe.

Pagamentos: Stripe Checkout para as assinaturas, confirmado apenas por um webhook verificado da Stripe. Guarde no membro o plano, o status e o fim do período atual. Se um pagamento falhar, mostre um aviso pedindo para o membro atualizar o cartão; retire o acesso pago quando a assinatura for cancelada ou ficar sem pagamento.

Conteúdo: as aulas são registros salvos com título, slug, plano, amostra, corpo e um endereço opcional de vídeo incorporado. As fichas de receita são downloads privados em PDF para o Padeiro e acima.

Administração: uma área protegida por login para criar e editar aulas, ver os membros por plano e status e liberar acesso gratuito com data de término.

E-mail: boas-vindas e aviso de pagamento recusado pela minha conta SMTP. Design: acolhedor, com cara de revista, fácil de ler no celular.

No plano gratuito Community, uma construção ocupa a janela de uso de 5 horas inteira, e as construções miram uma primeira versão que funcione. Uma área de membros é um app grande, então construa em etapas: contas, planos e aulas restritas primeiro; pagamentos depois; chat e extras por último. Os planos pagos permitem construções mais completas e menos espera entre elas. Veja os modelos de prompt para criar sites com IA para estruturar pedidos maiores.

Contas, perfis e páginas restritas

Os sites da WisyLink têm as próprias contas. As senhas são guardadas com hash, as sessões ficam em um cookie seguro, e perfis como membro e administrador fazem parte do seu app. Não existe um login compartilhado da plataforma para os seus visitantes; os seus membros pertencem ao seu site. O login social com Google ou provedores parecidos é possível com as suas próprias credenciais OAuth, em Integrações. Login único corporativo (SSO) não é algo com que contar.

A restrição é decidida no servidor a cada requisição. Quem não é membro e abre uma aula do plano Padeiro recebe a amostra e um convite para assinar; o texto completo nunca está na página que essa pessoa recebe. Isso importa: paywalls que só escondem o conteúdo com estilo deixam tudo no código-fonte da página para quem quiser ler. As páginas dos membros também são marcadas para nunca serem servidas a outra pessoa a partir de um cache compartilhado.

Duas observações práticas. Primeiro, o login do administrador: a nota final da construção diz como entrar, seja com credenciais que ela criou, seja tornando administradora a primeira conta cadastrada. No segundo caso, cadastre a sua antes de divulgar o link. Segundo, os buscadores veem o que um visitante deslogado vê, então escreva amostras que se sustentem sozinhas e mereçam aparecer no Google.

Se cada cliente deve ver só os próprios documentos, faturas ou arquivos de projeto, e não uma biblioteca compartilhada, o que você está construindo é um portal; veja como criar um portal do cliente sem código.

Stripe: webhooks, cancelamentos e pagamentos recusados

As assinaturas rodam na sua própria conta Stripe; a WisyLink nunca fica com o seu dinheiro nem com a sua conta Stripe. O fluxo que a construção monta:

  1. O membro escolhe um plano. O site registra a tentativa com o ID do membro e abre o Stripe Checkout.
  2. A Stripe recebe o pagamento na página hospedada por ela.
  3. A Stripe envia um webhook ao seu site. O site verifica a assinatura com o seu segredo de assinatura, encontra o membro e salva o plano, o status e a data de renovação.
  4. As páginas consultam esse status salvo. A página de sucesso que aparece depois do pagamento não prova nada sozinha, porque qualquer pessoa pode abrir essa URL.

O guia da Stripe sobre webhooks de assinatura descreve os eventos que precisam ser tratados. Os mais importantes:

Eventos de assinatura da Stripe e o que o site deve fazer
EventoO que aconteceuO que o site faz
invoice.paidUm primeiro pagamento ou uma renovação deu certoEstende o acesso quando a assinatura está ativa
invoice.payment_failedUm pagamento foi recusadoEnvia um e-mail ao membro e mostra um aviso para “atualizar o cartão”
customer.subscription.updatedTroca de plano, renovação ou mudança de status, como atrasoAtualiza o plano e o status salvos
customer.subscription.deletedA assinatura terminouRetira o acesso pago e mantém a conta gratuita
customer.subscription.trial_will_endUm período de teste termina em breveEnvia um lembrete

Cancelamentos e trocas de plano. Os membros podem cancelar ou trocar de plano sozinhos? Podem: peça um botão “Gerenciar assinatura” que abre o portal do cliente da Stripe. É uma página hospedada pela Stripe, que você ativa no Dashboard da Stripe, em que o cliente atualiza o cartão, troca de plano, vê as faturas e cancela, na hora ou no fim do período. As mudanças feitas lá voltam ao seu site como os eventos acima.

Pagamentos recusados. Quando uma renovação falha, a assinatura fica em atraso e a Stripe pode tentar de novo; ative as Smart Retries nas configurações da Stripe. Defina a sua política de carência com antecedência. Uma política comum é manter o acesso durante o período de novas tentativas, com um aviso visível, e retirá-lo quando a Stripe marcar a assinatura como cancelada ou não paga, como o próprio guia da Stripe recomenda.

Reembolsos e contestações. Decida se um reembolso encerra o acesso na hora e se uma contestação (chargeback) congela a conta. Se você trocar de domínio mais tarde, confira se o endereço do webhook cadastrado na Stripe ainda chega ao site.

Vender produtos avulsos junto com as assinaturas funciona do mesmo jeito, com pagamentos únicos no Checkout; veja o guia de loja virtual.

Entrega do conteúdo: artigos, downloads e vídeos

Onde hospedar cada tipo de conteúdo para membros
Tipo de conteúdoOnde hospedarPor quê
Artigos e aulasRegistros salvos no banco de dados do siteCada um ganha a própria página e aparece sem nova construção; um registro comporta até 256 KB, de sobra para textos longos
PDFs, exercícios, modelosArquivos privados no armazenamento do siteAbertos por links temporários, só para membros cujo plano permite; até 25 MB por arquivo, e cada download conta no tráfego
Imagens dentro das aulasArquivos públicos ou imagens que você anexa à construçãoCarregam rápido, e a leitura de arquivos públicos não conta no tráfego; qualquer pessoa com a URL da imagem consegue vê-la
Cursos em vídeoUma plataforma de vídeo que aceite incorporação privada ou restrita ao domínio, incorporada na página da aulaO limite de 25 MB por arquivo torna inviável subir vídeos, e as plataformas de vídeo cuidam da qualidade do streaming em qualquer aparelho
Áudios e podcastsUma plataforma de podcast para episódios públicos; arquivos privados para trechos curtos exclusivosMesma lógica de limite de arquivo e de tráfego do vídeo
Encontros ao vivoUm link de reunião exibido só na página do plano certoO link faz parte da página restrita, então só aquele plano o vê

Os limites de armazenamento, de banco de dados e de tráfego dependem do seu plano da WisyLink, e o painel Recursos mostra quanto de cada um já foi usado. Contas que ficam acima da capacidade correm o risco de ter links suspensos, então deixe as mídias pesadas nas plataformas feitas para elas.

Comunidade: comentários e chat ao vivo

A comunidade costuma ser o motivo de as pessoas continuarem assinando depois de consumir o conteúdo.

  • Comentários nas aulas são registros salvos, ligados ao membro que os escreveu. Peça que só membros possam comentar, um limite de comentários por membro e botões de ocultar e apagar para você.
  • O chat ao vivo usa canais em tempo real. Canais privados exigem um membro logado, e o site só libera o chat para os planos que o incluem. As mensagens ao vivo são momentâneas, então peça que cada mensagem também seja salva, o que dá aos membros um histórico para rolar.
  • Tópicos funcionam como um pequeno fórum: assuntos, respostas e perfis de membros. “Fórum da comunidade” é um dos casos de uso listados pela WisyLink.
  • Avisos de respostas vão por e-mail, pela sua conta SMTP.

Decida quem modera antes de abrir as portas. Um botão de denúncia que alimenta uma fila administrativa custa uma frase no seu prompt e economiza horas depois.

Operação: gestão de membros, e-mails, churn e privacidade

  • Gestão de membros. Filtre os membros por plano e status e encontre alguém pelo e-mail exato; não há busca por texto livre em listas grandes de membros. Peça liberações manuais com data de término, para bolsas, parceiros ou cortesias.
  • E-mails. Boas-vindas, redefinição de senha e aviso de pagamento recusado saem pela sua conta SMTP. A Stripe pode enviar recibos e faturas por conta própria, então não duplique esses envios.
  • Churn. O portal da Stripe pode coletar os motivos de cancelamento e oferecer um cupom a quem está prestes a cancelar. Do seu lado, guarde o último login de cada membro, liste quem não volta há 30 dias e entre em contato antes que cancele. Uma tarefa em segundo plano, que roda a cada 30 a 60 minutos, pode mandar um resumo semanal para o seu e-mail.
  • Privacidade. Você coleta nomes, e-mails e status de pagamento, então publique um aviso de privacidade de acordo com a LGPD. Prestar o serviço que a pessoa assinou e enviar e-mails de marketing se apoiam em bases legais diferentes: na LGPD, a execução de contrato e o consentimento; o resumo da Comissão Europeia sobre bases legais (em inglês) explica a mesma distinção para quem tem membros na União Europeia. Peça uma caixa separada e desmarcada para a newsletter e um jeito de o membro excluir a própria conta. Esta é uma orientação geral, não um parecer jurídico.
  • Custos. Coloque no orçamento o seu plano da WisyLink, as tarifas da Stripe, uma plataforma de vídeo e algum serviço de e-mail, e compare com o que você pagaria a um desenvolvedor; veja quanto custa criar um aplicativo web.

Para fazer o plano gratuito crescer, combine a área de membros com uma isca digital; um quiz que coleta e-mails funciona bem para cursos.

Escreva a sua matriz de acesso e depois descreva os planos, os preços e o conteúdo em uma mensagem. A WisyLink constrói as contas, as páginas restritas, o fluxo de assinatura da Stripe e a área administrativa como um único app hospedado, e você continua refinando tudo pelo chat. Teste a jornada inteira no modo de teste da Stripe antes de qualquer membro pagar.

Comece grátis no plano Community, sem cartão de crédito, e construa a sua primeira versão. Antes de convidar membros, compare os planos pagos, a partir de US$ 7 por mês: eles mantêm o site no ar enquanto a assinatura estiver ativa e liberam construções mais completas. O seu próprio domínio pode ser conectado em qualquer plano, inclusive no gratuito. Pelo app para iPhone ou Android, a assinatura é cobrada em reais pela App Store ou pelo Google Play.

F.A.Q.

Perguntas frequentes

Dá para cobrar mensal e anual?
Dá. Crie na Stripe um preço mensal e um anual para cada plano e mostre os dois na página de preços. Se você permitir a troca de plano no portal do cliente da Stripe, os membros podem passar do mensal para o anual por conta própria. Mostre o preço anual também como equivalente mensal, ao lado do total anual real, para que ninguém leve susto com a cobrança na fatura do cartão.
Os membros podem cancelar ou trocar de plano sozinhos?
Podem, pelo portal do cliente da Stripe. Peça um botão Gerenciar assinatura na página da conta; ele abre uma página hospedada pela Stripe em que o membro cancela, troca de plano, atualiza o cartão e baixa as faturas. Você configura o que é permitido no Dashboard da Stripe, por exemplo cancelar só no fim do período. A WisyLink não oferece um portal de cobrança próprio, então o portal e as configurações dele ficam na sua conta Stripe.
Onde devo hospedar os meus vídeos?
Em uma plataforma de vídeo que permita incorporação privada ou restrita ao seu domínio, incorporando cada vídeo na página da aula. Os uploads no site têm limite de 25 MB por arquivo, o que descarta a maioria das videoaulas, e as plataformas de streaming ajustam a qualidade à conexão de cada pessoa. Guarde o endereço de incorporação no registro da aula, para que trocar um vídeo nunca exija uma nova construção do site.
Posso oferecer um período de teste grátis?
Pode. A Stripe aceita períodos de teste gratuitos e pagos nas assinaturas, e o site trata um membro em teste como ativo. Decida se o cartão é exigido logo no início: exigir filtra cadastros descompromissados, enquanto dispensar reduz a barreira, mas faz mais testes terminarem sem pagamento. Peça à construção um e-mail de lembrete quando a Stripe avisar que um teste está acabando e teste esse caminho no modo de teste da Stripe.
O que acontece quando um pagamento é recusado?
A Stripe envia o evento invoice.payment_failed e a assinatura fica em atraso. O site manda um e-mail ao membro, mostra um aviso com um link para atualizar o cartão e mantém ou limita o acesso conforme a política de carência que você escolheu. A Stripe pode tentar a cobrança de novo automaticamente. Se todas as tentativas falharem, a assinatura fica cancelada, não paga ou continua em atraso, conforme as suas configurações na Stripe, e o site retira o acesso pago.
Os membros podem conversar entre si?
Podem. Peça comentários nas aulas, tópicos de discussão ou um chat ao vivo para membros. O chat usa canais em tempo real que só membros logados do plano certo podem acessar, e cada mensagem também fica salva, para que o histórico carregue quando alguém chega. Planeje a moderação desde o início: um botão de denúncia, uma fila de moderação e a possibilidade de silenciar ou remover um membro.
Compartilhar