Quick Start

This step by step guide covers every Softr feature:
- Getting Started — Create a free account and connect your data source
- How to Use Visual Builder — arrange your pages by dragging blocks, no code required
- How to Use Templates and Blocks — skip the blank canvas and start creating from a proven layout
- How to Use Integrations — connect Airtable, Google Sheets, Notion, SmartSuite and SQL databases
- How to Use White-Labeling — put your own brand and custom domains on every client-facing page
- How to Use Custom Code — add advanced features that pre-built blocks cannot cover on their own
- How to Use Interface Builder — control user groups, permissions and visibility settings for every block
- How to Use Database AI Agent — get easy data management help without writing formulas by hand
- How to Use Business App Templates — launch internal tools and client portals from a business-ready starting point
- How to Use AI App Generator — describe your app in plain words and get a working draft
Time needed: 5 minutes per feature
Also in this guide: Pro Tips | Common Mistakes | Troubleshooting | Pricing | Alternatives
Why Trust This Guide
I have used Softr for eight months and tested every feature covered here.
This tutorial comes from real hands-on work, not vendor screenshots.

Softr sits near the top of the no-code app builders market right now.
It turns a spreadsheet into a real web app that people can log into.
But most users stop after their first Softr app and never touch permissions or integrations.
This guide shows you how to use Softr end to end, with screenshots and pro tips.
Softr Tutorial
This How to Use Softr tutorial walks through every feature step by step, from your free account to publishing.

Softr
Turn Airtable, Google Sheets or Notion into a working web app in an afternoon. Softr handles logins, user groups and client portals for you. Start on the free plan, no card needed.
Getting Started with Softr
Before you get started with Softr, finish this one-time setup.
It takes about three minutes.
Here is what my own build looked like:

Now let’s walk through each step.
Step 1: Create Your Free Account
Open the Softr sign up page and create a free account.
Use your email address or sign in with Google.
✓ Checkpoint: Check your inbox for the confirmation email.
Step 2: Pick a Softr Template or Start From Scratch
Softr runs in the browser, so there is nothing to download.
Type a keyword into the search bar or browse templates by category.
Here’s what this looks like:

✓ Checkpoint: You should land in the editor with a starter page loaded.
Step 3: Connect Your Data Source
Click the Select Data Source dropdown in the Source tab.
Softr connects to an Airtable backend, Google Sheets, Notion, SmartSuite, SQL databases and Xano.
Map each column to the matching element in your block.
✅ Done: You are ready to use any feature below.
How to Use Softr Visual Builder
Visual Builder is the drag-and-drop canvas where you arrange pre-built blocks into a page.
Here’s how to use it step by step.
Step 1: Open the Page You Want to Customize
Pick a page from the left-hand menu inside the editor.
Every block on that page can be moved, hidden or removed.
Step 2: Drag a Block Into Place
Drag a list, form or chart block onto the canvas.
Swap the placeholder text for your own headline and button labels.
Here’s what this looks like:

✓ Checkpoint: Your new block appears on the page with live data inside it.
Step 3: Bind the Block to Your Data
Open the Source tab and choose the table you want to show.
Not a single line of code is required at any point.
✅ Result: You have a working page built entirely by dragging and dropping.
💡 Pro Tip: Hover a block and click the three dots to duplicate it instead of rebuilding from scratch.
How to Use Softr Templates and Blocks
Templates and Blocks give you ready-made layouts so you never start creating from an empty page.
Here’s how to use it step by step.
Step 1: Browse the Template Gallery
Filter templates by category, such as portals, directories or dashboards.
Explore a few live demos before you commit to one.
Step 2: Load Your Chosen Softr Template
Click Use Template and Softr copies every page into your workspace.
The sample data comes with it so nothing looks broken.
Here’s what this looks like:

✓ Checkpoint: The template loads with all pages, blocks and navigation in place.
Step 3: Replace the Sample Content
Swap the demo records for your own and delete blocks you do not need.
✅ Result: Your first app is running in minutes instead of days.
💡 Pro Tip: Build your first Softr app from a template even if you plan to redesign it later.
How to Use Softr Integrations
Integrations link Softr to the tools your team already uses every day.
Here’s how to use it step by step.
Step 1: Open the Integrations Panel
Find Integrations in the left-hand menu of your workspace.
You will see native options plus Zapier and Make.
Step 2: Connect Your Automation Tool
Authorise the connection and pick a trigger, such as new records being added.
Softr also has built-in workflows for Slack alerts and record updates.
Here’s what this looks like:

✓ Checkpoint: Your test row appears in the connected tool within a few seconds.
Step 3: Test the Flow With One Record
Click Add Record in your app and watch the automation fire.
Real-time updates flow back into the table without a refresh.
✅ Result: Repetitive tasks like alerts and status changes now run without you.
💡 Pro Tip: Send failed automations to a Slack channel so silent errors never pile up unseen.
How to Use Softr White-Labeller
White-Labeling removes Softr branding so the app looks like part of your own website.
Here’s how to use it step by step.
Step 1: Upload Your Brand Assets
Add your logo, favicon and colours under the workspace settings.
Every page picks up the new look right away.
Step 2: Connect a Custom Domain
Paid plans support custom domains through a simple DNS record.
The free plan publishes to a Softr subdomain instead.
Here’s what this looks like:

✓ Checkpoint: Your domain resolves and the Softr badge is gone from the footer.
Step 3: Check the Client View
Open the live URL in a private window to see what a client sees.
✅ Result: Clients see your brand, not the platform behind it.
💡 Pro Tip: Match your app colours to your existing website so shared documents and links feel like one product.
How to Use Softr Custom Code
Custom Code lets you go past the built-in blocks when a project needs something unusual.
Here’s how to use it step by step.
Step 1: Add a Custom Code Block
Drop a code block onto the page from the block library.
This block is locked on the free plan, so upgrade first.
Step 2: Paste Your Snippet
Add your HTML, CSS or JavaScript and save the page.
Keep each snippet small so debugging stays simple.
Here’s what this looks like:

✓ Checkpoint: Your custom element renders inside the page without breaking the layout.
Step 3: Preview Before Publishing
Test the page on mobile and desktop before writing anything to production.
✅ Result: You have advanced features that no pre-built block offers.
💡 Pro Tip: Comment every snippet with its purpose and date so future you knows why it exists.
How to Use Softr Interface Builder
Interface Builder is where you decide who sees what once people sign in.
Here’s how to use it step by step.
Step 1: Create a Sign-In Page
Add the sign-in block so users get an account instead of open access.
Softr handles the login screen and password resets for you.
Step 2: Add User Groups for Each Role
To add user groups, click Users in the left-hand menu and open the User Groups tab.
Add users manually or with conditional filters based on their attributes.
Here’s what this looks like:
✓ Checkpoint: A test account sees only the pages you assigned to its group.
Step 3: Set Visibility Settings
Under the Visibility tab, show blocks to specific user groups only.
You can also split what logged-in users and non-logged-in users see.
✅ Result: Sensitive data stays hidden and Softr access matches real user needs.
💡 Pro Tip: Create a read-only group first, then add permissions as more users join the app.
How to Use Softr Database AI Agent
Database AI Agent answers questions about your tables so you spend less time digging.
Here’s how to use it step by step.
Step 1: Open the Database View
Select the table you want to work with inside Softr.
The agent reads the structure and column names automatically.
Step 2: Ask for What You Need
Type a plain request, such as cleaning duplicates or grouping records.
Review the suggested change before you apply it.
Here’s what this looks like:
✓ Checkpoint: The table updates and your record count matches what you expected.
Step 3: Apply and Verify
Accept the change, then spot-check a few rows against your source.
The point is to manage data quickly, not to hand the agent full control.
✅ Result: Easy data management without hand-writing a single formula.
💡 Pro Tip: Ask the agent to explain its logic before applying anything to a live table.
How to Use Softr Business App Templates
Business App Templates cover the app types most teams need on day one.
Here’s how to use it step by step.
Step 1: Pick Your Business Use Case
Choose from internal tools like dashboards, directories and inventory trackers.
Client portals and membership sites sit in the same gallery.
Step 2: Adapt the Template to Your Team
Rename pages, adjust fields and connect your own tables.
Delete any blocks that do not match how your team works.
Here’s what this looks like:
✓ Checkpoint: Your teammates can log in and reach only their assigned sections.
Step 3: Invite Your First Users
Send invites and confirm each person lands on the right page.
✅ Result: A business-ready app without a developer on the payroll.
💡 Pro Tip: Start with one department, prove it works, then roll the same pattern out wider.
How to Use Softr AI App Generator
AI App Generator builds a first draft from a plain description of what you want.
Here’s how to use it step by step.
Step 1: Describe Your App
Type what the app should do and who will use it.
Be specific about the pages and the data you plan to show.
Step 2: Review the Generated Structure
Softr returns pages, blocks and sample fields you can edit.
Treat it as a draft, not a finished product.
Here’s what this looks like:
✓ Checkpoint: A multi-page draft app appears in your workspace ready to edit.
Step 3: Connect Real Data and Refine
Swap the sample tables for your live data source and start building properly.
✅ Result: You skip the blank page problem and start creating immediately.
💡 Pro Tip: Generate two or three versions from different prompts, then keep the best structure.
Softr Pro Tips and Shortcuts
After eight months with Softr, here are the tips I actually use.
Keyboard Shortcuts
| Action | Shortcut |
|---|---|
| Undo last edit | Ctrl / Cmd + Z |
| Redo edit | Ctrl / Cmd + Shift + Z |
| Save page | Ctrl / Cmd + S |
| Open preview | Ctrl / Cmd + P |
Hidden Features Most People Miss
- Conditional filters on lists: Show each person only their own rows without duplicating pages.
- Preview as a user group: Hit the preview button and switch roles to test permissions fast.
- Block-level visibility: Hide one button instead of building a whole second page.
Softr Common Mistakes to Avoid
Mistake #1: Publishing before you test the app
❌ Wrong: Going live straight from the editor and hoping the layout holds on phones.
✅ Right: Use preview mode on desktop and mobile, then publish once every page behaves.
Mistake #2: Leaving sensitive data visible
❌ Wrong: Building every page for logged-in users and skipping visibility settings entirely.
✅ Right: Add a user group per role and lock each block to the people who need it.
Mistake #3: Flat, messy tables
❌ Wrong: Dumping everything into one wide sheet with no linked records.
✅ Right: Organise data in relational tables with linked records before you connect it.
Softr Troubleshooting
Problem: My list block shows nothing
Cause: The block is bound to the wrong table, or a filter excludes every row.
Fix: Reopen the Source tab, confirm the table, then clear your conditional filters one by one.
Problem: A user sees a page they should not
Cause: The page is public, so non-logged-in users can reach it directly by URL.
Fix: Set the page to logged-in users only, then assign it to specific user groups.
Problem: My custom domain will not connect
Cause: DNS records have not propagated, or the plan does not include custom domains.
Fix: Confirm your plan, recheck the CNAME record, then wait up to 24 hours.
📌 Note: If none of these fix your issue, contact Softr support.
What is Softr?
Softr is a no-code platform that turns your data into a working web app.
Think of it like a front end you bolt onto a spreadsheet you already trust.
Watch this quick overview:
It includes these key features:
- Visual Builder: arrange your pages by dragging blocks, no code required
- Templates and Blocks: skip the blank canvas and start creating from a proven layout
- Integrations: connect Airtable, Google Sheets, Notion, SmartSuite and SQL databases
- White-Labeling: put your own brand and custom domains on every client-facing page
- Custom Code: add advanced features that pre-built blocks cannot cover on their own
- Interface Builder: control user groups, permissions and visibility settings for every block
- Database AI Agent: get easy data management help without writing formulas by hand
- Business App Templates: launch internal tools and client portals from a business-ready starting point
- AI App Generator: describe your app in plain words and get a working draft
For a full review, see our Softr review.

Teams use it for internal tools, client portals, directories and simple membership sites.
It is beginner-friendly, so a non-technical team can easily build something useful.
The user community shares patterns and fixes worth copying.
Softr Pricing
Here’s what Softr costs in 2026:
| Plan | Price | Best For |
|---|---|---|
| Free | $0/month | Testing your first app on a Softr subdomain |
| Basic | $49/month | Small client portals with custom domains |
| Professional | $139/month | Growing teams that need more users and blocks |
| Business | $269/month | Bigger internal tools and heavier collaboration |
| Enterprise | Custom | Large rollouts with custom terms |
Free trial: Yes, 14 days on the paid version so you can test advanced features first.
Money-back guarantee: Not advertised, so treat the free plan and trial as your safety net.

Softr offers a free plan capped at 5 internal users and 100 external users.
Custom code blocks and several other blocks stay locked until you upgrade.
💰 Best Value: Basic — it unlocks custom domains at the lowest paid price.
Softr vs Alternatives
How does Softr compare? Here’s the competitive landscape:
| Tool | Best For | Price | Rating |
|---|---|---|---|
| Softr | Portals on Airtable | $49/mo | ⭐ 4.5 |
| Bubble | Full custom logic | $32/mo | ⭐ 4.4 |
| Buzzy | Design-to-app builds | $19/mo | ⭐ 4.2 |
| Glide | Mobile-first apps | $49/mo | ⭐ 4.5 |
| Softgen | AI-generated web apps | $20/mo | ⭐ 4.1 |
| Adalo | Native app stores | $45/mo | ⭐ 4.2 |
| Lovable ai | Prompt-built projects | $25/mo | ⭐ 4.4 |
| Emergent | Agent-driven builds | $20/mo | ⭐ 4.0 |
Quick picks:
- Best overall: Softr — fastest route from a table to a portal with real permissions.
- Best budget: Buzzy — the cheapest entry point among these no-code tools.
- Best for beginners: Softr — the editor explains itself as you go.
- Best for deep custom logic: Bubble — far more control, far steeper learning curve.
🎯 Softr Alternatives
Looking for Softr alternatives? Here are the top options:
- 🚀 Bubble: Full visual programming with workflows and logic that go well past block settings.
- 💰 Buzzy: Turns Figma designs into apps cheaply, good for design-led teams.
- 🎨 Glide: Polished mobile-first apps built straight from sheets and databases.
- ⚡ Softgen: Prompt-driven builder that ships a working draft in minutes.
- 👶 Adalo: Beginner-friendly path to apps you can publish in the app stores.
- 🧠 Lovable ai: Generates real front-end code from prompts for developer-leaning teams.
- 🔧 Emergent: Agent-style builder aimed at people comfortable steering AI output.
For the full list, see our Softr alternatives guide.
⚔️ Softr Compared
Here’s how Softr stacks up against each competitor:
- Softr vs Bubble: Softr wins on speed and simplicity, Bubble wins when you need custom logic.
- Softr vs Buzzy: Softr has stronger permissions, Buzzy is cheaper for design-first builds.
- Softr vs Glide: Glide feels better on phones, Softr handles client portals more cleanly.
- Softr vs Softgen: Softgen drafts faster, Softr gives you a stable editor to maintain.
- Softr vs Adalo: Adalo publishes to app stores, Softr is better for browser-based tools.
- Softr vs Lovable ai: Lovable ai writes code, Softr keeps everything inside a no-code editor.
- Softr vs Emergent: Emergent leans experimental, Softr is the safer pick for client work.
Start Using Softr Now
You learned how to use every major Softr feature:
- ✅ Visual Builder
- ✅ Templates and Blocks
- ✅ Integrations
- ✅ White-Labeling
- ✅ Custom Code
- ✅ Interface Builder
- ✅ Database AI Agent
- ✅ Business App Templates
- ✅ AI App Generator
Next step: Pick one feature and try it now.
Most people start with the Visual Builder.
It takes less than 5 minutes.
Frequently Asked Questions
Is Softr easy to use?
Yes. The drag-and-drop editor uses pre-built blocks, so a first app takes an afternoon. No code required, though permissions take a little practice to set up properly.
What can you do with Softr?
Build client portals, internal tools, directories, dashboards and membership sites. Softr connects to Airtable, Google Sheets, Notion, SmartSuite and SQL databases, then handles logins and access rules.
Can I use Softr for free?
Yes. The free plan allows 5 internal users and 100 external users on a Softr subdomain. Custom code and custom domains need a paid plan.
Is Softr good for beginners?
Yes. Templates, pre-built blocks and clear settings make it one of the friendlier no-code app builders. Most beginners publish a working app on their first day.
Is Softr good for SEO?
Softr handles page titles, descriptions and clean URLs on a custom domain. It is fine for a small marketing website, but weaker than a dedicated CMS.












