Widget de Chat

kw('init', {
  workspaceId: 'SEU_WORKSPACE_ID',
  primaryColor: '#367fee',
  backgroundColor: '#ffffff',
  textColor: '#333333'
});

kw('init', {
  workspaceId: 'SEU_WORKSPACE_ID',
  welcomeMessage: '👋 Olá! Como podemos ajudar?',
  ctaText: 'Iniciar conversa'
});

kw('config', {
  customFields: [
    {
      name: 'empresa',
      label: 'Nome da Empresa',
      type: 'text',
      required: true
    },
    {
      name: 'interesse',
      label: 'Interesse em',
      type: 'select',
      options: ['Vendas', 'Suporte', 'Parceria'],
      required: false
    }
  ]
});

https://seusite.com?utm_source=facebook&utm_medium=cpc&utm_campaign=verao2024

1. Visitante abre widget
2. Bot saúda: "Olá! Sou o assistente virtual. Como posso ajudar?"
3. Visitante escolhe opção:
   a) Vendas → Coleta dados e atribui a vendedor
   b) Suporte → Identifica problema e cria ticket
   c) Falar com humano → Atribui imediatamente a operador disponível
4. Conversa continua com operador ou bot, conforme escolha

curl -X GET "https://api4.kinbox.com.br/v3/widget/settings" \
  -H "Authorization: Bearer SEU_TOKEN_API"

curl -X PUT "https://api4.kinbox.com.br/v3/widget/settings" \
  -H "Authorization: Bearer SEU_TOKEN_API" \
  -H "Content-Type: application/json" \
  -d '{
    "primaryColor": "#367fee",
    "welcomeMessage": "Olá! Como posso ajudar?",
    "offlineMessage": "Deixe sua mensagem, responderemos em breve"
  }'

curl -X GET "https://api4.kinbox.com.br/v3/widget/info" \
  -H "Authorization: Bearer SEU_TOKEN_API"

kw('identify', {
  name: 'João Silva',
  email: '[email protected]',
  phone: '5511999999999',
  customData: {
    userId: '12345',
    plano: 'Premium'
  }
});

// Abrir widget
kw('open');

// Fechar widget
kw('close');

// Toggle (alternar)
kw('toggle');

kw('open', {
  message: 'Olá, gostaria de saber mais sobre o plano Premium'
});

// Quando widget é aberto
kw('on', 'open', function() {
  console.log('Widget aberto');
  // Analytics, etc
});

// Quando mensagem é enviada
kw('on', 'message', function(message) {
  console.log('Mensagem enviada:', message);
});

// Quando conversa é iniciada
kw('on', 'conversation_started', function(conversation) {
  console.log('Nova conversa:', conversation);
});