Quand vous avez fini de configurer votre Web Widget, vous pouvez l’installer sur votre site Web ou dans votre centre d’aide et le mettre à la disposition de vos clients. Vous pouvez aussi incorporer le Web Widget si vous voulez décider de son aspect et de son emplacement.
Cet article aborde les sujets suivants :
Installation du Web Widget sur un site Web
Pour installer le Web Widget sur un site Web, vous devez avoir des connaissances élémentaires du code de votre site Web, car vous devrez coller le snippet de code avant la balise HTML </body> de fermeture.
La vidéo suivante vous offre un aperçu de la façon d’ajouter la messagerie à votre site Web :
Ajout de la messagerie à votre site Web [1:40]
Pour ajouter le Web Widget à votre site Web
- Dans le Centre d’administration, cliquez sur Canaux (
) dans la barre latérale, puis sélectionnez Messagerie et réseaux sociaux > Messagerie. - Cliquez sur le nom du widget à installer.
- Faites défiler la page vers le bas, puis cliquez sur Installation pour développer cette section.
- Cliquez sur l’icône Copier (
) en bas du cadre du snippet de code. - Dans le code source de la page Web à laquelle vous voulez ajouter le widget, collez le snippet de code avant la balise HTML </body> de fermeture. Ajoutez le code à chaque page Web sur laquelle vous voulez que s’affiche le widget.
- Si vous voulez envoyer le code à un tiers (un développeur, par exemple), cliquez sur Envoyer le code par e-mail à un membre de l’équipe.
- Vérifiez que votre pare-feu est configuré pour autoriser le Web Widget à s’afficher.
Installation du Web Widget dans un centre d’aide
L’installation du widget dans un centre d’aide est un processus simple qui ne nécessite qu’un seul clic. Vous devez avoir créé et activé votre centre d’aide pour installer le Web Widget.
Pour ajouter automatiquement le Web Widget à votre centre d’aide
- Dans le Centre d’administration, cliquez sur Canaux () dans la barre latérale, puis sélectionnez Messagerie et réseaux sociaux > Messagerie.
- Cliquez sur le nom du widget à installer.
- Faites défiler la page vers le bas, puis cliquez sur Installation pour développer cette section.
- Cochez la case Incorporer automatiquement le Web Widget à votre centre d’aide.
Vous ne verrez pas cette option si vous n’avez pas créé et activé votre centre d’aide.
- Cliquez sur Enregistrer.
Le Web Widget est ajouté à toutes les pages de votre centre d’aide.
Incorporation du Web Widget
Le mode incorporé place le Web Widget à l’intérieur d’un conteneur HTML spécifique sur votre page, au lieu de l’afficher dans un dock flottant à un emplacement fixe. Le widget remplit automatiquement les dimensions du conteneur que vous avez choisi, et vous contrôlez donc exactement son emplacement et son aspect. Cela est notamment utile pour les dispositions avancées, comme les vues divisées qui affichent les listes de conversations et les messages côte à côte.
Pour le mode incorporé, vous devez utiliser un appel API d’incorporation JavaScript afin de spécifier le mode et le conteneur cible pour le widget.
Pour utiliser le mode incorporé, commencez par désactiver le comportement de rendu automatique du widget.
window.zEMessenger = {
autorender: false
}
Puis, indiquez au widget où s’afficher en spécifiant l’ID ou la classe d’un conteneur :
zE('messenger', 'render', {
mode: 'embedded',
widget: {
targetElement: '#messaging-container'
}
});
Le Web Widget s’affiche à l’intérieur de l’élément #messaging-container et adopte la taille et la positon définie par votre CSS.
Pour en savoir plus, consultez la documentation sur le mode incorporé du Web Widget destinée aux développeurs. Pour d’autres exemples, consultez l’article sur le mode incorporé pour le widget Zendesk.