Chargement du SDK Open ContactPad

Utilisation du SDK bundle en tant que script externe avec une page Web préexistante

Pour Vonage Unified Communications /VBC, VBE/

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

ÉCHANTILLON EN DIRECT

Pour 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>

ÉCHANTILLON EN DIRECT

Utilisation du SDK en tant que paquet NPM ajouté au code source de la page web

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

  • Lorsqu'il est chargé, le SDK recherche dans la page HTML actuelle un élément conteneur dédié ayant la mention class='vonage-dialer-container' et rend l'interface du composeur à l'intérieur de cet élément. Si un tel élément n'existe pas sur la page, l'interface démarre en mode "DOT" en fournissant une icône de cercle cliquable qui peut être déplacée sur la page.

  • L'interface du centre de contact de Vonage nécessite une taille de conteneur de 200px par 400px. L'interface des communications unifiées est réactive et s'adapte à toutes les tailles de conteneurs (280px par 420px recommandé).

ÉCHANTILLON EN DIRECT