Kits de Prompts

Construa um site de membros com IA

Um site de membros vende acesso, não produtos: os membros pagam mensalmente e os membros pagantes veem conteúdos que os não-membros não veem. Este kit constrói um site em cinco prompts sequenciados — o site e a biblioteca de conteúdo, contas reais, acesso em níveis que realmente funcionam, pagamentos recorrentes e uma área de membros — com uma etapa de verificação após cada um para que você nunca tenha dúvidas se funcionou.

Tipo de projeto: Site de membros / assinatura Dificuldade: Intermediate Tempo: 1-2 dias Funciona com: Base44 / Lovable / v0

O que você terá no final

  • Um site público onde qualquer pessoa pode navegar pelo conteúdo gratuito e ver o que a assinatura inclui
  • Cadastro e login, com o nível de cada membro armazenado em sua conta
  • Conteúdo marcado como gratuito ou apenas para membros, onde o conteúdo exclusivo para membros genuinamente não pode ser acessado por não-membros
  • Pagamentos de assinatura recorrentes, com acesso concedido automaticamente após o pagamento
  • Uma área de membros onde as pessoas veem seu conteúdo, gerenciam seu plano e cancelam por conta própria
  • Uma área do proprietário onde você publica conteúdo e vê quem é membro

Antes de começar

  • Primeiro, uma oferta clara. Decida o que os membros recebem e o que permanece gratuito, e escolha seu preço. Esta é uma decisão de negócio que a IA não pode tomar por você — e alterá-la mais tarde significa refazer o passo 4.
  • Uma conta de pagamento (o Stripe é a escolha comum — gratuito para abrir, mantenha em modo de teste enquanto constrói). Você precisará da sua chave secreta do painel, armazenada apenas nas configurações seguras do seu construtor.
  • Algum conteúdo real pronto — pelo menos três peças. Duas gratuitas, uma para membros, para que você possa realmente testar o bloqueio.
  • Um endereço de e-mail para notificações e cerca de um dia de tempo focado em duas sessões.

Qual plataforma combina com isto

Base44 é a opção mais fluida: contas, banco de dados e regras de acesso residem em um backend gerenciado, com caminhos de pagamento suportados disponíveis quando o provedor e sua região forem elegíveis. Lovable lida bem com isso através do Lovable Cloud ou Supabase opcional e oferece a você propriedade do código via GitHub; espere testes explícitos quanto ao link entre pagamento e associação. v0 pode construir o aplicativo de associação full-stack, incluindo lógica de servidor, e implantá-lo na Vercel. Seu banco de dados, autenticação e serviços de pagamento são baseados em provedores, então você escolhe e configura uma parte maior da pilha e deve testar cuidadosamente permissões, webhooks e alterações no status da assinatura. Os prompts deste kit funcionam nas três; as notas da plataforma em cada etapa indicam onde elas diferem.

Comece com o primeiro prompt em um plano gratuito. Uso extra e alguns serviços conectados podem custar mais conforme você desenvolve o projeto.

Crie em

Como ganhamos dinheiro

Os passos

1

Construir o site público e a biblioteca de conteúdo

Quando usar

Comece aqui, em um projeto totalmente novo.

Todo o formato do site de membros, com conteúdo pronto para ser protegido posteriormente.

O prompt

Esses prompts funcionam melhor em inglês — cole-os como estão, mesmo em páginas traduzidas.

Build a membership website for [BUSINESS/CREATOR NAME], which offers [WHAT YOUR MEMBERSHIP IS ABOUT, e.g. weekly training videos for home bakers].

Pages: a home page explaining what membership includes and who it's for, with a clear button to join; a content library listing all published pieces; a page for reading a single piece of content; a pricing page showing [FREE TIER AND YOUR PAID TIER(S) WITH PRICES]; an about page; and a contact page with a simple form that emails me at [EMAIL] and stores submissions.

Store the content as editable data with an admin screen where I can add, edit and publish pieces. Each piece has: title, short description, the main content, an optional image, a category, a publish date, and an access level which is either "free" or "members".

On the library page, show every piece as a card with its title, description and a clear label when it is members-only. Do not build any access restriction yet — that comes in a later step.

Design: [THREE ADJECTIVES, e.g. warm, confident, uncluttered]. Colors: [YOUR COLORS]. Comfortable reading typography for long content, and it must work well on a phone. Use image placeholders only — do not generate photos.

Add three example pieces of content clearly marked as examples for me to replace.

Confira se funcionou

  • Você pode navegar por todas as páginas, e a biblioteca exibe seus exemplos de peças
  • A tela de administração permite adicionar uma nova peça e ela aparece na biblioteca
  • Peças exclusivas para membros estão visivelmente marcadas (embora ainda não estejam bloqueadas)
  • A página de preços mostra seus preços reais
  • A leitura é confortável no celular

Você saberá que funcionou quando:

Um site público completo com uma biblioteca de conteúdo funcional que você controla.

Fique atento a

Resista à tentação de adicionar contas ou pagamentos neste prompt. Todo kit que falha acontece por pedir tudo de uma vez.

2

Adicionar contas de membros

Quando usar

Assim que o site público estiver com a aparência correta.

As pessoas podem criar contas; cada conta possui um nível de associação.

O prompt

Esses prompts funcionam melhor em inglês — cole-os como estão, mesmo em páginas traduzidas.

Add member accounts to this site.

Visitors can sign up with email and password, log in, log out, and reset a forgotten password. Use the platform's built-in account system — do not build a custom password system.

Every account stores a membership tier, which starts as "free" for everyone who signs up. Only I, as the owner, can change someone's tier — a member must never be able to change their own tier from the website.

Add a simple account page where a logged-in member sees their name, email and current tier.

Add an owner-only screen listing all members with their email, tier and sign-up date, where I can change a tier manually. Make sure a normal member cannot reach this screen, even by typing its address directly.

Do not restrict any content yet — that is the next step.

Confira se funcionou

  • Você pode criar uma conta de teste, sair e entrar novamente
  • O e-mail de redefinição de senha chega
  • Sua conta de teste mostra o nível "gratuito" (free) na página da conta
  • Você pode abrir a lista de membros como proprietário e alterar um nível
  • Logado como a conta de teste simples, a lista de membros não pode ser acessada — inclusive digitando o endereço

Você saberá que funcionou quando:

Contas funcionais onde o nível reside na conta e apenas você pode alterá-lo.

Fique atento a

Crie sua conta de teste simples agora e mantenha-a. Cada etapa restante é verificada com ela, não com sua conta de proprietário.

3

Bloqueie o conteúdo exclusivo para membros adequadamente

Quando usar

Imediatamente após o funcionamento das contas. Faça isso antes dos pagamentos, não depois.

Conteúdo exclusivo para membros que realmente não possa ser acessado por não membros.

O prompt

Esses prompts funcionam melhor em inglês — cole-os como estão, mesmo em páginas traduzidas.

Restrict the members-only content on this site.

Content marked "free" stays visible to everyone, including visitors who are not logged in. Content marked "members" can only be opened by a logged-in account whose tier is [YOUR PAID TIER NAME, e.g. member].

Enforce this on the content itself, not by hiding buttons or links: a person must not be able to reach a members-only piece by typing its address, and the full content must not be retrievable by anyone whose tier does not allow it.

Non-members should still see that members-only content exists — show its title and description in the library with a clear lock, and when they open it, show a short friendly message explaining what membership includes with a button to the pricing page. Do not show any part of the actual content.

When you are done, tell me plainly which pieces of content each of these can reach: a visitor who is not logged in, a logged-in free account, and a paid member.

Confira se funcionou

  • Deslogado, você pode ler artigos gratuitos e ver os bloqueados com um convite para entrar
  • Logado com a conta de teste gratuita comum, os artigos exclusivos para membros ainda exibem o convite, não o conteúdo
  • Copiar o endereço de um artigo exclusivo para membros em uma janela deslogada mostra o convite, nunca o conteúdo
  • Após definir manualmente sua conta de teste para o nível pago (na tela do proprietário), o mesmo artigo abre completamente
  • O relatório informa claramente quem pode acessar o quê

Você saberá que funcionou quando:

Uma barreira que você testou pessoalmente a partir de uma conta de não membro e colando o endereço diretamente.

Fique atento a

Este é o passo que decide se sua assinatura é real. Um relatório dizendo "restrito" não é prova — teste você mesmo, deslogado, com um endereço colado. Se seu conteúdo pago vazar, tudo o mais neste kit é apenas decoração.

4

Receber pagamentos recorrentes

Quando usar

Assim que o portão de acesso estiver verificado. Não antes.

As pessoas podem assinar, e o pagamento concede acesso automaticamente.

O prompt

Esses prompts funcionam melhor em inglês — cole-os como estão, mesmo em páginas traduzidas.

Add recurring subscription payments to this membership site using [PAYMENT PROVIDER, e.g. Stripe] in test mode.

On the pricing page, the paid plan gets a button that starts a subscription checkout on the provider's own secure payment page for [PRICE] per [MONTH/YEAR]. Never handle or store card details on my site.

When a payment succeeds, set that account's tier to [YOUR PAID TIER NAME] automatically and send them to a welcome page confirming they now have access, with a button to the content library. The tier must be set by the payment confirmation itself — never by anything the member's browser can trigger.

When a subscription is cancelled or fails, return that account to the free tier automatically. When a member cancels, they keep access until the end of the period they already paid for.

Add a "manage my membership" button on the account page that sends the member to the provider's own portal, where they can update their card or cancel, and returns them to my site afterwards.

Show me where to put my payment provider's secret key in the platform's secure settings, and tell me exactly which steps I have to complete in the provider's dashboard myself.

Confira se funcionou

  • Clicar no botão de adesão abre a página de pagamento do provedor com o preço correto
  • Pagar com o cartão de teste do provedor conclui a operação e retorna você para a página de boas-vindas
  • O nível da sua conta de teste mudou para o nível pago automaticamente, sem que você precise tocar na tela do proprietário
  • Essa conta agora pode abrir conteúdo exclusivo para membros
  • "Gerenciar minha assinatura" abre o portal do provedor, e cancelar lá retorna a conta para gratuita

Você saberá que funcionou quando:

Uma assinatura de teste completa: pagar → acesso concedido → cancelar → acesso encerrado. Feito com um cartão de teste, do início ao fim.

Fique atento a

O modo de teste e o modo real parecem idênticos. Antes de anunciar qualquer coisa, alterne para as chaves reais e faça um pagamento real para você mesmo — a falha mais comum no dia do lançamento em sites de membros é um checkout que ainda está operando no modo de teste.

5

Construir a área de membros e as ferramentas do proprietário

Quando usar

Após o funcionamento completo de uma assinatura de teste de ponta a ponta.

As partes que fazem com que uma assinatura pareça um clube de membros e não apenas um paywall.

O prompt

Esses prompts funcionam melhor em inglês — cole-os como estão, mesmo em páginas traduzidas.

Improve the member experience and my owner tools.

For members: add a member home page shown after login with a welcome by name, the newest members-only content, and anything they had started reading. Add a "new for members" section to the library that highlights recent members-only pieces. Send a warm welcome email when someone becomes a paying member, explaining what they now have access to.

For me as the owner: add a simple dashboard showing how many free accounts and paying members I have, how many joined this month, and how many cancelled this month. Let me schedule a piece of content to publish on a future date, and let me send one announcement email to all members from an owner screen.

Keep everything already working exactly as it is — especially the access rules and the payment flow.

Confira se funcionou

  • Ao fazer login como membro, o usuário é direcionado para a página inicial de membros com seu nome e conteúdo recente
  • O e-mail de boas-vindas chega quando uma conta de teste assina o serviço
  • Seu painel de controle de proprietário mostra contagens precisas de membros
  • Um conteúdo agendado para amanhã não fica visível hoje e aparece amanhã
  • Tudo das etapas 1 a 4 ainda funciona exatamente como antes

Você saberá que funcionou quando:

Uma área de membros que pareça viva para os assinantes e gerenciável para você.

Fique atento a

E-mails de anúncio para todos os membros são marketing — inclua uma opção de cancelamento de inscrição e não transforme e-mails transacionais em promoções.

Colocando no ar

  • Substitua cada conteúdo de exemplo por conteúdo real e publique pelo menos três peças gratuitas para que os não-membros tenham um motivo para confiar em você
  • Teste o bloqueio uma última vez a partir de uma janela desconectada (anônima) com um endereço colado
  • Alterne seu provedor de pagamento de chaves de teste para chaves de produção (live), faça um pagamento real para si mesmo e estorne-o
  • Confirme se o e-mail de boas-vindas, o fluxo de cancelamento e o botão "gerenciar minha assinatura" funcionam no site ao vivo, não apenas na visualização
  • Escreva sua política de reembolso e cancelamento na página de preços — antes que as pessoas paguem, não nos termos
  • Adicione sua política de privacidade e termos (veja o prompt de páginas legais)
  • Conecte seu domínio personalizado e verifique se o cadeado de segurança aparece

Gaste menos créditos

Toda plataforma cobra pelo trabalho que a IA dela faz — então o hábito mais barato é pensar antes de construir. Estas seis regras cortam a maior parte do desperdício, qualquer que seja a plataforma.

  1. Planeje primeiro em um chat gratuito. Esboce tudo no ChatGPT, Claude ou Gemini — páginas, recursos, o que cada formulário coleta, como deve ficar. Pensar lá é grátis; pensar dentro de um builder é cobrado.
  2. Comece com um prompt escrito, não com uma frase. "Faça um site para mim" é a frase mais cara na construção com IA. Um primeiro prompt completo — como os deste site — economiza dezenas de rodadas de correção.
  3. Não tenha preguiça dos detalhes. Cada detalhe omitido volta como uma correção que você paga. Nome do negócio, cores, cada página, cada campo de formulário, o que acontece após o envio — coloque tudo no primeiro prompt.
  4. Depois, uma mudança por mensagem. "Arrume o cabeçalho, e o formulário, e as cores" gera um emaranhado que custa mais para desfazer do que economizou.
  5. Travou? Pare de remendar. Se a mesma correção falhar umas três vezes, não mande uma quarta — descreva o estado final desejado da seção inteira em uma mensagem nova.
  6. Comece grátis. Faça upgrade quando precisar de mais. Use a cota gratuita para criar e explorar sua primeira versão. Faça upgrade quando precisar de mais uso ou de recursos pagos, e confira os custos de serviços conectados antes de lançar.

Os prompts desta página foram escritos para fazer a maior parte desse trabalho por você — é esse o objetivo deles.

Leia o guia completo

Revisado em: 2026-08-27

Perguntas Frequentes

Usamos cookies para analisar tráfego e rastrear cliques de afiliados. Ao continuar, você concorda com nossa Política de Privacidade.