Démarrer avec Liverick

Liverick est une plateforme complète de communication client qui combine le chat en direct, les tickets par courriel et le suivi intelligent des bugs. Gérez toutes vos marques depuis un seul tableau de bord.

Guide de démarrage rapide

Soyez opérationnel avec Liverick en quelques minutes. Suivez ces étapes :

Créer une marque

Les marques sont au cœur du système multi-marque de Liverick. Chaque marque représente un site web ou un client distinct que vous souhaitez gérer.

Paramètres de marque

Personnalisez votre marque pour correspondre à son identité et configurez son fonctionnement.

Changer de marque

Si vous gérez plusieurs marques ou sites web, vous pouvez facilement passer de l'une à l'autre.

Cliquez sur le menu déroulant des marques dans la barre de navigation et sélectionnez la marque avec laquelle vous souhaitez travailler. Toutes les données (conversations, tickets, bugs) seront mises à jour pour afficher les informations de la marque sélectionnée.

Aperçu du chat en direct

Le chat en direct vous permet de communiquer avec les visiteurs de votre site en temps réel. Répondez aux questions, fournissez du support et convertissez les visiteurs en clients.

Widgets de chat

Les widgets de chat sont les composants intégrables qui apparaissent sur votre site web, permettant aux visiteurs de démarrer des conversations.

Créer un widget de chat

1. 1 Allez dans Paramètres > Widgets de chat
2. 2 Cliquez sur "Créer un nouveau widget"
3. 3 Configurez les paramètres du widget (nom, langue, messages)
4. 4 Personnalisez le message de bienvenue et le message hors ligne
5. 5 Enregistrez le widget

Intégrer le widget

Après avoir créé un widget, copiez le code d'intégration et ajoutez-le à votre site web :

<script src="https://api.liverick.com/widget/loader.js"></script>
<script>
  LiverickWidget.init({
    propertyId: 'YOUR_PROPERTY_ID',
    widgetId: 'YOUR_WIDGET_ID'
  });
</script>

Options de configuration

lang: 'fr'

userData: {
  name: 'Jean Dupont',
  email: 'jean@exemple.com',
  phone: '+1 555-1234',
  organization: 'Acme Inc'
}

Remplacez YOUR_PROPERTY_ID et YOUR_WIDGET_ID par les valeurs de vos paramètres de widget. Le code d'intégration est également disponible à copier directement depuis la page des paramètres du widget.

API JavaScript

Une fois le widget chargé, vous pouvez utiliser l'API JavaScript pour le contrôler programmatiquement.

LiverickWidgetAPI.open();

LiverickWidgetAPI.close();

LiverickWidgetAPI.toggle();

// Injecter des données personnalisées pour le visiteur actuel
LiverickWidgetAPI.setCustomData([
  { label: 'ID Utilisateur', value: '12345' },
  { label: 'Plan', value: 'Premium' },
  { label: 'Statut du compte', value: 'Actif' }
]);

LiverickWidgetAPI.addCustomData('Total Panier', '99,99 €');

LiverickWidgetAPI.clearCustomData();

const data = LiverickWidgetAPI.getCustomData();
console.log(data);

Déclencheurs

Les déclencheurs vous permettent d'envoyer automatiquement des messages proactifs aux visiteurs selon certaines conditions. C'est excellent pour engager les visiteurs qui pourraient avoir besoin d'aide.

Gérer les conversations

L'interface Chat offre un moyen puissant de gérer toutes vos conversations avec les visiteurs.

Assignation et transfert

Les conversations peuvent être assignées à des agents et transférées entre membres de l'équipe pour une gestion efficace du flux de travail.

Prise en charge de conversation

Pour éviter les conflits lorsque plusieurs agents consultent la même conversation :

Aperçu des tickets

Le système de tickets vous permet de gérer les demandes de support client par courriel. Tous les courriels envoyés à votre adresse de support sont automatiquement convertis en tickets.

Configuration email

Configurez vos paramètres email pour commencer à recevoir des tickets.

Gérer les tickets

La Boîte de réception offre une interface claire pour gérer tous vos tickets de support.

Statuts des tickets :

Réponse auto et fermeture auto

Aperçu du suivi des bugs

Le suivi des bugs est un système intelligent qui capture le contexte technique détaillé lorsque les utilisateurs signalent des bugs, vous aidant à déboguer les problèmes plus rapidement.

Informations capturées automatiquement :

Widgets de suivi de bugs

Créez des widgets qui permettent à vos utilisateurs de signaler facilement des bugs directement depuis votre site web.

Créez un widget de bugs dans Paramètres > Suivi des bugs, puis ajoutez le code d'intégration à votre site. Les utilisateurs verront un bouton pour signaler des bugs, et tout le contexte technique sera capturé automatiquement.

<script src="https://api.liverick.com/widget/bug-loader.js"></script>
<script>
  LiverickBugWidget.init({
    propertyId: 'YOUR_PROPERTY_ID',
    widgetId: 'YOUR_BUG_WIDGET_ID'
  });
</script>

Capture des erreurs précoces

Ajoutez ce snippet tout en haut de votre HTML (avant tout autre script) pour capturer les erreurs JavaScript qui surviennent avant le chargement du widget.

Optionnel - Nécessaire uniquement si vous voulez capturer les erreurs qui surviennent avant le chargement du widget.

<script>window.__liverickErrors=[];window.addEventListener('error',function(e){window.__liverickErrors.push({m:e.message,f:e.filename,l:e.lineno,t:Date.now()})})</script>

Options de configuration

lang: 'fr'

userData: {
  name: 'Jean Dupont',
  email: 'jean@exemple.com',
  phone: '+1 555-1234',
  organization: 'Acme Inc'
}

API JavaScript

Une fois le widget chargé, vous pouvez utiliser l'API JavaScript pour le contrôler programmatiquement.

LiverickBugWidget.open();

LiverickBugWidget.close();

LiverickBugWidget.prefill({
  name: 'Jean Dupont',
  email: 'jean@exemple.com'
});

// Injecter les données quand l'utilisateur clique sur le bouton
document.getElementById('report-bug').addEventListener('click', () => {
  LiverickBugWidget.setCustomData([
    { label: 'ID Utilisateur', value: '12345' },
    { label: 'Plan', value: 'Premium' },
    { label: 'Fonctionnalité', value: 'Tableau de bord' }
  ]);
  LiverickBugWidget.open();
});

LiverickBugWidget.addCustomData('Total panier', '99,99$');

LiverickBugWidget.clearCustomData();

LiverickBugWidget.setLanguage('fr');

Gérer les rapports de bugs

La section Bugs offre une vue chronologique de tous les rapports de bugs avec leur contexte technique complet.

Statuts des bugs :

Inviter des membres d'équipe

Ajoutez des membres d'équipe pour aider à gérer votre support client sur toutes vos marques.

1. 1 Allez dans Paramètres > Utilisateurs
2. 2 Cliquez sur "Inviter un utilisateur"
3. 3 Entrez son adresse courriel
4. 4 Sélectionnez son rôle (Admin ou Agent)
5. 5 Configurez ses permissions (Chat, Tickets, Bugs)
6. 6 Cliquez sur "Envoyer l'invitation"

Rôles et permissions

Contrôlez ce que chaque membre de l'équipe peut accéder et faire sur la plateforme.

Profils d'agent

Les agents peuvent personnaliser leur profil pour définir comment ils apparaissent aux visiteurs.

Notifications push

Ne manquez jamais un message important avec les notifications push livrées directement à votre navigateur ou appareil mobile.

1. 1 Allez dans votre Profil > Préférences de notification
2. 2 Cliquez sur "Activer les notifications push"
3. 3 Autorisez les notifications lorsque votre navigateur vous le demande
4. 4 Testez avec le bouton "Envoyer une notification de test"

Paramètres de notification

Personnalisez comment et quand vous recevez des notifications.