快速入门
This step by step guide covers every Softr feature:
- 入门 — Create a free account and connect your data source
- 如何使用可视化构建器 — arrange your pages by dragging blocks, no code required
- 如何使用模板和模块 — skip the blank canvas and start creating from a proven layout
- 如何使用集成 — connect Airtable, Google Sheets, Notion, SmartSuite and SQL databases
- 如何使用白标技术 — put your own brand and custom domains on every client-facing page
- 如何使用自定义代码 — add advanced features that pre-built blocks cannot cover on their own
- 如何使用 Interface Builder — control user groups, permissions and visibility settings for every block
- 如何使用数据库人工智能代理 — get easy data management help without writing formulas by hand
- 如何使用商业应用模板 — launch internal tools and client portals from a business-ready starting point
- 如何使用AI应用生成器 — describe your app in plain words and get a working draft
所需时间： 每部影片 5 分钟
本指南还包含以下内容： 专业提示 | 常见错误 | 故障排除 | 定价 | 替代方案
为什么信任本指南
I have used Softr for eight months and tested every feature covered here.
本教程源自实际操作经验，而非厂商提供的屏幕截图。
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教程
This How to Use Softr tutorial walks through every feature step by step, from your free account to publishing.
更柔和
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.
Softr入门指南
Before you get started with Softr, finish this one-time setup.
大约需要三分钟。
Here is what my own build looked like:
现在让我们一步一步来。
第一步：创建您的免费帐户
Open the Softr sign up page and create a free account.
Use your email address or sign in with Google.
✓ 检查点： 检查你的 收件箱 用于确认邮件。
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 浏览 按类别排列的模板。
这就是它的样子：
✓ 检查点： You should land in the editor with a starter page loaded.
步骤 3：连接数据源
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.
✅ 完成： 您已准备好使用以下任何功能。
如何使用 Softr 可视化构建器
可视化构建器 is the drag-and-drop canvas where you arrange pre-built blocks into a page.
以下是使用步骤。
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.
这就是它的样子：
✓ 检查点： 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.
✅ 结果： You have a working page built entirely by dragging and dropping.
💡 专业提示： Hover a block and click the three dots to duplicate it instead of rebuilding from scratch.
如何使用 Softr 模板和模块
模板和模块 give you ready-made layouts so you never start creating from an empty page.
以下是使用步骤。
步骤 1：浏览模板库
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.
这就是它的样子：
✓ 检查点： 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.
✅ 结果： Your first app is running in minutes instead of days.
💡 专业提示： Build your first Softr app from a template even if you plan to redesign it later.
如何使用 Softr Integrations
集成 link Softr to the tools your team already uses every day.
以下是使用步骤。
步骤 1：打开集成面板
Find Integrations in the left-hand menu of your workspace.
You will see native options plus Zapier 并制作。
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.
这就是它的样子：
✓ 检查点： 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 自动化 fire.
Real-time updates flow back into the table without a refresh.
✅ 结果： Repetitive tasks like alerts and status changes now run without you.
💡 专业提示： Send failed automations to a Slack channel so silent errors never pile up unseen.
How to Use Softr White-Labeller
白标 removes Softr branding so the app looks like part of your own website.
以下是使用步骤。
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.
这就是它的样子：
✓ 检查点： 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.
✅ 结果： Clients see your brand, not the platform behind it.
💡 专业提示： Match your app colours to your existing website so shared documents and links feel like one product.
如何使用 Softr 自定义代码
自定义代码 lets you go past the built-in blocks when a project needs something unusual.
以下是使用步骤。
步骤 1：添加自定义代码块
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.
这就是它的样子：
✓ 检查点： 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.
✅ 结果： You have advanced features that no pre-built block offers.
💡 专业提示： Comment every snippet with its purpose and date so future you knows why it exists.
如何使用 Softr Interface Builder
界面构建器 is where you decide who sees what once people sign in.
以下是使用步骤。
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.
这就是它的样子：
✓ 检查点： 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.
✅ 结果： Sensitive data stays hidden and Softr access matches real user needs.
💡 专业提示： Create a read-only group first, then add permissions as more users join the app.
如何使用 Softr 数据库 AI 代理
数据库人工智能代理 answers questions about your tables so you spend less time digging.
以下是使用步骤。
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.
这就是它的样子：
✓ 检查点： 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.
✅ 结果： Easy data management without hand-writing a single formula.
💡 专业提示： Ask the agent to explain its logic before applying anything to a live table.
如何使用 Softr 商业应用模板
商业应用模板 cover the app types most teams need on day one.
以下是使用步骤。
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.
这就是它的样子：
✓ 检查点： 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.
✅ 结果： A business-ready app without a developer on the payroll.
💡 专业提示： Start with one department, prove it works, then roll the same pattern out wider.
如何使用 Softr AI 应用生成器
AI应用生成器 builds a first draft from a plain description of what you want.
以下是使用步骤。
第一步：描述你的应用
Type what the app should do and who will use it.
Be specific about the pages and the data you plan to show.
步骤 2：查看生成的结构
Softr returns pages, blocks and sample fields you can edit.
Treat it as a draft, not a finished product.
这就是它的样子：
✓ 检查点： 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.
✅ 结果： You skip the blank page problem and start creating immediately.
💡 专业提示： Generate two or three versions from different prompts, then keep the best structure.
Softr 专业技巧和快捷方式
After eight months with Softr, here are the tips I actually use.
键盘快捷键
| 行动 | 捷径 |
|---|---|
| 撤销上次编辑 | Ctrl/Cmd + Z |
| 重新编辑 | Ctrl/Cmd + Shift + Z |
| 保存页面 | Ctrl/Cmd + S |
| 打开预览 | Ctrl/Cmd + P |
大多数人错过的隐藏功能
- 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.
避免常见的软性错误
Mistake #1: Publishing before you test the app
❌ 错误： Going live straight from the editor and hoping the layout holds on phones.
✅ 右图： Use preview mode on desktop and mobile, then publish once every page behaves.
Mistake #2: Leaving sensitive data visible
❌ 错误： Building every page for logged-in users and skipping visibility settings entirely.
✅ 右图： Add a user group per role and lock each block to the people who need it.
Mistake #3: Flat, messy tables
❌ 错误： Dumping everything into one wide sheet with no linked records.
✅ 右图： Organise data in relational tables with linked records before you connect it.
Softr故障排除
Problem: My list block shows nothing
原因： The block is bound to the wrong table, or a filter excludes every row.
使固定： Reopen the Source tab, confirm the table, then clear your conditional filters one by one.
Problem: A user sees a page they should not
原因： The page is public, so non-logged-in users can reach it directly by URL.
使固定： Set the page to logged-in users only, then assign it to specific user groups.
问题：我的自定义域名无法连接
原因： DNS records have not propagated, or the plan does not include custom domains.
使固定： Confirm your plan, recheck the CNAME record, then wait up to 24 hours.
📌 笔记： 如果以上方法均无法解决您的问题，请联系 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.
观看这段快速概览：
它包含以下主要特点：
- 可视化构建器： arrange your pages by dragging blocks, no code required
- 模板和模块： skip the blank canvas and start creating from a proven layout
- 集成： connect Airtable, Google Sheets, Notion, SmartSuite and SQL databases
- 白标： put your own brand and custom domains on every client-facing page
- 自定义代码： add advanced features that pre-built blocks cannot cover on their own
- 界面构建器： control user groups, permissions and visibility settings for every block
- 数据库人工智能代理： get easy data management help without writing formulas by hand
- 商业应用模板： launch internal tools and client portals from a business-ready starting point
- AI应用生成器： describe your app in plain words and get a working draft
如需完整评测，请参阅我们的 Softr 评论.
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 在 2026 年的成本：
| 计划 | 价格 | 最适合 |
|---|---|---|
| 自由的 | 每月 0 美元 | Testing your first app on a Softr subdomain |
| 基本的 | 每月 49 美元 | Small client portals with custom domains |
| 专业的 | 每月 139 美元 | Growing teams that need more users and blocks |
| 商业 | 每月 269 美元 | Bigger internal tools and heavier collaboration |
| 企业 | 风俗 | Large rollouts with custom terms |
免费试用： Yes, 14 days on the paid version so you can test advanced features first.
退款保证： 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.
💰 性价比最高： Basic — it unlocks custom domains at the lowest paid price.
软性材料与替代方案
Softr 与其他公司相比如何？以下是竞争格局：
| 工具 | 最适合 | 价格 | 等级 |
|---|---|---|---|
| 更柔和 | Portals on Airtable | 每月 49 美元 | ⭐ 4.5 |
| 气泡 | Full custom logic | 每月 32 美元 | ⭐ 4.4 |
| 嗡嗡 | Design-to-app builds | 每月 19 美元 | ⭐ 4.2 |
| 滑行 | 移动优先应用 | 每月 49 美元 | ⭐ 4.5 |
| Softgen | AI-generated web apps | 每月 20 美元 | ⭐ 4.1 |
| 阿达洛 | Native app stores | 每月 45 美元 | ⭐ 4.2 |
| 可爱的 人工智能 | Prompt-built projects | 每月 25 美元 | ⭐ 4.4 |
| 涌现 | Agent-driven builds | 每月 20 美元 | ⭐ 4.0 |
快速精选：
- 综合最佳： Softr — fastest route from a table to a portal with real permissions.
- 最佳预算： Buzzy — the cheapest entry point among these no-code tools.
- 最适合初学者： Softr — the editor explains itself as you go.
- Best for deep custom logic: Bubble — far more control, far steeper learning curve.
🎯 更柔和的替代方案
正在寻找 Softr 的替代方案？以下是一些最佳选择：
- 🚀 气泡： Full visual programming with workflows and logic that go well past block settings.
- 💰 嗡嗡声： Turns Figma designs into apps cheaply, good for design-led teams.
- 🎨 滑行： Polished mobile-first apps built straight from sheets and databases.
- ⚡ Softgen： Prompt-driven builder that ships a working draft in minutes.
- 👶 阿达洛： Beginner-friendly path to apps you can publish in the app stores.
- 🧠 可爱的人工智能： Generates real front-end code from prompts for developer-leaning teams.
- 🔧 新兴的： Agent-style builder aimed at people comfortable steering AI output.
完整列表请参见我们的 更柔和的替代方案 指导。
⚔️ 相比之下更柔软
以下是 Softr 与各竞争对手的对比情况：
- 软球 vs 泡沫球： 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.
- Softer 与 Glide： Glide feels better on phones, Softr handles client portals more cleanly.
- Softr 与 Softgen： Softgen drafts faster, Softr gives you a stable editor to maintain.
- Softr 对比 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.
- 软性与新兴性： Emergent leans experimental, Softr is the safer pick for client work.
立即开始使用 Softr
你已经学会了如何使用 Softr 的所有主要功能：
- ✅ 可视化构建器
- ✅ 模板和模块
- ✅ 集成
- ✅ 白标定制
- ✅ 自定义代码
- ✅ 界面构建器
- ✅ 数据库人工智能代理
- ✅ 商业应用模板
- ✅ AI 应用生成器
下一步： 选择一项功能，立即试用。
大多数人都是从可视化构建器开始的。
只需不到5分钟。
常见问题解答
Softr 容易使用吗？
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.
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.
我可以免费使用Softr吗？
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.
Softr适合初学者吗？
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.
English 
Spanish 
Chinese 
German 
French 
Arabic 
Russian 
Portuguese 
Japanese 
Korean 
Italian 
Turkish 
Dutch 
Polish 
Indonesian 
Thai 
Vietnamese 