Carga del SDK de Open ContactPad

Uso del paquete SDK como script externo con una página web preexistente

Para Vonage Unified Communications /VBC, VBE/

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

MUESTRA EN DIRECTO

Para Vonage Contact Center /VCC/

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

MUESTRA EN DIRECTO

Uso del SDK como paquete NPM añadido al código fuente de la página web

Paquete 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"
});

  • Cuando se carga, el SDK busca en la página HTML actual un elemento contenedor dedicado que tenga class='vonage-dialer-container' y representa la interfaz del marcador dentro de él. Si tal elemento contenedor no existe en la página, la interfaz se inicia en modo "DOT" proporcionando un icono circular sobre el que se puede hacer clic y que puede arrastrarse por la página.

  • La interfaz del centro de contacto de Vonage requiere un tamaño de contenedor de 200 px por 400 px. La interfaz de comunicaciones unificadas es adaptable y se adapta bien a cualquier tamaño de contenedor (se recomiendan 280px por 420px).

MUESTRA EN DIRECTO