Softr te permite crear portales web, aplicaciones de clientes y sitios dinámicos conectados directamente a Airtable o Google Sheets.

¿Qué es Softr?

Softr es un constructor de aplicaciones web no-code que:

• Se conecta a Airtable o Google Sheets como base de datos
• Permite crear interfaces personalizadas sin código
• Incluye autenticación de usuarios
• Es responsive y optimizado para móviles

Casos de Uso

Portales de Clientes

Permite a tus clientes:

• Ver sus proyectos y estado
• Descargar documentos
• Enviar solicitudes
• Actualizar su información

Directorios

Crea catálogos de:

• Productos
• Servicios
• Empleados
• Recursos

Aplicaciones Internas

Herramientas para tu equipo:

• CRM personalizado
• Sistema de tickets
• Base de conocimientos
• Dashboard de métricas

Primeros Pasos

1. Conectar tu Fuente de Datos

Opción A: Airtable

1. En Softr, ve a "Data Sources"
2. Selecciona "Airtable"
3. Autoriza la conexión
4. Selecciona la Base y Tablas a usar

Opción B: Google Sheets

1. En Softr, ve a "Data Sources"
2. Selecciona "Google Sheets"
3. Autoriza la conexión
4. Selecciona la hoja de cálculo

2. Crear tu Primera Página

1. Haz clic en "Add Page"
2. Elige un template o empieza desde cero
3. Arrastra bloques desde el panel lateral
4. Conecta cada bloque a tus datos

3. Configurar Autenticación

1. Ve a "Settings > User Authentication"
2. Activa "Enable User Sign Up"
3. Configura campos de usuario (email, nombre, etc.)
4. Define permisos de acceso

Bloques Principales

List Block

Muestra múltiples registros en formato de lista o tarjetas.

Configuración:

• Fuente de datos: Selecciona tabla
• Filtros: Muestra solo registros específicos
• Ordenamiento: Define orden de visualización
• Campos visibles: Elige qué mostrar

Details Block

Muestra información detallada de un registro individual.

Uso típico: Página de detalle de producto o proyecto

Form Block

Permite a usuarios crear o editar registros.

Tipos de formularios:

• Create: Agregar nuevos registros
• Update: Editar registros existentes
• Filter: Buscar registros

Chart Block

Visualiza datos en gráficos.

Tipos de gráficos:

• Barras
• Líneas
• Pie
• Números (KPIs)

Autenticación y Permisos

Tipos de Usuarios

Public (Público)

• No requiere login
• Acceso limitado a contenido público

Logged-in Users (Usuarios Registrados)

• Requiere crear cuenta
• Acceso a contenido protegido

Conditional Access (Acceso Condicional)

• Basado en campos del usuario
• Ejemplo: Solo clientes "Premium" ven cierto contenido

Configurar Permisos

A nivel de página:

Settings > Page Access
- Public: Todos pueden ver
- Logged-in: Solo usuarios registrados
- Conditional: Basado en reglas

A nivel de bloque:

Block Settings > Visibility
- Show if: Usuario cumple condición
- Hide if: Usuario NO cumple condición

Filtros de Usuario

Muestra solo datos relevantes al usuario actual.

Ejemplo: Cliente ve solo sus proyectos

List Block > Filters
- Cliente (campo en Airtable) = Current User Email

Personalización de Diseño

Temas Globales

1. Ve a "Design > Theme"
2. Personaliza:
   • Colores primarios y secundarios
   • Tipografía
   • Espaciado
   • Bordes y sombras

CSS Personalizado

Para control total, agrega CSS en:

Settings > Custom Code > CSS

Ejemplo: Cambiar color de botones

.softr-button {
  background-color: #E7594C !important;
  border-radius: 8px !important;
}

Mejores Prácticas

Estructura de Datos

En Airtable:

• Crea una tabla "Users" para autenticación
• Usa campos "Link to Another Record" para relaciones
• Agrega campos calculados para lógica de negocio

Performance

• Limita registros: Usa filtros para mostrar solo lo necesario
• Optimiza imágenes: Comprime antes de subir a Airtable
• Usa paginación: Para listas largas

Seguridad

• Valida permisos: Verifica que usuarios solo vean sus datos
• Usa HTTPS: Siempre (incluido por defecto)
• Oculta datos sensibles: No expongas información confidencial