A Client Portal Built in 30 Minutes, No Code

Kundenportal in 30 Min – kein Code nötig

🇬🇧 English

Build a No-Code Client Portal in 30 Minutes

Clients want transparency. They want to log in somewhere, see the status of their project, download their files, and feel like they're working with a professional team. The problem? Building a custom client portal traditionally costs thousands of euros and weeks of developer time.

Not anymore. With softr, you can build a fully functional, beautifully designed client portal in under 30 minutes — no code, no developer, no stress.

What Is a No-Code Client Portal?

A client portal is a private, password-protected web app where your clients can:

  • View the status of their project or order
  • Download files, invoices, or reports
  • Submit requests or fill in forms
  • Communicate with your team
  • Access personalised dashboards

Traditionally this required a custom-built web application. Today, tools like softr connect directly to Airtable or Google Sheets and turn your data into a live, branded web portal — no backend required.

Why Softr Is the Right Tool for This

softr is a no-code app builder specifically designed for turning databases into functional web apps and portals. It sits on top of Airtable (or Google Sheets) and gives you drag-and-drop blocks for lists, tables, forms, file uploads, and user authentication.

Key reasons to use softr for client portals:

  • Built-in user authentication — clients log in with email and see only their own data
  • Conditional visibility — show or hide sections based on user role or status
  • Airtable integration — your data stays in a spreadsheet you already know
  • Custom domains — brand it as your own (e.g. portal.youragency.com)
  • Mobile responsive — looks great on any device

Step-by-Step: Build Your Client Portal in 30 Minutes

Step 1 — Set Up Your Airtable Base (5 minutes)

Create a new Airtable base with at least two tables:

  • Clients — Name, Email, Company, Plan
  • Projects — Project Name, Status, Linked Client, Due Date, Files

Add a few rows of test data. Make sure every project row is linked to a client email — this is what softr uses to filter data per user.

Step 2 — Connect Softr to Airtable (3 minutes)

Open softr, create a new app, and choose the Client Portal template. Connect your Airtable base by entering your API key and selecting the correct base and table. softr will immediately pull in your fields.

Step 3 — Configure User Authentication (5 minutes)

In the softr settings panel, enable Magic Link or email/password login. Set your Users source to the Clients table in Airtable. This means anyone in that table can log in and will only see records where their email matches.

Step 4 — Build the Dashboard Blocks (10 minutes)

This is where softr shines. Drag and drop the following blocks onto your home page:

  • Hero block — personalised greeting using a dynamic field like Hello, {First Name}
  • List block — shows all projects linked to the logged-in client
  • Details block — click a project to see full details, status, and attachments
  • Form block — let clients submit a support request or new project brief

Each block in softr has a filter option. Set it to Logged-in User Email = Email field in Airtable and your data is automatically scoped per client.

Step 5 — Brand and Publish (7 minutes)

Upload your logo, set your brand colours, choose a font, and add your custom domain in the softr settings. Hit publish. Your portal is live.

Real-World Use Cases

This setup works for a wide range of businesses and freelancers:

  • Marketing agencies — share campaign reports, approve content, download assets
  • Web designers — show project milestones, collect feedback, deliver final files
  • Consultants — share documents, meeting notes, and invoice history
  • SaaS founders — build a lightweight customer dashboard without hiring engineers

Extend It With Automation

Once your softr portal is live, you can layer automation on top. Connect Airtable to Make (formerly Integromat) or Zapier to:

  • Automatically notify clients by email when their project status changes
  • Create new project rows in Airtable when a client submits a form in softr
  • Sync data from external tools (CRM, project management) into the portal

This turns your static portal into a living, automated workspace that updates itself.

Final Thoughts

A professional client portal used to be a luxury only large agencies could afford. With softr, it takes 30 minutes and costs a fraction of what custom development would. Your clients get the transparency they crave. You get fewer status-update emails cluttering your inbox.

Start with a template, customise it to your brand, and launch it today. Your clients will notice the difference immediately.

This post was created with tools we use and recommend: n8n for workflow automation, Turbotic as an AI-native automation alternative, ElevenLabs for AI voiceover, Placid for visual content creation, and Hostinger for reliable VPS hosting. Some links are affiliate links.

🇩🇪 Deutsch

Ein No-Code-Kundenportal in 30 Minuten bauen

Kunden wollen Transparenz. Sie möchten sich einloggen, den Status ihres Projekts sehen, Dateien herunterladen und das Gefühl haben, mit einem professionellen Team zusammenzuarbeiten. Das Problem? Ein individuelles Kundenportal kostet traditionell Tausende von Euro und Wochen Entwicklerzeit.

Das muss nicht sein. Mit softr baust du ein vollständig funktionsfähiges, ansprechend gestaltetes Kundenportal in unter 30 Minuten — kein Code, kein Entwickler, kein Stress.

Was ist ein No-Code-Kundenportal?

Ein Kundenportal ist eine passwortgeschützte Web-App, in der deine Kunden folgendes tun können:

  • Den Status ihres Projekts oder ihrer Bestellung einsehen
  • Dateien, Rechnungen oder Berichte herunterladen
  • Anfragen stellen oder Formulare ausfüllen
  • Mit deinem Team kommunizieren
  • Personalisierte Dashboards aufrufen

Früher war dafür eine individuell entwickelte Webanwendung nötig. Heute verbindet ein Tool wie softr deine Daten direkt mit Airtable oder Google Sheets und verwandelt sie in ein Live-Portal mit eigenem Branding — ganz ohne Backend.

Warum Softr das richtige Tool dafür ist

softr ist ein No-Code-App-Builder, der speziell dafür entwickelt wurde, Datenbanken in funktionale Web-Apps und Portale zu verwandeln. Es setzt auf Airtable (oder Google Sheets) auf und bietet dir Drag-and-Drop-Blöcke für Listen, Tabellen, Formulare, Datei-Uploads und Benutzerauthentifizierung.

Die wichtigsten Gründe, warum du softr für Kundenportale nutzen solltest:

  • Eingebaute Benutzerauthentifizierung — Kunden loggen sich per E-Mail ein und sehen nur ihre eigenen Daten
  • Bedingte Sichtbarkeit — Bereiche ein- oder ausblenden basierend auf Benutzerrolle oder Status
  • Airtable-Integration — deine Daten bleiben in einer Tabelle, die du bereits kennst
  • Eigene Domain — als eigene Marke präsentieren (z. B. portal.deineagentur.de)
  • Mobiloptimiert — auf jedem Gerät perfekt dargestellt

Schritt für Schritt: Dein Kundenportal in 30 Minuten

Schritt 1 — Airtable-Basis einrichten (5 Minuten)

Erstelle eine neue Airtable-Basis mit mindestens zwei Tabellen:

  • Kunden — Name, E-Mail, Unternehmen, Paket
  • Projekte — Projektname, Status, verknüpfter Kunde, Fälligkeitsdatum, Dateien

Füge ein paar Testdatensätze ein. Stelle sicher, dass jede Projektzeile mit einer Kunden-E-Mail verknüpft ist — das ist es, womit softr die Daten pro Benutzer filtert.

Schritt 2 — Softr mit Airtable verbinden (3 Minuten)

Öffne softr, erstelle eine neue App und wähle das Client Portal-Template. Verbinde deine Airtable-Basis durch Eingabe deines API-Schlüssels und wähle die richtige Basis sowie Tabelle aus. softr liest deine Felder sofort ein.

Schritt 3 — Benutzerauthentifizierung konfigurieren (5 Minuten)

Aktiviere im softr-Einstellungsbereich den Magic Link oder E-Mail/Passwort-Login. Setze deine Benutzerquelle auf die Kunden-Tabelle in Airtable. Das bedeutet: Jede Person in dieser Tabelle kann sich einloggen und sieht nur Datensätze, bei denen ihre E-Mail übereinstimmt.

Schritt 4 — Dashboard-Blöcke aufbauen (10 Minuten)

Hier glänzt softr besonders. Ziehe folgende Blöcke per Drag-and-Drop auf deine Startseite:

  • Hero-Block — personalisierte Begrüßung mit einem dynamischen Feld wie Hallo, {Vorname}
  • Listen-Block — zeigt alle Projekte des eingeloggten Kunden
  • Detail-Block — Klick auf ein Projekt zeigt alle Details, Status und Anhänge
  • Formular-Block — Kunden können eine Supportanfrage oder ein neues Projektbriefing einreichen

Jeder Block in softr hat eine Filteroption. Stelle sie auf E-Mail des eingeloggten Benutzers = E-Mail-Feld in Airtable ein, und deine Daten werden automatisch pro Kunde eingegrenzt.

Schritt 5 — Branding und Veröffentlichung (7 Minuten)

Lade dein Logo hoch, stelle deine Markenfarben und eine Schriftart ein, und füge deine eigene Domain in den softr-Einstellungen hinzu. Klicke auf „Veröffentlichen". Dein Portal ist live.

Praxisbeispiele

Dieses Setup funktioniert für eine Vielzahl von Unternehmen und Freelancern:

  • Marketing-Agenturen — Kampagnenberichte teilen, Inhalte freigeben, Assets herunterladen
  • Webdesigner — Projektmeilensteine zeigen, Feedback einholen, finale Dateien übergeben
  • Berater — Dokumente, Besprechungsnotizen und Rechnungshistorie bereitstellen
  • SaaS-Gründer — ein leichtgewichtiges Kunden-Dashboard bauen, ohne Entwickler einzustellen

Mit Automatisierung erweitern

Sobald dein softr-Portal live ist, kannst du Automatisierungen darüber legen. Verbinde Airtable mit Make (ehemals Integromat) oder Zapier, um:

  • Kunden automatisch per E-Mail zu benachrichtigen, wenn sich ihr Projektstatus ändert
  • Neue Projektzeilen in Airtable zu erstellen, wenn ein Kunde ein Formular in softr einreicht
  • Daten aus externen Tools (CRM, Projektmanagement) ins Portal zu synchronisieren

So wird dein statisches Portal zu einem lebendigen, automatisierten Arbeitsbereich, der sich selbst aktualisiert.

Fazit

Ein professionelles Kundenportal war früher ein Luxus, den sich nur große Agenturen leisten konnten. Mit softr dauert es 30 Minuten und kostet einen Bruchteil einer individuellen Entwicklung. Deine Kunden bekommen die Transparenz, die sie sich wünschen. Du bekommst weniger Statusabfragen per E-Mail in deinem Postfach.

Starte mit einem Template, passe es an dein Branding an und gehe noch heute live. Deine Kunden werden den Unterschied sofort bemerken.

Dieser Beitrag wurde mit Tools erstellt, die wir selbst nutzen und empfehlen: n8n für Workflow-Automatisierung, Turbotic als KI-native Automatisierungsalternative, ElevenLabs für KI-Voiceover, Placid für visuelle Content-Erstellung und netcup für zuverlässiges VPS-Hosting in Deutschland. Einige Links sind Affiliate-Links.