Carregando o SDK do Open ContactPad

Utilização do pacote SDK como script externo em uma página da Web já existente

Para o Vonage Unified Communications /VBC, VBE/

<script data-provider='uc' src='https://apps.gunify.vonage.com/cti/common/vonage.dialer.sdk.js'></script>

AMOSTRA AO VIVO

Para o Centro de Atendimento da Vonage (VCC)

<script data-provider='cc' data-cc-domain='nam.newvoicemedia.com' src='https://apps.gunify.vonage.com/cti/common/vonage.dialer.sdk.js'></script>

AMOSTRA AO VIVO

Utilização do SDK como um pacote NPM adicionado ao código-fonte da página da web

Pacote NPM

const VonageDialer = require('@vgip/vonage-dialer-sdk');
 
VonageDialer.enableClickToDial(true); // Annotate phone numbers for click-to-dial
VonageDialer.init({ provider: '[cc|uc]' /* other config options */ }, (dialer) => { 
  // see "building with Open ContactPad"
});

  • Ao ser carregado, o SDK procura na página HTML atual por um elemento contêiner específico com a classe 'vonage-dialer-container' e exibe a interface do discador dentro dele. Se tal elemento contêiner não existir na página, a interface inicia no modo “DOT”, exibindo um ícone circular clicável que pode ser arrastado pela página.

  • A interface do Centro de Atendimento da Vonage requer um tamanho de contêiner de 200 px por 400 px. A interface de Comunicações Unificadas é responsiva e se adapta bem a qualquer tamanho de contêiner (recomendado: 280 px por 420 px).

AMOSTRA AO VIVO