Integración con Zapier
Conecta Visiono a más de 5,000 apps con la plataforma de automatización sin código de Zapier.
Descripción General
Zapier te permite crear flujos de trabajo automatizados (Zaps) que se activan cuando se envían fotos a Visiono. Conecta con CRMs, herramientas de gestión de proyectos, plataformas de comunicación y más.
Prerrequisitos
- Cuenta de Visiono con acceso a API
- Cuenta de Zapier (gratuita o de pago)
- Clave de API de Visiono
Pasos de Configuración
1. Crear un Nuevo Zap
- Inicia sesión en Zapier
- Haz clic en Create Zap
- Busca Webhooks by Zapier
- Selecciona Catch Hook como disparador
2. Configurar el Webhook
- Zapier generará una URL de webhook única
- Copia esta URL (se ve como
https://hooks.zapier.com/hooks/catch/...) - Mantén la pestaña de Zapier abierta
3. Añadir Webhook a Visiono
- Ve a Configuración del Espacio de Trabajo → Webhooks
- Haz clic en Añadir Webhook
- Pega la URL del webhook de Zapier
- Selecciona eventos a disparar:
photo_request.submitted- Cuando todas las fotos son enviadasphoto_submission.created- Cuando llega un nuevo envío
- Guarda el webhook
4. Probar la Conexión
- En Zapier, haz clic en Test trigger
- Envía una foto de prueba en Visiono
- Zapier debería recibir los datos del webhook
- Haz clic en Continue una vez que se reciban los datos
5. Añadir Acciones
Ahora añade qué sucede cuando llegan las fotos:
| Acciones Populares | Caso de Uso |
|---|---|
| Gmail | Enviar email con enlaces de fotos |
| Slack | Notificar canal del equipo |
| Google Sheets | Registrar envíos en hoja de cálculo |
| Trello | Crear tarjeta con fotos |
| Salesforce | Actualizar registro de contacto |
| HubSpot | Añadir a línea de tiempo del contacto |
Ejemplos de Zaps
Foto a Google Sheets
Registra cada envío en una hoja de cálculo:
- Disparador: Webhooks by Zapier (Catch Hook)
- Acción: Google Sheets → Create Spreadsheet Row
Mapea los campos:
| Columna de Hoja | Datos del Webhook |
|---|---|
| Fecha | {{submitted_at}} |
| Enlace Permanente | {{smart_link_slug}} |
| Conteo de Fotos | {{photos_count}} |
| URL Primera Foto | {{photos__1__url}} |
Notificar Slack en Envío
Envía notificación al equipo:
- Disparador: Webhooks by Zapier
- Acción: Slack → Send Channel Message
Plantilla de mensaje:
📸 ¡Nuevas fotos recibidas!
Enlace Permanente: {{smart_link_name}}
Fotos: {{photos_count}}
Ver: {{dashboard_url}}Crear Tarjeta de Trello
Añade envío al tablero del proyecto:
- Disparador: Webhooks by Zapier
- Acción: Trello → Create Card
Configuración de la tarjeta:
- Nombre:
Fotos de {{submitter_name}} - Descripción: URLs de fotos y metadatos
- Etiquetas: Basadas en tags
Payload del Webhook
Zapier recibe esta estructura de datos:
json
{
"event": "submission.created",
"timestamp": "2024-01-15T10:30:00Z",
"data": {
"submission_id": "sub_abc123",
"smart_link": {
"id": "pl_xyz789",
"slug": "inspeccion-vehiculo",
"name": "Inspección de Vehículo"
},
"photos": [
{
"id": "photo_001",
"url": "https://...",
"slot": 1,
"slot_name": "Vista Frontal"
}
],
"metadata": {
"unique_field": "ABC-123",
"full_name": "Juan Pérez",
"submitted_at": "2024-01-15T10:30:00Z"
}
}
}Zaps de Múltiples Pasos
Encadena múltiples acciones:
- Paso 1: Recibir webhook
- Paso 2: Descargar fotos (Formatter)
- Paso 3: Subir a Google Drive
- Paso 4: Enviar email con enlaces de Drive
- Paso 5: Actualizar registro de CRM
Filtrado
Añade filtros para ejecutar acciones condicionalmente:
| Filtro | Condición | Ejemplo |
|---|---|---|
| Conteo de fotos | Mayor que | Solo si 5+ fotos |
| Enlace Permanente | Contiene | Solo solicitudes de "daño" |
| Tag | Igual a | Solo etiquetadas "urgente" |
Solución de Problemas
Webhook No Recibe Datos
- Verifica que la URL del webhook sea correcta en Visiono
- Comprueba que el webhook esté habilitado (estado verde)
- Prueba con un nuevo envío
- Revisa el Historial de Tareas de Zapier por errores
Campos de Datos Faltantes
- Asegúrate de haber probado con datos reales
- Vuelve a probar el disparador en Zapier
- Verifica que el mapeo de campos use rutas correctas
Zap No Se Ejecuta
- Verifica que el Zap esté encendido (ON)
- Revisa límites del plan de Zapier
- Revisa el Historial de Tareas por errores
- Asegura que los eventos del webhook coincidan con el disparador
Mejores Prácticas
Convención de Nombres
Nombra Zaps descriptivamente:
- ✓
Visiono → Slack: Nuevas Fotos de Daños - ✓
Fotos de Vehículo → Google Drive + Email - ✗
Mi Zap 1
Manejo de Errores
- Habilita notificaciones de error de Zapier
- Añade pasos de Formatter para limpieza de datos
- Usa Paths para lógica condicional
- Prueba con casos extremos
Rendimiento
- Usa Filtros para reducir ejecuciones innecesarias
- Agrupa acciones donde sea posible
- Considera límites de tareas del plan de Zapier
Recursos Relacionados
- Webhooks - Configuración de eventos
- Referencia de API - Acceso directo a API
- Integración con Make - Automatización alternativa
- Integración con n8n - Opción auto-alojada
