Mientras tu equipo duerme,
Chatflow sigue vendiendo.

<!-- Pega esto antes de cerrar </body> -->
<script
  src="https://chatapp.chatflow.mx/widget.js"
  data-agent-id="tu-agent-id"
  data-primary-color="#FC4C00"
  data-position="bottom-right"
></script>

// React / Next.js — el mismo widget, cargado al montar
import { useEffect } from 'react'

export function ChatflowWidget({ agentId }: { agentId: string }) {
  useEffect(() => {
    const s = document.createElement('script')
    s.src = 'https://chatapp.chatflow.mx/widget.js'
    s.async = true
    s.dataset.agentId = agentId
    s.dataset.primaryColor = '#FC4C00'
    document.body.appendChild(s)
    return () => { s.remove() }
  }, [agentId])

  return null
}

// API REST — requiere una llave con el permiso agents:chat
const res = await fetch('https://chatapp.chatflow.mx/api/v1/chat', {
  method: 'POST',
  headers: {
    'Authorization': 'Bearer tu-api-key',
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    agent_id: 'tu-agent-id',
    message: '¿Cuáles son sus precios?'
  })
})

const data = await res.json()