How to Use Softr to Create Client Portals — Step by Step
Building a client portal used to require a developer, weeks of work, and a hefty budget. With softr, that's no longer the case. softr is a no-code platform that lets you spin up fully functional client portals in hours — connected to your existing data in Airtable or Google Sheets.
Whether you're a freelancer managing project updates, an agency sharing reports, or a SaaS founder giving customers access to their data, softr has you covered. This guide walks you through every step.
What Is Softr?
softr is a no-code web app builder designed specifically for building internal tools, client portals, and membership sites on top of your existing data sources. It connects natively with Airtable, Google Sheets, HubSpot, and more, making it one of the fastest ways to go from data to a usable product.
Key features include:
- Drag-and-drop interface with pre-built blocks
- User authentication and role-based access control
- Native Airtable and Google Sheets integration
- Custom domains and white-labeling
- Conditional visibility and filtering
Step 1 — Sign Up and Choose a Template
Head to softr and create a free account. Once inside, you'll be prompted to start from scratch or pick a template. For client portals, choose the "Client Portal" template — it comes preloaded with pages like Dashboard, Projects, Files, and Invoices.
Templates in softr are fully customizable, so don't worry about being locked into a layout. They simply give you a head start.
Step 2 — Connect Your Data Source
The magic of softr lies in how it connects to your data. Go to Settings → Data Sources and link your Airtable base or Google Sheet. You'll need to authorize the connection and select the specific base or spreadsheet you want to use.
Structure your Airtable base with clear table names like:
- Clients — name, email, company
- Projects — title, status, deadline, linked client
- Files — document name, file URL, linked project
- Invoices — amount, due date, payment status
Once linked, softr can pull this data dynamically into your portal pages.
Step 3 — Build Your Portal Pages
In the softr editor, each page is built using blocks — pre-designed UI components. For a client portal, you'll typically use:
- List blocks — to display projects, tasks, or invoices
- Details blocks — to show individual record details
- Charts blocks — for visual reporting
- File embed blocks — to display PDFs or documents
- Form blocks — so clients can submit requests or feedback
Simply drag a block onto the page, connect it to your data source table, and map the fields you want to display. softr handles the rendering automatically.
Step 4 — Set Up User Authentication
One of softr's most powerful features is its built-in user management. Go to Settings → Users and enable authentication. You can:
- Require email/password login
- Enable magic link login (no password needed)
- Set up SSO with Google or other providers
- Invite clients manually or allow self-registration
Each user in softr can be assigned a user group (e.g., "Client", "Admin"), which controls what pages and data they can access.
Step 5 — Apply Conditional Visibility and Data Filtering
This is where softr really shines for client portals. You want each client to see only their own data, not everyone else's.
In the block settings, enable record filtering and set the filter condition to: "Client Email equals Logged-in User Email". This ensures every user sees only their relevant projects, invoices, or files — automatically.
You can also use conditional page visibility to show or hide entire pages based on user group. Admins see everything; clients see only what's relevant to them.
Step 6 — Customize the Design and Branding
softr lets you fully brand your portal. Under Settings → Branding, you can:
- Upload your logo and favicon
- Set brand colors and fonts
- Add a custom domain (e.g., portal.youragency.com)
- Remove softr branding (on paid plans)
A white-labeled portal looks far more professional to clients and builds trust in your brand.
Step 7 — Publish and Invite Clients
Once your portal is ready, hit Publish in the softr editor. Then go to Users → Invite Users and send email invitations to your clients. They'll receive a login link and land directly in their personalized dashboard.
You can also automate client invitations using softr's API or by connecting it to tools like Make or Zapier — adding new users automatically when a new client record is created in Airtable.
Pro Tips for a Better Client Portal
- Use a welcome page — give clients a clear overview of what they'll find in the portal
- Embed a chat widget — tools like Intercom or Crisp can be embedded into softr pages
- Add notification emails — trigger emails via Airtable automations when project status changes
- Use the softr API — for advanced integrations with your existing stack
Why Softr Is the Best No-Code Choice for Client Portals
softr strikes the perfect balance between ease of use and flexibility. Unlike generic website builders, it's purpose-built for data-driven apps. Unlike custom development, it requires zero coding. The result is a polished, secure, and scalable client portal that you can launch in a single afternoon.
If you're serious about saving time and impressing your clients, softr is one of the most valuable tools in your automation stack. Start your free trial today and build your first portal in hours, not weeks.
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.