Manual de Integraciones

Conecta TextOnFlow con tus herramientas de automatización. Genera imágenes personalizadas automáticamente desde cualquier flujo de trabajo.

⚡ Zapier 🔀 Make 🚀 BoostSpace
Endpoint universal — funciona en las 3 plataformas
POST
https://www.textonflow.com/webhook/render
Devuelve JSON con image_url lista para usar en el siguiente paso de tu flujo.
❓
¿Primero el template o primero Make/Zapier?
La pregunta más frecuente — aquí está la respuesta
✅ El orden correcto siempre es este:
1
Diseña tu imagen en TextOnFlow
Abre el editor, sube tu imagen de fondo, agrega las capas de texto que quieres personalizar (nombre, descuento, ciudad, etc.). Usa la pestaña del editor visual hasta que el diseño te guste.
2
Escribe variables en los textos que deben cambiar
En lugar de escribir "Juan García", escribe {nombre}. En lugar de "30%", escribe {descuento}. Las llaves le dicen a TextOnFlow "este valor viene de afuera".
{nombre} {descuento} {ciudad} {producto} {fecha}
3
Guarda el diseño como Template API
En la sección API de Render Dinámico del panel lateral, escribe un nombre para tu template (ej: "Black Friday Clientes VIP") y haz clic en 💾 Guardar Template API.
Se genera automáticamente:
template_id— el ID único de tu diseño guardado
api_key— tu clave secreta para autenticar llamadas
4
Copia el template_id y la API Key
En la lista de templates guardados verás el template_id y el botón para copiar la api_key. Guárdalos — los necesitarás en el siguiente paso.
5
Ahora sí: configura Make, Zapier o BoostSpace
Con el template_id y la api_key en mano, ve a tu herramienta de automatización y crea el flujo siguiendo las guías de abajo. Cada vez que el flujo se ejecute, TextOnFlow generará la imagen con los datos de ese contacto específico.
Regla de oro: El template es el molde. Make/Zapier/BoostSpace son los que llenan ese molde con datos reales de cada persona. El molde se crea una vez en TextOnFlow; la automatización lo usa miles de veces.
Ir a sección
🎯 Casos de uso reales
Estos son los escenarios más comunes en agencias y negocios que usan TextOnFlow con automatizaciones. Cada uno incluye qué template hacer, qué variables usar y cómo armar el flujo.
🛍️
Cupón de descuento personalizado por WhatsApp
E-commerce · Black Friday · Reactivación de clientes
Zapier Make
📝 Template a crear
Imagen de fondo festiva (ej: negro con destellos dorados). Textos que deben variar:
{nombre}→ nombre del cliente
{descuento}→ % de descuento
{codigo}→ código único del cupón
{vence}→ fecha de vencimiento
⚡ Cómo funciona el flujo
1.Google Sheets tiene la lista de clientes con nombre, % descuento y código único por fila
2.Make detecta filas nuevas o filtra por "estado = enviar"
3.HTTP POST a TextOnFlow con esas variables
4.image_url se envía por WhatsApp Business API o ManyChat
// Body del POST a TextOnFlow
{
  "template_id": "abc123",
  "variables": {
    "nombre": "María García",
    "descuento": "25",
    "codigo": "BF2024-MG-VIP",
    "vence": "30 nov"
  }
}
Resultado: María recibe por WhatsApp una imagen con su nombre, su 25% de descuento exclusivo y su código BF2024-MG-VIP. Sin diseño manual, sin descargas. En segundos.
🎓
Certificado o diploma personalizado automático
Cursos online · Academias · Eventos · Formaciones
Zapier BoostSpace
📝 Template a crear
Diseño de diploma/certificado con logo. Variables:
{nombre_completo}→ nombre del alumno
{curso}→ nombre del curso
{fecha}→ fecha de emisión
{horas}→ horas del curso
⚡ Cómo funciona el flujo
1.Alumno completa quiz final en Typeform o paga en Hotmart
2.Zapier detecta la respuesta / compra completada
3.Webhooks POST a TextOnFlow con nombre y curso
4.image_url se envía por email + se guarda en Drive
Resultado: Carlos completa el examen y en 10 segundos recibe por email su certificado con su nombre, el curso completado y la fecha. Sin intervención manual. Escala a 1.000 alumnos igual que a 10.
📅
Confirmación de cita o reserva con datos personalizados
Clínicas · Spas · Restaurantes · Consultorios · Coworkings
Make Zapier
📝 Template a crear
Tarjeta de confirmación con diseño del negocio. Variables:
{nombre}→ nombre del cliente
{servicio}→ tipo de servicio
{dia}→ día de la cita
{hora}→ hora de la cita
⚡ Cómo funciona el flujo
1.Cliente agenda en Calendly, TidyCal o Google Calendar
2.Make detecta el evento nuevo creado
3.HTTP POST a TextOnFlow con nombre, servicio, día y hora
4.Se envía por WhatsApp como imagen de confirmación
Resultado: Ana agenda su limpieza dental y segundos después recibe en WhatsApp una imagen bonita que dice "Ana, tu cita de Limpieza Dental es el Martes 12 a las 3:00 PM". Reducción de no-shows superior al 40%.
🏆
Tarjeta de bienvenida a cliente nuevo (onboarding)
SaaS · Membresías · Agencias · Programas de lealtad
Make BoostSpace
📝 Template a crear
Imagen de bienvenida con estilo de marca. Variables:
{nombre}→ nombre del cliente
{plan}→ plan contratado
{empresa}→ empresa del cliente
⚡ Cómo funciona el flujo
1.Cliente completa el pago en Stripe o firma contrato
2.Make detecta el evento "payment_intent.succeeded"
3.TextOnFlow genera imagen de bienvenida personalizada
4.Se envía en email de bienvenida junto al acceso
Resultado: Roberto de Acme Corp paga el Plan Agency y recibe un email con "Bienvenido Roberto, tu Plan Agency de Acme Corp está activado". Impacto en la primera impresión del cliente.
📊
Reporte o resultado personalizado por cliente
Marketing digital · Finanzas · Seguros · Real estate
Zapier Make
📝 Template a crear
Imagen tipo "resumen de resultados" o "tu portafolio este mes". Variables:
{nombre}→ nombre del cliente
{roi}→ % de retorno
{ganancia}→ monto ganado
{periodo}→ mes o período
⚡ Cómo funciona el flujo
1.Cada primer día del mes, Make se activa (trigger programado)
2.Lee la hoja de Google Sheets con resultados de cada cliente
3.Por cada fila, genera una imagen de reporte con TextOnFlow
4.Envía cada imagen por WhatsApp o email al cliente correspondiente
Resultado: 50 clientes reciben su reporte visual personalizado el 1° de cada mes de forma automática. La agencia no abre Photoshop ni Canva. El flujo hace todo el trabajo.
💡 Variables más usadas en templates
{nombre}
Nombre del contacto
{apellido}
Apellido del contacto
{empresa}
Empresa del cliente
{descuento}
% o valor de descuento
{codigo}
Código único de cupón
{producto}
Nombre del producto
{fecha}
Fecha del evento/cita
{ciudad}
Ciudad del usuario
{plan}
Plan o membresía
{roi}
Retorno de inversión
{hora}
Hora de la cita
{curso}
Nombre del curso
Puedes usar cualquier nombre de variable — solo asegúrate de que coincida exactamente (mayúsculas/minúsculas) en el template y en el JSON del request.
⚡ Zapier
🔀 Make
🚀 BoostSpace
⚡ Zapier Webhooks by Zapier
Requisito: Plan Zapier con acceso a Webhooks by Zapier (disponible desde plan Starter). Tiempo de configuración: ~5 minutos.
🔔 Trigger
Cualquier app
→
⚡ Webhooks by Zapier
POST action
→
🎨 TextOnFlow
Renderiza imagen
→
📤 Action
WhatsApp / Email / CRM
1
Crea un nuevo Zap y elige el trigger
En Zapier, haz clic en "+ Create Zap". Elige como trigger la app que dispara el evento (HubSpot, Google Sheets, ActiveCampaign, Typeform, etc.)
Zapier — Editor de Zap
⚡
1. Trigger — Cuando sucede esto...
Selecciona una app y un evento
Configurar
📊 Google Sheets
🔶 HubSpot
📋 Typeform
💌 ActiveCampaign
2
Agrega acción: "Webhooks by Zapier" → POST
En el paso de acción busca "Webhooks by Zapier" y selecciona el evento "POST".
Zapier — Buscar app de acción
🔍 Webhooks by Zapier
🪝
Webhooks by Zapier
Receive data or send HTTP requests
Seleccionado
Evento de acción:
POST ✓
GET
PUT
3
Configura el webhook — campos exactos
Rellena los campos de la acción Webhooks by Zapier exactamente así:
Webhooks by Zapier — Configuración POST
URL
https://www.textonflow.com/webhook/render
Payload Type
json
Data — Key 1
template_id
→
TU_TEMPLATE_ID
Data — Key 2
variables.nombre
→
First Name (del trigger)
Data — Key 3
variables.descuento
→
Descuento (del trigger)
💡 Zapier soporta notación de punto para estructuras anidadas. variables.nombre se convierte automáticamente en {"variables":{"nombre":"..."}}
4
Usa la imagen generada en el siguiente paso
Después del paso Webhooks, Zapier recibe la respuesta de TextOnFlow. Mapea el campo image_url al siguiente paso:
Zapier — Datos de respuesta disponibles
Variables disponibles del paso anterior:
image_url https://cdn.textonflow.com/render/abc123.png 👈 Usa este
template Black_Friday_ES
ts 2024-12-01T10:30:00Z
✅ Conecta image_url al campo de imagen en ManyChat, WhatsApp Business, Klaviyo, Gmail, Slack o cualquier app de mensajería.
🔀 Make HTTP › Make a request
Requisito: Cuenta en make.com (plan gratuito incluye HTTP modules). Tiempo de configuración: ~8 minutos.
1
🔔
Trigger
(tu app)
2
🌐
HTTP
Request
3
🔧
Parse JSON
(opcional)
4
📤
Acción
(salida)
1
Crea un nuevo escenario
En Make haz clic en "Create a new scenario". Elige un módulo de trigger: Google Sheets, Webhooks, HubSpot, etc. Para probar rápido, usa Webhooks → Custom webhook.
Make — Selección de módulo
Módulo de inicio del escenario:
🪝
Webhooks
📊
Google Sheets
🔶
HubSpot
📋
Typeform
2
Agrega el módulo HTTP → Make a request
Haz clic en el círculo "+" para agregar un módulo. Busca "HTTP" y selecciona "Make a request".
Make — Selección HTTP
🔍 HTTP
🌐
HTTP
Make a request ← Usa este
Get a file
3
Configura el módulo HTTP — campos exactos
Rellena el formulario del módulo HTTP exactamente así:
Make — HTTP: Make a request
URL
https://www.textonflow.com/webhook/render
Method
POST
Body type
Raw
Content type
application/json
Request body
{
  "template_id": "TU_TEMPLATE_ID",
  "variables": {
    "nombre": "{{1.nombre}}",
    "descuento": "{{1.descuento}}"
  }
}
Parse response
✓ Sí (activar)
💡 {{1.nombre}} significa "campo nombre del módulo 1 (trigger)". Cambia el número si tu módulo HTTP está en otra posición.
4
Usa image_url en el módulo siguiente
Con Parse response activo, Make descompone el JSON automáticamente. Mapea {{2.data.image_url}} al campo de imagen del siguiente módulo:
Make — Mapeo de variables
Variables disponibles del módulo 2 (HTTP):
2.data.image_url https://cdn.textonflow.com/... 👈 Usa este
2.data.template Black_Friday_ES
2.status 200
📦 Blueprints Make — Descargar e importar
Importa el blueprint: en Make abre tu escenario → menú "..." → "Import Blueprint" → sube el archivo JSON.
🌐
Render Básico (HTTP)
Un solo módulo HTTP POST a TextOnFlow. Conecta tu propio trigger.
⬇ Descargar Blueprint
📊
Google Sheets → Imagen
Detecta filas nuevas en Sheets, genera imagen y guarda la URL en la misma fila.
⬇ Descargar Blueprint
🪝
Webhook Entrante → Render → Responder
Recibe webhook, genera imagen y responde con image_url. Ideal para integraciones custom.
⬇ Descargar Blueprint
🚀 BoostSpace Flujos de automatización
BoostSpace es la plataforma de automatización líder en LATAM con interfaz en español. Similar a Make/Zapier pero pensada para equipos hispanohablantes. boostspace.io
🔔 Trigger
Evento en BoostSpace
→
🌐 HTTP Request
Acción integrada
→
🎨 TextOnFlow
Genera imagen
→
💾 Guardar URL
CRM / WhatsApp
1
Crea un flujo de automatización en BoostSpace
Desde el panel de BoostSpace ve a Automatizaciones → Nuevo flujo. Ponle un nombre descriptivo como "Generar imagen con TextOnFlow".
BoostSpace — Nueva automatización
Selecciona el trigger del flujo:
📝
Lead nuevo
✅
Tarea creada
🪝
Webhook
📅
Programado
2
Agrega la acción HTTP Request
En el editor del flujo haz clic en "+ Agregar acción" y busca "HTTP Request" o "Solicitud HTTP".
BoostSpace — Configurar acción HTTP
URL
https://www.textonflow.com/webhook/render
Método
POST
Cabeceras
Content-Type: application/json
Cuerpo / Body
{
  "template_id": "TU_TEMPLATE_ID",
  "variables": {
    "nombre": "{{lead.nombre}}",
    "ciudad": "{{lead.ciudad}}"
  }
}
💡 En BoostSpace las variables del trigger se insertan con {"{{"}campo{"}}"}. Usa el botón "Insertar variable" dentro del editor para evitar errores de tipeo.
3
Procesa la respuesta y guarda image_url
BoostSpace almacena la respuesta HTTP en una variable. Agrega una acción de "Actualizar registro" o "Enviar mensaje" y mapea la URL de imagen:
BoostSpace — Variables de respuesta
Variables disponibles de la acción HTTP anterior:
respuesta.image_url https://cdn.textonflow.com/... 👈 Usa este
respuesta.template Mi_Template
✅ Guarda respuesta.image_url en un campo del lead, envíala por WhatsApp Business o inclúyela en el mensaje de seguimiento automático.
📝 Formato del request
{
  "template_id": "abc123xyz",         // ID del template guardado en TextOnFlow
  "variables": {
    "nombre":   "María García",        // cualquier clave que uses en {curly braces}
    "descuento": "25",
    "producto":  "Plan Pro",
    "ciudad":    "CDMX"
  }
}
✅ Respuesta exitosa (200)
{
  "image_url":  "https://cdn.textonflow.com/render/abc123.png",
  "template":   "Black_Friday_ES",
  "ts":         "2024-12-01T10:30:00Z",
  "width":      1080,
  "height":     1080
}
⚠️ Si recibes 401 → API Key incorrecta. 404 → template_id no existe. 422 → JSON malformado o campo requerido faltante.
🎯 Escenarios de uso listos para copiar
📊 Google Sheets → TextOnFlow → guardar URL Make · Sheets
Cada vez que se añade una fila nueva con datos del cliente, genera la imagen y guarda la URL en la columna F:
📊 Google Sheets
Watch Rows
→
🎨 TextOnFlow
HTTP POST
→
📊 Google Sheets
Update Row
⬇ Blueprint Make
🪝 Webhook entrante → imagen → responder al instante Make · Instant
ManyChat o cualquier sistema envía los datos, Make genera la imagen y responde con la URL en menos de 2 segundos:
🪝 Webhook
Entrante
→
🎨 TextOnFlow
Render
→
📩 Webhook
Response
⬇ Blueprint Make
🎯 HubSpot Deal Ganado → imagen de confirmación Zapier · HubSpot
Cuando un deal cambia a "Ganado" en HubSpot, genera automáticamente una imagen de bienvenida personalizada:
🔶 HubSpot
Deal Closed Won
→
🎨 TextOnFlow
Render
→
💌 Email
con imagen
Trigger: HubSpot → Deal Updated · Acción: Webhooks by Zapier POST · Siguiente: Gmail o ActiveCampaign
TextOnFlow · Documentación de Integraciones · soporte@textonflow.com