🚀 Partnership inquiries: fahim@fahimai.com | Trusted by 250,000+ monthly readers across 17 languages 🔥

🚀 Partnership inquiries: fahim@fahimai.com

How to Use Softr: Launch Your First App in 2026

by | Last updated Aug 20, 2026

Quick Start

This step by step guide covers every Softr feature:

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.

How to use Softr

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:

Softr

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:

softr top benefits

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:

Softr Visual Builder

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.

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:

Softr Templates and Blocks

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:

Softr Integrations

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:

Softr White-Labeling

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:

Softr Custom Code

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:

How to use Softr Interface Actions

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:

AI Agents for Softr Databases: Build Smarter Tables with AI

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:

How to use a Softr app template (100 free templates available)

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:

Softr AI App Generator - a whole web app from a single prompt?!

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

ActionShortcut
Undo last editCtrl / Cmd + Z
Redo editCtrl / Cmd + Shift + Z
Save pageCtrl / Cmd + S
Open previewCtrl / 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.

softr homepage

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:

PlanPriceBest For
Free$0/monthTesting your first app on a Softr subdomain
Basic$49/monthSmall client portals with custom domains
Professional$139/monthGrowing teams that need more users and blocks
Business$269/monthBigger internal tools and heavier collaboration
EnterpriseCustomLarge 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 Pricing

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:

ToolBest ForPriceRating
SoftrPortals on Airtable$49/mo⭐ 4.5
BubbleFull custom logic$32/mo⭐ 4.4
BuzzyDesign-to-app builds$19/mo⭐ 4.2
GlideMobile-first apps$49/mo⭐ 4.5
SoftgenAI-generated web apps$20/mo⭐ 4.1
AdaloNative app stores$45/mo⭐ 4.2
Lovable aiPrompt-built projects$25/mo⭐ 4.4
EmergentAgent-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.

Related Articles