How to Build a Client Portal with Softr (No Coding Needed in 2026)

Go to softr.io and click 'Get started free' to create your account. You don't need a credit card. Once you're inside the Softr dashboard, click 'Create new app'. You'll see three options: Start from scratch, Create an app from data, or Build with AI. For a client portal, the fastest route is using the built-in Client Portal template. In the left sidebar, click 'Databases', then 'Start with template'. Browse the template library and find 'Client Portal'. Click 'Preview' to see what comes included — you'll get pre-built pages like Dashboard, Projects, Tasks, Clients, and Invoices, plus utility pages for Sign Up, Sign In, Reset Password, and User Settings. Click 'Use Template' to load it into your workspace. Once it loads, click on your app name at the top and rename it to something like 'Acme Client Portal', then click 'Save'. The template gives you a working structure immediately, so you spend your time customizing rather than building from zero. If you prefer full control over layout, choose 'Start from scratch' instead, but expect to spend an extra hour or two setting up pages manually.

Open a new tab and go to airtable.com. Create a new base and name it 'Client Portal Data'. Inside this base, create four tables: Users, Projects, Tasks, and Invoices. In the Users table, add these fields: Email (email type), Name (text), Role (single select with options 'Admin' and 'Client'), and Client_ID (number or text — this links clients to their own data). In the Projects table, add: Project Name, Status (single select: Active, Completed, On Hold), Client_ID (to match the Users table), Description, and Due Date. In the Tasks table, add: Task Name, Project (linked to Projects), Assignee, Due Date, Status, and Comments. In the Invoices table, add: Invoice Number, Client_ID, Amount, Status (Paid/Unpaid), and Due Date. Now add 2 to 3 sample clients as rows in the Users table with real-looking data so you can test how the portal filters information per user. This structured data in Airtable becomes the engine powering everything your portal displays. Airtable's free plan handles this easily for most small businesses.

Back in Softr Studio, click 'Users' in the left sidebar. You'll see an option to 'Sync with data source'. Click it and select Airtable from the list of integrations. You'll be prompted to connect your Airtable account — click 'Connect Airtable' and authorize the connection in the popup. Once connected, select your 'Client Portal Data' base, then choose the 'Users' table. Map the fields: match Airtable's Email field to Softr's Email field, and map Name, Role, and Client_ID to their corresponding fields. Click 'Save and Sync'. Softr will pull in your sample users immediately. To connect your other tables (Projects, Tasks, Invoices), you'll do this at the block level when building pages in the next steps — you'll point each list or detail block directly to the right Airtable table. If you'd rather avoid Airtable entirely, Softr has its own built-in Databases feature accessible from the left sidebar. It works similarly but keeps everything inside Softr. This is a good option if you want a simpler setup with fewer tools to manage. Test the sync now by checking that your sample users appear in the Softr Users tab.

This step is critical — it controls what each person sees when they log in. In Softr Studio, click 'Users' in the left sidebar, then select 'User Groups'. By default, Softr gives you two groups: 'Logged in' and 'Non logged in'. You need to add two more. Click 'Add Group' and name it 'Admin'. Set the condition to: field 'Role' equals 'Admin'. Click 'Add Group' again and name it 'Client'. Set the condition to: field 'Role' equals 'Client'. Now go to each page in your portal and set its visibility. Click on the Dashboard page, then find the 'Visibility' settings — set it to 'Logged in users only'. On any block that contains admin-only actions (like an 'Add Project' button or a 'Clients' management page), set visibility to 'Admin' group only. For blocks showing project lists, add a conditional filter using the variable {{current_user.Client_ID}} equals {{item.Client_ID}}. This ensures each client only sees their own projects — not everyone else's. Test this immediately by creating two test user accounts in Airtable (one Admin, one Client) and logging in as each. Confirm the Client account cannot see the admin pages and only sees their own filtered data.

Now you'll configure the actual pages your clients will use daily. Start with the Dashboard page. Click on it in the left sidebar, then click the '+' icon to add a block. Choose 'List' and connect it to your Airtable Projects table. Map the fields: Title to Project Name, Status to Status, and add a progress indicator if you have a percentage field. Set the client filter as described in Step 4. Next, set up the Projects page — add a List Grid block, connect to Projects, and configure the 'Add Record' button to be visible to Admin only. When a user clicks a project, it should open the Project Details page: click the list item settings and set the action to 'Open detail page'. On the Project Details page, add a 'List Details' block and map all project fields including description, files, and timeline. For file sharing, add a 'File Upload' block and connect it to a file field in your Airtable Projects table. On the Invoices page, add a list connected to your Invoices table with the same Client_ID filter. For branding, go to Settings in the left sidebar, then 'Theme'. Upload your logo, set your brand colors, and choose a font. All pages are automatically mobile-responsive — no extra work needed.

If you used the Client Portal template, Sign Up, Sign In, and Reset Password pages are already included. Check they're present by scrolling through your pages list in the left sidebar. Click on the Sign In page to preview it. It should have fields for email and password, plus a link to Sign Up. Click on the Sign Up page — it should collect email, password, and name at minimum. In the Sign Up block settings, you can add extra fields like 'Company Name' that map to your Airtable Users table. Go to Settings > Authentication and make sure 'Email verification' is turned on — this adds a confirmation email step that protects your portal from fake signups. Under 'Default user group', set new signups to automatically join the 'Client' group so they get client-level permissions by default. You as the admin can later upgrade specific users to Admin in the Users tab. You can also enable 'Magic link login' as an option — this lets clients log in via a link sent to their email instead of a password, which many users prefer. Test the full signup flow by registering a new email address and confirming the verification email arrives and works.

Before sharing with real clients, run a full test. In Softr Studio, click 'Preview' at the top right. Use the role switcher to preview as Admin, as a logged-in Client, and as a Guest (not logged in). Check every page: does the Dashboard show the right filtered projects? Can a client accidentally access the admin pages? Do file uploads work? Does the invoice list filter correctly by client? Open the mobile preview and check every page looks clean on a small screen. Fix any issues — the most common are blank fields (caused by mis-mapped Airtable columns) and broken filters (caused by missing Client_ID conditions on list blocks). Once everything checks out, click 'Publish' at the top of Softr Studio. Your portal goes live at a URL like yourappname.softr.app. On the free plan, you use this subdomain. On paid plans ($49/month), you can connect a custom domain like portal.yourbusiness.com. Share the link with 1 or 2 real clients first, ask for feedback, and iterate before rolling out to everyone. Monitor usage in Softr's built-in Analytics tab.