Com crear un portal de clients: fitxers, estat, factures i permisos

Un portal de clients és una àrea privada on cadascun dels teus clients inicia sessió per veure l'estat del seu projecte, els fitxers compartits, les sol·licituds obertes i les factures. Per construir-ne un, defineix exactament què ha de veure un client en els primers deu segons, modela clients, projectes i fitxers de manera que cada registre pertanyi a un sol client, fes complir al servidor que els clients només veuen els seus propis registres, i guarda les pujades en un emmagatzematge privat. La llista de funcionalitats pot ser curta; el que importa és fer bé els permisos.

Per què les empreses construeixen portals de clients

Els portals solen substituir una pila de fils de correu, carpetes compartides i missatges de «com va?». Agències, comptables, consultors, constructors, estudis i empreses de serveis els fan servir tots. Un bon portal:

• Respon la pregunta sobre l'estat abans que el client la faci.
• Posa els fitxers en un sol lloc, amb la darrera versió òbvia.
• Dona a les sol·licituds una llar pròpia en lloc de correus dispersos.
• Fa que sembleu organitzats, cosa que importa per a la retenció i les recomanacions.

Si tens un o dos clients i res de sensible, potser n'hi ha prou amb un document o una carpeta compartida. Un portal val la pena quan tens molts clients, feina repetitiva, o informació que els clients no haurien de veure sobre els altres.

Què necessita un portal de clients

Comença amb l'inici de sessió, la visió general, els fitxers i les sol·licituds. Afegeix factures, aprovacions i missatgeria quan els clients realment ho necessitin.

Les dades

Un portal típic té: clients (empreses), usuaris de client (les persones que inicien sessió, pertanyents a un client), els teus membres d'equip, projectes (que pertanyen a un client), fites o actualitzacions d'estat, fitxers (que pertanyen a un projecte), sol·licituds i, opcionalment, factures. La regla de disseny clau: cada registre hauria de remuntar-se a exactament un client. Així els permisos són senzills de fer complir i de comprovar.

Permisos

Escriu-los i prova-los:

• Un usuari de client només veu els projectes, fitxers, sol·licituds i factures que pertanyen al seu client.
• Les notes internes mai es mostren als clients.
• Els membres de l'equip veuen els clients que tenen assignats, o tots els clients si ets petit.
• Els enllaços als fitxers són privats i amb caducitat, no URLs públiques que qualsevol pugui compartir o endevinar.
• Eliminar un usuari de client li treu l'accés immediatament.

Les comprovacions han de fer-se al servidor. Un portal que carrega les dades de tots els clients i les filtra al navegador no és privat.

Decisions i contrapartides

Mètode d'inici de sessió

Els clients inicien sessió poc sovint, així que oblidin les contrasenyes. Els enllaços màgics (un enllaç d'inici de sessió enviat per correu) o l'inici de sessió únic amb un compte que ja fan servir sovint funcionen millor que les contrasenyes per als portals. Sigui quina sigui l'opció, convida els clients des de la teva banda en lloc de deixar que qualsevol es registri. La nostra guia sobre com afegir inici de sessió a la teva app compara les opcions.

Un portal o un per client

Una sola app amb una llista de clients és més fàcil de mantenir que un lloc separat per a cada client. Encara pots donar a cada client un aspecte de marca propi —el seu logotip, els noms dels seus projectes— dins de la mateixa app.

Fitxers

Fes servir un emmagatzematge de fitxers adequat en lloc de desar les pujades al disc del servidor, estableix una mida màxima de fitxer, restringeix els tipus de fitxer si pots, i serveix els fitxers només als usuaris que superen la comprovació de permisos. Decideix com funcionen les versions: sobreescriure, o conservar l'historial.

Factures i pagaments

Pots mostrar factures del teu programari de comptabilitat, generar factures senzilles dins del portal, o enllaçar a una pàgina de pagament allotjada. Construir un sistema de facturació complet és un projecte en si mateix; consulta com construir una app de facturació. Per a un portal, mostrar l'estat de la factura i un enllaç «Paga ara» a un checkout allotjat sol ser suficient.

Integracions

Molts portals extreuen l'estat d'eines que ja fas servir —un gestor de projectes, un CRM o un programari de comptabilitat— en lloc de demanar-te que actualitzis dos llocs. Les integracions estalvien temps però afegeixen configuració i manteniment. Si el teu equip ja treballa amb un CRM, considera construir el portal sobre les mateixes dades.

Un primer prompt per a un constructor d'IA

Construeix un portal de clients per a Northlight, una petita agència de disseny web. Els clients són empreses; cadascuna té un o més usuaris de client que inicien sessió. Els usuaris de client només veuen els projectes de la seva pròpia empresa. Per a cada projecte: estat actual (Descobriment, Disseny, Construcció, Revisió, En línia), pròxim hito amb data, una àrea de fitxers on les dues parts puguin pujar i descarregar (PDF, imatges, ZIP, màxim 50 MB), un formulari de sol·licitud (títol, detalls, prioritat) amb una llista de les seves sol·licituds anteriors i el seu estat, i una línia de temps d'actualitzacions. El personal de l'agència veu una àrea d'administració amb tots els clients, pot canviar l'estat dels projectes, publicar actualitzacions, afegir notes internes que els clients mai no veuen, i respondre sol·licituds. Fes complir totes les regles d'accés al servidor. Desa les dades en una base de dades i els fitxers en un emmagatzematge privat amb enllaços de descàrrega amb caducitat. Inici de sessió provisional de moment; afegirem l'autenticació real després. Disseny net i professional que funcioni als telèfons.

Construeix per passos: primer les dades i l'administració, després la vista del client, després l'inici de sessió real, després els fitxers i després els extres. Com escriure prompts per a constructors d'apps amb IA té més patrons.

Passos de construcció

1. Llista què ha de veure primer un client, i sobre què t'escriu ara per correu.
2. Dissenya les dades de manera que cada registre pertanyi a un client.
3. Construeix la vista d'administració i introdueix les dades d'un client real.
4. Construeix la vista del client per a aquest client.
5. Afegeix un inici de sessió real amb invitacions des de la teva banda.
6. Afegeix fitxers en un emmagatzematge privat amb comprovació de permisos en cada descàrrega.
7. Prova els permisos: crea dos clients de prova i prova totes les maneres de veure les dades de l'altre: canviar els ID a la URL, endevinar enllaços de fitxers, fer servir una invitació antiga.
8. Afegeix sol·licituds i notificacions per correu.
9. Fes una prova pilot amb un o dos clients amables i pregunta'ls què encara et demanen per correu.
10. Afegeix factures, aprovacions o integracions segons aquesta retroalimentació.

Errors habituals

• Filtrar al navegador en lloc del servidor. L'error més greu d'un portal: es descarreguen les dades de tots els clients, només que queden ocultes.
• URLs públiques de fitxers. Un enllaç compartit que qualsevol pot obrir invalida el portal.
• Registre obert. Els clients han de ser convidats, no poder crear els seus propis comptes i triar una empresa.
• Massa funcionalitats al llançament. Un portal que els clients no entenen s'ignora a favor del correu.
• Dues fonts de veritat. Si l'estat viu al teu gestor de projectes i al portal, un dels dos quedarà desactualitzat. Tria'n un o sincronitza'ls.
• Oblidar la baixa. Quan un membre de l'equip del client marxa, el seu accés ha d'acabar.
• Guardar dades regulades sense les proteccions adequades. Els registres mèdics, legals o financers poden tenir requisits legals que has de complir.

Costos i eines

Les despeses corrents són l'allotjament, una base de dades, l'emmagatzematge de fitxers (que creix amb els fitxers que comparteixes) i un proveïdor de correu per a les invitacions i notificacions. Si fas servir un proveïdor d'inici de sessió o de pagaments allotjat, comprova els preus actuals al seu propi lloc web. Comparat amb el programari de portals per usuari, els costos del teu propi portal creixen amb l'ús en lloc de creixer amb el nombre de clients.

Quan és millor un producte ja fet

El programari de portals de clients, i els portals integrats en eines de comptabilitat, assessoria o gestió professional, poden ser millor opció quan el teu sector té requisits específics —signatures electròniques amb validesa legal, registres regulats, intercanvi de documents fiscals—, o quan la teva eina actual ja inclou un portal. Aquests productes ja han resolt el compliment i el suport. Construeix el teu propi quan el teu flux de treball no encaixi en els portals genèrics, quan vulguis que el portal coincideixi exactament amb la teva marca i el teu procés, o quan el preu per client o per usuari ja no tingui sentit per a tu.

Construir-ho amb Mythex

Mythex pot construir el portal del prompt de dalt: una vista de client, una vista d'administració, sol·licituds i una línia de temps, amb una base de dades Postgres dedicada i emmagatzematge de fitxers afegits quan l'app els necessiti. L'inici de sessió dels clients el decideixes tu —els comptes de Mythex són per a les persones que construeixen l'app, i tu tries un enfocament d'autenticació per als teus clients que l'agent connecta. Mythex no té un producte integrat de signatura electrònica ni de facturació, així que això són integracions o funcionalitats que construeixes. Fes servir secrets del projecte per a qualsevol clau d'API, i el provador d'apps del xat per recórrer els fluxos de client i d'administració abans de publicar.

La documentació té un cas d'ús de portal de clients i cobreix emmagatzematge de fitxers i afegir inici de sessió. Per a un prompt inicial, prova la plantilla de portal de clients per a agències o explora les plantilles d'apps. Abans d'invitar clients reals, repassa la nostra llista de seguretat per a apps creades amb IA.

Preguntes