Início rápido
This step by step guide covers every Softr feature:
- Começando — Create a free account and connect your data source
- Como usar o Construtor Visual — arrange your pages by dragging blocks, no code required
- Como usar modelos e blocos — skip the blank canvas and start creating from a proven layout
- Como usar as integrações — connect Airtable, Google Sheets, Notion, SmartSuite and SQL databases
- Como usar a marca branca — put your own brand and custom domains on every client-facing page
- Como usar código personalizado — add advanced features that pre-built blocks cannot cover on their own
- Como usar o Interface Builder — control user groups, permissions and visibility settings for every block
- Como usar o agente de IA de banco de dados — get easy data management help without writing formulas by hand
- Como usar modelos de aplicativos empresariais — launch internal tools and client portals from a business-ready starting point
- Como usar o gerador de aplicativos de IA — describe your app in plain words and get a working draft
Tempo necessário: 5 minutos por filme
Neste guia também: Dicas profissionais | Erros comuns | Solução de problemas | Preços | Alternativas
Por que confiar neste guia?
I have used Softr for eight months and tested every feature covered here.
Este tutorial é fruto de experiência prática real, não de capturas de tela de fornecedores.
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.
Tutorial Softr
This How to Use Softr tutorial walks through every feature step by step, from your free account to publishing.
Mais suave
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.
Primeiros passos com o Softr
Before you get started with Softr, finish this one-time setup.
Leva cerca de três minutos.
Here is what my own build looked like:
Agora vamos analisar cada etapa.
Passo 1: Crie sua conta gratuita
Open the Softr sign up page and create a free account.
Use your email address or sign in with Google.
✓ Ponto de verificação: Verifique o seu caixa de entrada para o e-mail de confirmação.
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 navegar Modelos por categoria.
Eis como isso se parece:
✓ Ponto de verificação: You should land in the editor with a starter page loaded.
Etapa 3: Conecte sua fonte de dados
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.
✅ Concluído: Você está pronto para usar qualquer um dos recursos abaixo.
Como usar o Softr Visual Builder
Construtor Visual is the drag-and-drop canvas where you arrange pre-built blocks into a page.
Veja como usá-lo passo a passo.
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.
Eis como isso se parece:
✓ Ponto de verificação: 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.
✅ Resultado: You have a working page built entirely by dragging and dropping.
💡 Dica profissional: Hover a block and click the three dots to duplicate it instead of rebuilding from scratch.
Como usar os modelos e blocos do Softr
Modelos e Blocos give you ready-made layouts so you never start creating from an empty page.
Veja como usá-lo passo a passo.
Passo 1: Navegue pela Galeria de Modelos
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.
Eis como isso se parece:
✓ Ponto de verificação: 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.
✅ Resultado: Your first app is running in minutes instead of days.
💡 Dica profissional: Build your first Softr app from a template even if you plan to redesign it later.
Como usar as integrações do Softr
Integrações link Softr to the tools your team already uses every day.
Veja como usá-lo passo a passo.
Passo 1: Abra o Painel de Integrações
Find Integrations in the left-hand menu of your workspace.
You will see native options plus Zapier e faça.
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.
Eis como isso se parece:
✓ Ponto de verificação: 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 automação fire.
Real-time updates flow back into the table without a refresh.
✅ Resultado: Repetitive tasks like alerts and status changes now run without you.
💡 Dica profissional: Send failed automations to a Slack channel so silent errors never pile up unseen.
How to Use Softr White-Labeller
Marca branca removes Softr branding so the app looks like part of your own website.
Veja como usá-lo passo a passo.
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.
Eis como isso se parece:
✓ Ponto de verificação: 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.
✅ Resultado: Clients see your brand, not the platform behind it.
💡 Dica profissional: Match your app colours to your existing website so shared documents and links feel like one product.
Como usar o código personalizado do Softr
Código personalizado lets you go past the built-in blocks when a project needs something unusual.
Veja como usá-lo passo a passo.
Passo 1: Adicionar um bloco de código personalizado
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.
Eis como isso se parece:
✓ Ponto de verificação: 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.
✅ Resultado: You have advanced features that no pre-built block offers.
💡 Dica profissional: Comment every snippet with its purpose and date so future you knows why it exists.
Como usar o Softr Interface Builder
Construtor de Interfaces is where you decide who sees what once people sign in.
Veja como usá-lo passo a passo.
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.
Eis como isso se parece:
✓ Ponto de verificação: 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.
✅ Resultado: Sensitive data stays hidden and Softr access matches real user needs.
💡 Dica profissional: Create a read-only group first, then add permissions as more users join the app.
Como usar o agente de IA do Softr Database
Agente de IA de banco de dados answers questions about your tables so you spend less time digging.
Veja como usá-lo passo a passo.
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.
Eis como isso se parece:
✓ Ponto de verificação: 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.
✅ Resultado: Easy data management without hand-writing a single formula.
💡 Dica profissional: Ask the agent to explain its logic before applying anything to a live table.
Como usar os modelos de aplicativos de negócios da Softr
Modelos de aplicativos empresariais cover the app types most teams need on day one.
Veja como usá-lo passo a passo.
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.
Eis como isso se parece:
✓ Ponto de verificação: 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.
✅ Resultado: A business-ready app without a developer on the payroll.
💡 Dica profissional: Start with one department, prove it works, then roll the same pattern out wider.
Como usar o gerador de aplicativos Softr AI
Gerador de Aplicativos de IA builds a first draft from a plain description of what you want.
Veja como usá-lo passo a passo.
Passo 1: Descreva seu aplicativo
Type what the app should do and who will use it.
Be specific about the pages and the data you plan to show.
Etapa 2: Analise a estrutura gerada
Softr returns pages, blocks and sample fields you can edit.
Treat it as a draft, not a finished product.
Eis como isso se parece:
✓ Ponto de verificação: 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.
✅ Resultado: You skip the blank page problem and start creating immediately.
💡 Dica profissional: Generate two or three versions from different prompts, then keep the best structure.
Dicas e Atalhos do Softr Pro
After eight months with Softr, here are the tips I actually use.
Atalhos de teclado
| Ação | Atalho |
|---|---|
| Desfazer a última edição | Ctrl/Cmd + Z |
| Refazer edição | Ctrl/Cmd + Shift + Z |
| Salvar página | Ctrl/Cmd + S |
| Abrir pré-visualização | Ctrl/Cmd + P |
Características ocultas que a maioria das pessoas não percebe
- 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.
Erros comuns a evitar
Mistake #1: Publishing before you test the app
❌ Errado: Going live straight from the editor and hoping the layout holds on phones.
✅ Direita: Use preview mode on desktop and mobile, then publish once every page behaves.
Mistake #2: Leaving sensitive data visible
❌ Errado: Building every page for logged-in users and skipping visibility settings entirely.
✅ Direita: Add a user group per role and lock each block to the people who need it.
Mistake #3: Flat, messy tables
❌ Errado: Dumping everything into one wide sheet with no linked records.
✅ Direita: Organise data in relational tables with linked records before you connect it.
Solução de problemas do Softr
Problem: My list block shows nothing
Causa: The block is bound to the wrong table, or a filter excludes every row.
Consertar: Reopen the Source tab, confirm the table, then clear your conditional filters one by one.
Problem: A user sees a page they should not
Causa: The page is public, so non-logged-in users can reach it directly by URL.
Consertar: Set the page to logged-in users only, then assign it to specific user groups.
Problema: Meu domínio personalizado não conecta.
Causa: DNS records have not propagated, or the plan does not include custom domains.
Consertar: Confirm your plan, recheck the CNAME record, then wait up to 24 hours.
📌 Observação: Se nenhuma dessas soluções resolver o seu problema, entre em contato com o suporte da Softr.
O que é Softr?
Mais suave 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.
Veja esta breve visão geral:
Inclui estas características principais:
- Construtor visual: arrange your pages by dragging blocks, no code required
- Modelos e blocos: skip the blank canvas and start creating from a proven layout
- Integrações: connect Airtable, Google Sheets, Notion, SmartSuite and SQL databases
- Marca branca: put your own brand and custom domains on every client-facing page
- Código personalizado: add advanced features that pre-built blocks cannot cover on their own
- Construtor de Interfaces: control user groups, permissions and visibility settings for every block
- Agente de IA para banco de dados: get easy data management help without writing formulas by hand
- Modelos de aplicativos empresariais: launch internal tools and client portals from a business-ready starting point
- Gerador de aplicativos de IA: describe your app in plain words and get a working draft
Para uma análise completa, consulte nosso artigo. Análise mais suave.
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.
Preços mais suaves
Eis o custo do Softr em 2026:
| Plano | Preço | Ideal para |
|---|---|---|
| Livre | $ 0/mês | Testing your first app on a Softr subdomain |
| Básico | US$ 49/mês | Small client portals with custom domains |
| Profissional | US$ 139/mês | Growing teams that need more users and blocks |
| Negócios | US$ 269/mês | Bigger internal tools and heavier collaboration |
| Empresa | Personalizado | Large rollouts with custom terms |
Teste grátis: Yes, 14 days on the paid version so you can test advanced features first.
Garantia de reembolso: 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.
💰 Melhor custo-benefício: Basic — it unlocks custom domains at the lowest paid price.
Softr vs. Alternativas
Como a Softr se compara? Aqui está o panorama competitivo:
| Ferramenta | Ideal para | Preço | Avaliação |
|---|---|---|---|
| Mais suave | Portals on Airtable | US$ 49/mês | ⭐ 4,5 |
| Bolha | Full custom logic | US$ 32/mês | ⭐ 4,4 |
| Buzzy | Design-to-app builds | US$ 19/mês | ⭐ 4,2 |
| Deslizar | Aplicativos com foco em dispositivos móveis | US$ 49/mês | ⭐ 4,5 |
| Softgen | AI-generated web apps | US$ 20/mês | ⭐ 4.1 |
| Adalo | Native app stores | US$ 45/mês | ⭐ 4,2 |
| Adorável IA | Prompt-built projects | US$ 25/mês | ⭐ 4,4 |
| Emergente | Agent-driven builds | US$ 20/mês | ⭐ 4,0 |
Escolhas rápidas:
- Melhor no geral: Softr — fastest route from a table to a portal with real permissions.
- Melhor orçamento: Buzzy — the cheapest entry point among these no-code tools.
- Ideal para iniciantes: Softr — the editor explains itself as you go.
- Best for deep custom logic: Bubble — far more control, far steeper learning curve.
🎯 Alternativas mais suaves
Procurando alternativas ao Softr? Aqui estão as melhores opções:
- 🚀 Bolha: 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.
- 🎨 Deslizar: 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.
- 🧠 IA adorável: Generates real front-end code from prompts for developer-leaning teams.
- 🔧 Emergente: Agent-style builder aimed at people comfortable steering AI output.
Para ver a lista completa, consulte nosso Alternativas mais suaves guia.
⚔️ Mais macio em comparação
Veja como a Softr se compara a cada concorrente:
- Macio vs. Bolha: Softr wins on speed and simplicity, Bubble wins when you need custom logic.
- Mais suave vs. mais vibrante: Softr has stronger permissions, Buzzy is cheaper for design-first builds.
- Suave vs. Deslizante: 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 Emergente: Emergent leans experimental, Softr is the safer pick for client work.
Comece a usar o Softr agora mesmo.
Você aprendeu a usar todos os principais recursos do Softr:
- ✅ Construtor Visual
- ✅ Modelos e Blocos
- ✅ Integrações
- ✅ Marca branca
- ✅ Código personalizado
- ✅ Construtor de Interfaces
- ✅ Agente de IA para banco de dados
- ✅ Modelos de Aplicativos Empresariais
- ✅ Gerador de Aplicativos de IA
Próximo passo: Escolha uma funcionalidade e experimente agora mesmo.
A maioria das pessoas começa com o Construtor Visual.
Leva menos de 5 minutos.
Perguntas frequentes
O Softr é fácil de usar?
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.
O que você pode fazer com o 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.
Posso usar o Softr gratuitamente?
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.
O Softr é bom para iniciantes?
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 