Inicio rápido
This step by step guide covers every Softr feature:
- Empezando — Create a free account and connect your data source
- Cómo usar Visual Builder — arrange your pages by dragging blocks, no code required
- Cómo usar plantillas y bloques — skip the blank canvas and start creating from a proven layout
- Cómo usar las integraciones — connect Airtable, Google Sheets, Notion, SmartSuite and SQL databases
- Cómo utilizar el etiquetado blanco — put your own brand and custom domains on every client-facing page
- Cómo usar código personalizado — add advanced features that pre-built blocks cannot cover on their own
- Cómo usar Interface Builder — control user groups, permissions and visibility settings for every block
- Cómo usar un agente de IA de base de datos — get easy data management help without writing formulas by hand
- Cómo usar las plantillas de aplicaciones empresariales — launch internal tools and client portals from a business-ready starting point
- Cómo usar el generador de aplicaciones de IA — describe your app in plain words and get a working draft
Tiempo necesario: 5 minutos por función
También en esta guía: Consejos profesionales | Errores comunes | Solución de problemas | Precios | Alternativas
¿Por qué confiar en esta guía?
I have used Softr for eight months and tested every feature covered here.
Este tutorial se basa en trabajo práctico real, no en capturas de pantalla del proveedor.
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 de Softr
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.
Primeros pasos con Softr
Before you get started with Softr, finish this one-time setup.
Tarda unos tres minutos.
Here is what my own build looked like:
Ahora vamos a repasar cada paso.
Paso 1: Crea tu cuenta gratuita
Open the Softr sign up page and create a free account.
Use your email address or sign in with Google.
✓ Control: Comprueba tu bandeja de entrada para el correo electrónico de confirmación.
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 plantillas por categoría.
Así es como se ve:
✓ Control: You should land in the editor with a starter page loaded.
Paso 3: Conecte su fuente de datos
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.
✅ Hecho: Ya puedes utilizar cualquiera de las funciones que aparecen a continuación.
Cómo usar Softr Visual Builder
Constructor visual is the drag-and-drop canvas where you arrange pre-built blocks into a page.
Aquí te mostramos cómo usarlo paso a paso.
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.
Así es como se ve:
✓ Control: 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.
💡 Consejo profesional: Hover a block and click the three dots to duplicate it instead of rebuilding from scratch.
Cómo usar las plantillas y bloques de Softr
Plantillas y bloques give you ready-made layouts so you never start creating from an empty page.
Aquí te mostramos cómo usarlo paso a paso.
Paso 1: Explora la galería de plantillas
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.
Así es como se ve:
✓ Control: 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.
💡 Consejo profesional: Build your first Softr app from a template even if you plan to redesign it later.
Cómo usar las integraciones de Softr
Integraciones link Softr to the tools your team already uses every day.
Aquí te mostramos cómo usarlo paso a paso.
Paso 1: Abra el Panel de Integraciones
Find Integrations in the left-hand menu of your workspace.
You will see native options plus Zapier y hacer.
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.
Así es como se ve:
✓ Control: 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 automatización fire.
Real-time updates flow back into the table without a refresh.
✅ Resultado: Repetitive tasks like alerts and status changes now run without you.
💡 Consejo profesional: Send failed automations to a Slack channel so silent errors never pile up unseen.
How to Use Softr White-Labeller
Marca blanca removes Softr branding so the app looks like part of your own website.
Aquí te mostramos cómo usarlo paso a paso.
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.
Así es como se ve:
✓ Control: 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.
💡 Consejo profesional: Match your app colours to your existing website so shared documents and links feel like one product.
Cómo usar el código personalizado de Softr
Código personalizado lets you go past the built-in blocks when a project needs something unusual.
Aquí te mostramos cómo usarlo paso a paso.
Paso 1: Añadir un bloque 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.
Así es como se ve:
✓ Control: 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.
💡 Consejo profesional: Comment every snippet with its purpose and date so future you knows why it exists.
Cómo usar Softr Interface Builder
Creador de interfaces is where you decide who sees what once people sign in.
Aquí te mostramos cómo usarlo paso a paso.
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.
Así es como se ve:
✓ Control: 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.
💡 Consejo profesional: Create a read-only group first, then add permissions as more users join the app.
Cómo usar el agente de IA de la base de datos Softr
Agente de IA de base de datos answers questions about your tables so you spend less time digging.
Aquí te mostramos cómo usarlo paso a paso.
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.
Así es como se ve:
✓ Control: 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.
💡 Consejo profesional: Ask the agent to explain its logic before applying anything to a live table.
Cómo usar las plantillas de la aplicación Softr Business
Plantillas de aplicaciones empresariales cover the app types most teams need on day one.
Aquí te mostramos cómo usarlo paso a paso.
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.
Así es como se ve:
✓ Control: 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.
💡 Consejo profesional: Start with one department, prove it works, then roll the same pattern out wider.
Cómo usar el generador de aplicaciones Softr AI
Generador de aplicaciones de IA builds a first draft from a plain description of what you want.
Aquí te mostramos cómo usarlo paso a paso.
Paso 1: Describe tu aplicación
Type what the app should do and who will use it.
Be specific about the pages and the data you plan to show.
Paso 2: Revisar la estructura generada.
Softr returns pages, blocks and sample fields you can edit.
Treat it as a draft, not a finished product.
Así es como se ve:
✓ Control: 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.
💡 Consejo profesional: Generate two or three versions from different prompts, then keep the best structure.
Consejos y atajos profesionales más sencillos
After eight months with Softr, here are the tips I actually use.
Atajos de teclado
| Acción | Atajo |
|---|---|
| Deshacer la última edición | Ctrl / Cmd + Z |
| Rehacer edición | Ctrl / Cmd + Shift + Z |
| Guardar página | Ctrl / Cmd + S |
| Abrir vista previa | Ctrl / Cmd + P |
Características ocultas que la mayoría de la gente pasa por alto
- 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.
Errores comunes que debes evitar
Mistake #1: Publishing before you test the app
❌ Incorrecto: Going live straight from the editor and hoping the layout holds on phones.
✅ Derecha: Use preview mode on desktop and mobile, then publish once every page behaves.
Mistake #2: Leaving sensitive data visible
❌ Incorrecto: Building every page for logged-in users and skipping visibility settings entirely.
✅ Derecha: Add a user group per role and lock each block to the people who need it.
Mistake #3: Flat, messy tables
❌ Incorrecto: Dumping everything into one wide sheet with no linked records.
✅ Derecha: Organise data in relational tables with linked records before you connect it.
Solución de problemas de Softr
Problem: My list block shows nothing
Causa: The block is bound to the wrong table, or a filter excludes every row.
Arreglar: 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.
Arreglar: Set the page to logged-in users only, then assign it to specific user groups.
Problema: Mi dominio personalizado no se conecta.
Causa: DNS records have not propagated, or the plan does not include custom domains.
Arreglar: Confirm your plan, recheck the CNAME record, then wait up to 24 hours.
📌 Nota: Si ninguna de estas soluciones resuelve su problema, póngase en contacto con el soporte técnico de Softr.
¿Qué es 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.
Mira este breve resumen:
Incluye estas características clave:
- Constructor visual: arrange your pages by dragging blocks, no code required
- Plantillas y bloques: skip the blank canvas and start creating from a proven layout
- Integraciones: connect Airtable, Google Sheets, Notion, SmartSuite and SQL databases
- Marca blanca: 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
- Creador de interfaces: control user groups, permissions and visibility settings for every block
- Agente de IA de base de datos: get easy data management help without writing formulas by hand
- Plantillas de aplicaciones empresariales: launch internal tools and client portals from a business-ready starting point
- Generador de aplicaciones de IA: describe your app in plain words and get a working draft
Para una revisión completa, consulte nuestra Reseña de 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.
Precios de Softr
Esto es lo que costará Softr en 2026:
| Plan | Precio | Mejor para |
|---|---|---|
| Gratis | $0/mes | Testing your first app on a Softr subdomain |
| Básico | $49/mes | Small client portals with custom domains |
| Profesional | $139/mes | Growing teams that need more users and blocks |
| Negocio | $269 al mes | Bigger internal tools and heavier collaboration |
| Empresa | Costumbre | Large rollouts with custom terms |
Prueba gratuita: Yes, 14 days on the paid version so you can test advanced features first.
Garantía de devolución de dinero: 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.
💰 Mejor relación calidad-precio: Basic — it unlocks custom domains at the lowest paid price.
Softr frente a alternativas
¿Cómo se compara Softr? Este es el panorama competitivo:
| Herramienta | Mejor para | Precio | Clasificación |
|---|---|---|---|
| Softr | Portals on Airtable | $49/mes | ⭐ 4.5 |
| Burbuja | Full custom logic | $32/mes | ⭐ 4.4 |
| Zumbido | Design-to-app builds | $19/mes | ⭐ 4.2 |
| Planeo | Aplicaciones diseñadas para dispositivos móviles | $49/mes | ⭐ 4.5 |
| Softgen | AI-generated web apps | $20/mes | ⭐ 4.1 |
| Adalo | Native app stores | $45/mes | ⭐ 4.2 |
| Amable ai | Prompt-built projects | $25/mes | ⭐ 4.4 |
| Emergente | Agent-driven builds | $20/mes | ⭐ 4.0 |
Selecciones rápidas:
- Mejor en general: Softr — fastest route from a table to a portal with real permissions.
- Mejor presupuesto: Buzzy — the cheapest entry point among these no-code tools.
- Ideal para principiantes: Softr — the editor explains itself as you go.
- Best for deep custom logic: Bubble — far more control, far steeper learning curve.
🎯 Alternativas más suaves
¿Buscas alternativas a Softr? Aquí tienes las mejores opciones:
- 🚀 Burbuja: Full visual programming with workflows and logic that go well past block settings.
- 💰 Zumbido: Turns Figma designs into apps cheaply, good for design-led teams.
- 🎨 Planeo: Polished mobile-first apps built straight from sheets and databases.
- ⚡ Generación suave: Prompt-driven builder that ships a working draft in minutes.
- 👶 Adalo: Beginner-friendly path to apps you can publish in the app stores.
- 🧠 IA adorable: Generates real front-end code from prompts for developer-leaning teams.
- 🔧 Emergente: Agent-style builder aimed at people comfortable steering AI output.
Para ver la lista completa, consulte nuestra Alternativas a Softr guía.
⚔️ Más suave en comparación
Así es como Softr se compara con cada competidor:
- Más suave vs. burbuja: Softr wins on speed and simplicity, Bubble wins when you need custom logic.
- Suave vs. Vibrante: Softr has stronger permissions, Buzzy is cheaper for design-first builds.
- Suave vs. Deslizamiento: 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 contra 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.
- Más suave vs. emergente: Emergent leans experimental, Softr is the safer pick for client work.
Empiece a usar Softr ahora
Aprendiste a usar todas las funciones principales de Softr:
- ✅ Creador visual
- ✅ Plantillas y bloques
- ✅ Integraciones
- ✅ Marca blanca
- ✅ Código personalizado
- ✅ Creador de interfaces
- ✅ Agente de IA de base de datos
- ✅ Plantillas de aplicaciones empresariales
- ✅ Generador de aplicaciones de IA
Siguiente paso: Elige una función y pruébala ahora.
La mayoría de la gente empieza con el Creador Visual.
Tarda menos de 5 minutos.
Preguntas frecuentes
¿Es 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.
¿Qué puedes hacer con 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.
¿Puedo usar Softr gratis?
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.
¿Es Softr adecuado para principiantes?
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 