Déployer l'assistant virtuel sur une app mobile

Déployer l'assistant virtuel sur une app mobile 📲

1/ Dédier une page au bot

L'écran sur une application mobile étant assez restreint nous recommandons de dédier une page de votre application spécifiquement au webchat

2/ Mettre le webchat en plein écran

Étant donné que vous allez dédier un écran de votre application au webchat, il va donc être nécessaire d'afficher ce dernier directement en plein écran. Pour ce faire, il existe une fonctionnalité de notre widget permettant d'ouvrir la fenêtre dès le chargement :

TcfWbchtParams.isFullscreen: true

Il est également nécessaire d'ouvrir le webchat par défaut, pour cela il faut utiliser

TcfWbchtParams.open: true

Exemple du script complet :

<script>
  var display = 'iframe';
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = 'https://dev-script.tolk.ai/iframe-latest.js';
  document.body.appendChild(script);
  var tcfbot = "[votre_id]";
  var TcfWbchtParams = { 
    open: true,
    isFullscreen: true 
  };

</script>

3/ Utiliser une webview

Une connexion internet étant requise pour échanger avec le bot, nous recommandons d'utiliser le widget en Javascript et pour cela d'utiliser une page de type "webview" dans votre application mobile. Cela permet :

De toujours bénéficier de la dernière version du webchat
Un déploiement plus rapide par vos développeurs
Un fonctionnement optimal quelque soit la technologie utilisée par vos applications mobiles

Personnaliser l'affichage

Si vous souhaitez personnaliser l'affichage de la fenêtre de chat, vous pouvez à tout moment surcharger le CSS de cette dernière.

Pour ce faire, vous pouvez charger vous-même votre CSS dans la webview appelée.

Vous allez alors avoir besoin de ne pas utiliser le mode "iframe", pour ce faire, vous pouvez dans le script, remplacer :

var display = 'iframe';

par :

var display = 'classic';

Promouvoir le bot dans votre Application

Pour que vos utilisateurs puissent facilement converser avec le bot, vous devez ensuite créer des liens dans votre application vers la page dédiée au bot.