Com crear un lloc web per a socis: contingut restringit i subscripcions

Un lloc per a socis és una pàgina web on alguns continguts o funcions només estan disponibles per als membres que han iniciat sessió, normalment a canvi d'un pagament recurrent. Per construir-lo necessites quatre coses que funcionin juntes: comptes de membre, facturació de subscripcions, regles d'accés que comproven la pertinença al servidor i contingut que valgui la pena pagar. Les tres primeres són programari ben conegut; la quarta, i mantenir els socis un cop s'han unit, és la feina real.

Què necessita un lloc per a socis

Les dades

Un lloc per a socis típic guarda: membres, plans o nivells, subscripcions (amb estat i data de renovació, sincronitzades amb el proveïdor de facturació), elements de contingut (amb el nivell mínim necessari per veure'ls) i, opcionalment, progrés, comentaris o inscripcions a esdeveniments. Mantén el proveïdor de facturació com a font de veritat per a l'estat dels pagaments, i guarda una còpia de l'estat a la teva pròpia base de dades perquè les pàgines carreguin ràpidament.

Accés i permisos

Escriu exactament qui veu què:

• Visitants veuen les pàgines públiques i el contingut de tast.
• Membres gratuïts (si en tens) veuen un nivell gratuït.
• Membres que paguen veuen tot el que inclou el seu nivell.
• Socis que han deixat de pagar —cancel·lats o amb pagament fallit— perden l'accés al final del període pagat, no de cop.
• Administradors ho veuen tot i poden concedir accés manualment.

La regla tècnica més important: comprova l'accés al servidor. Si la pàgina descarrega l'article complet i només l'amaga amb un desenfocament o una caixa de «subscriu-te», qualsevol el pot llegir amb les eines de desenvolupador del navegador. El contingut de pagament només s'ha d'enviar a membres amb la subscripció activa.

Decisions i compromisos

Què paguen els membres

Els llocs per a socis solen vendre una de poques coses: contingut continuat (articles, vídeos, plantilles), accés a una comunitat, accés a una eina, o una barreja. La resposta condiciona la construcció. Una biblioteca de contingut necessita una bona organització i cerca. Una comunitat necessita publicacions, comentaris i moderació. Una eina necessita l'eina. Si en realitat vens un curs estructurat amb un inici i un final, consulta com crear una plataforma de cursos en línia.

Nivells

Un sol pla és el més fàcil de construir i de vendre. Afegeix nivells només quan tinguis un motiu clar, per exemple un pla anual amb descompte, o un nivell superior amb sessions en directe. Cada nivell extra suma regles d'accés, camins de millora i de rebaixa, i més complexitat a la pàgina de preus.

Proves gratuïtes i nivells gratuïts

Un nivell gratuït fa créixer l'audiència però pot reduir el motiu per pagar. Una prova permet provar-ho tot, però cal gestionar bé el final de la prova. Molts llocs no n'ofereixen cap: una vista prèvia pública clara i una política de cancel·lació senzilla.

Facturació: pàgines allotjades o integrades

Fes servir un proveïdor de facturació de subscripcions. A setembre de 2026, Stripe documenta un portal de client allotjat on els subscriptors poden actualitzar els mètodes de pagament i les dades de facturació, canviar o cancel·lar subscripcions, i veure i descarregar factures. Fer servir un checkout i un portal allotjats com aquest és molt menys feina, i menys risc, que construir aquestes pantalles tu mateix. La teva aplicació, però, ha d'escoltar els esdeveniments de facturació a través de webhooks —subscripció creada, pagament fallit, subscripció cancel·lada— i actualitzar l'accés del membre. Consulta com afegir pagaments a la teva aplicació per veure com encaixen el checkout, els webhooks i el mode de prova.

Vídeo i fitxers grans

Si el contingut inclou vídeo, fes servir un servei d'allotjament de vídeo pensat per a això en lloc de servir fitxers de vídeo grans des de la teva aplicació. Els allotjadors especialitzats gestionen la reproducció en flux, les diferents mides de pantalla i l'ample de banda. Les descàrregues, com els PDF i les plantilles, poden viure a l'emmagatzematge de fitxers de la teva aplicació, servides només als membres.

Un primer prompt per a un creador d'aplicacions amb IA

Descriu els membres, el contingut, els nivells i les regles:

Crea un lloc per a socis anomenat Field Notes per a aficionats a l'observació d'ocells. Pàgines públiques: una pàgina d'inici que expliqui la pertinença, tres articles gratuïts de mostra i una pàgina de preus amb un sol pla (mensual o anual). Els membres es registren i inicien sessió; els membres que paguen poden llegir tots els articles, descarregar guies de camp imprimibles (PDF) i veure una llista mensual d'esdeveniments. Els articles tenen títol, imatge de portada, cos, etiquetes i una marca de «només per a socis». Només retorna el contingut per a socis des del servidor quan l'usuari connectat tingui una subscripció activa; la resta veu una vista prèvia curta i un botó per subscriure's. Pàgina d'administració per afegir articles, pujar PDF i veure els membres. Desa les dades en una base de dades i els PDF a l'emmagatzematge de fitxers. Deixa el pagament com un botó de marcador de posició per ara; després afegirem les subscripcions de Stripe. Disseny càlid i llegible, adaptat al mòbil.

Afegeix l'inici de sessió i la facturació en passos separats, després que el contingut i les regles d'accés funcionin. Per saber-ne més sobre els prompts, consulta com escriure prompts per a creadors d'aplicacions amb IA.

Passos de construcció

1. Defineix l'oferta: què obtenen els membres, amb quina freqüència i a quin preu.
2. Construeix les pàgines públiques i el contingut de mostra. Aquí és on es guanyen els membres.
3. Construeix el model de contingut i l'àrea de membres amb dades de mostra.
4. Afegeix comptes: registre, inici de sessió, restabliment de la contrasenya. La nostra guia sobre com afegir inici de sessió a la teva aplicació explica les opcions.
5. Afegeix regles d'accés al servidor i prova-les desconnectat, com a membre gratuït i com a membre que paga.
6. Afegeix les subscripcions en mode de prova: checkout, webhooks i un enllaç al portal de facturació.
7. Gestiona els casos límit: pagaments fallits, cancel·lacions, reemborsaments, millores de nivell.
8. Afegeix el correu: benvinguda, rebuts, pagament fallit, contingut nou.
9. Prova tot el recorregut com a visitant nou, des de la pàgina d'entrada fins al primer article de pagament i la cancel·lació.
10. Passa els pagaments a mode real i llança-ho primer a un grup petit.

Errors habituals

• Amagar el contingut al navegador en lloc de protegir-lo al servidor. És l'error més comú i el més greu.
• Tallar l'accés just quan falla un pagament. Els pagaments amb targeta fallen per motius corrents. Dona als membres un període de gràcia i envia'ls un recordatori.
• Fer difícil la cancel·lació. Els fluxos de cancel·lació complicats generen devolucions de càrrec i queixes, i en alguns llocs incompleixen les normes de consum.
• Llançar-se amb poc contingut. Un membre que s'uneix i només troba tres articles es cancel·la. Llança amb prou contingut per recompensar el primer mes.
• Massa nivells en el llançament. Comença amb un o dos.
• Cap pla per al contingut continuat. El lloc només val el que arriba el mes següent.
• Guardar l'estat del pagament només a la teva base de dades. Es desincronitzarà. Sincronitza-ho amb el proveïdor de facturació mitjançant webhooks.

Costos i eines

Cal comptar amb pagar l'allotjament, una base de dades, l'emmagatzematge de fitxers, un proveïdor de correu i les comissions de processament de pagaments per a cada cobrament. L'allotjament de vídeo és un servei addicional si fas servir vídeo. Consulta la pàgina de preus actual de cada proveïdor, perquè les tarifes canvien. Les plataformes per a socis solen cobrar una quota mensual, un percentatge dels ingressos o les dues coses, cosa que pot ser més simple a petita escala i més cara a mesura que creixes.

Quan és millor un producte ja fet

Si vens contingut estàndard —publicacions, vídeos, un butlletí, una comunitat— a una audiència que ja tens, una plataforma de creadors o de socis et permetrà vendre més de pressa, amb facturació, correu i una aplicació de membre ja construïdes. Algunes d'aquestes plataformes també aporten funcions de descobriment que ajuden nous membres a trobar-te. Construeix-ho tu mateix quan la pertinença estigui lligada a una eina o a un directori a mida, quan necessitis una experiència específica que les plataformes no poden oferir, o quan vulguis ser propietari de les dades dels membres i del codi.

Construir-ho amb Mythex

Mythex pot construir el lloc descrit més amunt: pàgines públiques, un model de contingut, una àrea de membres i una pàgina d'administració, amb una base de dades Postgres pròpia i emmagatzematge de fitxers per a les descàrregues. Hi ha dues parts que cal portar tu, i convé saber-ho des del principi. L'inici de sessió dels membres fa servir un enfocament d'autenticació que tu tries —correu i contrasenya a la teva pròpia base de dades, o un proveïdor allotjat—, que l'agent connecta. Les subscripcions fan servir el teu propi compte de Stripe, amb les claus guardades com a secrets del projecte i els webhooks gestionats pel backend de la teva aplicació.

La documentació explica com afegir inici de sessió, acceptar pagaments amb Stripe i gestionar els webhooks. Per començar, consulta la plantilla de web de subscripció de notícies o el constructor de web per a associacions de socis.

Preguntes