Integración con Notion

Organiza envíos de fotos en tu espacio de trabajo de Notion.

Descripción General

Conecta Visiono a Notion para crear entradas de base de datos automáticamente, actualizar páginas y organizar envíos de fotos junto con tu otra documentación.

Prerrequisitos

• Cuenta de Visiono con acceso a API
• Cuenta de Notion con espacio de trabajo
• Clave de API de Visiono
• Integración de Notion (interna o pública)

Métodos de Integración

Método	Mejor Para
Zapier	Configuración rápida
Make	Flujos de trabajo complejos
API Directa	Integración personalizada

Configuración con Zapier

1. Crear Webhook

1. Crea nuevo Zap en Zapier
2. Disparador: Webhooks by Zapier → Catch Hook
3. Copia la URL del webhook

2. Configurar Visiono

1. Añade webhook en Configuración del Espacio de Trabajo
2. Selecciona eventos a disparar
3. Guarda la configuración

3. Conectar Notion

1. Añade acción de Notion
2. Conecta tu cuenta de Notion
3. Selecciona base de datos o página

4. Mapear Propiedades

Elige acción y configura:

Acción	Caso de Uso
Create Database Item	Nueva entrada por envío
Update Database Item	Modificar entrada existente
Append Block to Page	Añadir a página existente

Estructura de Base de Datos

Propiedades Recomendadas

Crea una base de datos de Notion con estas propiedades:

Propiedad	Tipo	Campo Visiono
Nombre	Título	smart_link.name
Enviado	Fecha	submitted_at
Remitente	Texto	submitter_name
Identificador	Texto	unique_field
Conteo de Fotos	Número	photos_count
Enlace de Vista	URL	dashboard_url
Estado	Selección	(etapa del flujo)
Etiquetas	Multi-selección	(de etiquetas de fotos)

Plantilla de Base de Datos

📸 Envíos de Fotos

| Nombre | Enviado | Remitente | Fotos | Estado | Enlace |
|--------|---------|-----------|-------|--------|--------|

Mapeo de Propiedades

Propiedad de Título

{{smart_link.name}} - {{submitter_name}}

Propiedad de Fecha

Usa formato ISO:

{{submitted_at}}

Propiedad de URL

Enlace al panel de Visiono:

{{dashboard_url}}

Propiedad de Selección

Mapea al estado del envío:

{
  "Status": {
    "select": {
      "name": "Nuevo"
    }
  }
}

Multi-Selección

Mapea etiquetas de fotos:

{
  "Tags": {
    "multi_select": [
      {"name": "daño"},
      {"name": "vista-frontal"}
    ]
  }
}

Ejemplos de Flujos de Trabajo

Base de Datos de Registro de Fotos

Rastrea todos los envíos:

Propiedades de Base de Datos:

• Nombre: Enlace Permanente + Remitente
• Fecha: Marca de tiempo del envío
• Fotos: Conteo numérico
• Estado: Nuevo → Revisado → Archivado
• Enlace: URL del panel de Visiono

Flujo de Trabajo:

1. Llega el envío
2. Crea entrada en base de datos
3. Establece estado en "Nuevo"
4. Añade enlaces de fotos al cuerpo de la página

Organización Basada en Proyectos

Vincula fotos a proyectos:

Configuración:

1. Base de datos con relaciones de proyecto
2. Coincide por campo único
3. Vincula envío al proyecto
4. Actualiza estado del proyecto

Relación:

Envíos → Proyectos (relación)

Flujo de Trabajo de Revisión

Rastrea proceso de revisión:

Estados:

• Enviado
• En Revisión
• Aprobado
• Rechazado
• Archivado

Automatizaciones:

• Nueva entrada → Notificar revisor
• Cambio de estado → Actualizar marca de tiempo

Contenido de Página

Estructura de Bloques

Añade contenido al cuerpo de la página:

## Detalles del Envío

**Remitente:** {{submitter_name}}
**Fecha:** {{submitted_at}}
**Fotos:** {{photos_count}}

## Fotos

{{#each photos}}
- {{slot_name}}: [Ver]({{url}})
{{/each}}

---
[Ver en Visiono]({{dashboard_url}})

Incrustar Fotos

Añade incrustaciones de fotos:

{
  "type": "image",
  "image": {
    "type": "external",
    "external": {
      "url": "{{photo_url}}"
    }
  }
}

Bloques de Llamada

Destaca información importante:

{
  "type": "callout",
  "callout": {
    "icon": {"emoji": "📸"},
    "rich_text": [{
      "type": "text",
      "text": {"content": "{{photos_count}} fotos enviadas"}
    }]
  }
}

Flujos de Trabajo Avanzados

Selección Condicional de Base de Datos

Enruta a diferentes bases de datos:

IF smart_link.slug == "daño":
  → Base de datos "Reportes de Daños"
ELSE IF smart_link.slug == "inspeccion":
  → Base de datos "Inspecciones"
ELSE:
  → Base de datos "General"

Actualizar Páginas Existentes

Busca y actualiza:

1. Busca por campo único
2. Si encuentra → Actualiza entrada
3. Si no encuentra → Crea nueva

Bases de Datos Vinculadas

Conecta múltiples bases de datos:

Envíos → Clientes (relación)
Envíos → Proyectos (relación)

Organización de Fotos

Como Enlaces Externos

Método más confiable:

[Vista Frontal](https://...)
[Vista Lateral](https://...)

Como Incrustaciones

Mostrar en línea (puede no funcionar para todas las URLs):

{
  "type": "embed",
  "embed": {
    "url": "{{photo_url}}"
  }
}

En Vista de Galería

Usa diseño de galería de base de datos:

• Establece portada como URL de primera foto
• Habilita vista previa de tarjeta
• Muestra propiedades clave

Solución de Problemas

Entrada No Se Crea

1. Verifica ID de base de datos
2. Comprueba permisos de integración de Notion
3. Asegura que la base de datos esté compartida con la integración
4. Revisa propiedades requeridas

Propiedades No Se Actualizan

1. Verifica que los tipos de propiedades coincidan
2. Comprueba nombres de propiedades (sensible a mayúsculas)
3. Revisa nombres de opciones de selección

Fotos No Se Muestran

1. Verifica accesibilidad de la URL
2. Prueba formato de URL externa
3. Usa bloques de enlace en lugar de incrustaciones

Mejores Prácticas

Organización de Base de Datos

• Usa vistas para diferentes necesidades
• Filtra por estado/fecha
• Agrupa por tipo de Enlace Permanente
• Archiva entradas completadas

Tipos de Propiedades

• Usa Fecha para marcas de tiempo (no texto)
• Usa URL para enlaces
• Usa Número para conteos
• Usa Selección para opciones fijas

Plantillas de Página

Crea plantillas para consistencia:

• Estructura de página estándar
• Propiedades requeridas
• Contenido de marcador de posición

Recursos Relacionados

• Webhooks - Configuración de eventos
• Integración con Zapier - Configuración de automatización
• Integración con Make - Flujos de trabajo visuales
• Referencia de API - API directa