MOGU

Comment ajouter l'icône WhatsApp au site web de votre agence de voyages

Comment ajouter l'icône WhatsApp au site web de votre agence de voyages
Équipe MOGUÉcrit parÉquipe MOGU

Aujourd'hui, toute entreprise qui soigne la relation avec ses clients sait que WhatsApp a depuis longtemps quitté la sphère privée pour devenir un moyen supplémentaire de servir les clients. Dans la plupart des cas, il se comporte comme un canal de communication après-vente, c'est-à-dire qu'il sert normalement à offrir une assistance au client tout au long de son parcours. Cependant, rares sont les agences qui l'utilisent à une étape antérieure, celle de la vente. C'est pourquoi l'objectif de cet article est d'offrir une utilisation alternative de WhatsApp pour aider l'agent de voyages à intégrer son WhatsApp dans le processus commercial. Concrètement, nous allons le faire en intégrant l'icône de l'application verte sur votre page web.

Bien qu'il s'agisse d'une fonctionnalité simple, la plupart des plateformes web comme Wix, SquareSpace ou Wordpress n'offrent aucun plugin pour la configurer de manière rapide et facile ou, du moins, les agences ne le connaissent pas ou pensent qu'il faudrait engager un informaticien. La réalité est bien plus simple que cela. Il vous suffira de copier le texte que nous partageons ci-dessous, de modifier votre numéro de portable et de le coller dans le « header » de votre site. Cela ajoutera automatiquement l'icône de WhatsApp dans le coin inférieur droit de la page, et ainsi, chaque fois que quelqu'un aura une question, il pourra commencer avec vous une conversation via WhatsApp. L'intéressant, c'est qu'en plus vous pourrez identifier depuis quel voyage de votre site on vous écrit.

Code du voyage à coller dans le header : (là où vous voyez un numéro de téléphone, remplacez-le par le vôtre) :

<a id="whatsapp-button" href="#" style="position: fixed; bottom: 32px; right: 32px; background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/WhatsApp\_icon.png/598px-WhatsApp\_icon.png'); background-size: cover; height: 64px; width: 64px; z-index: 100;"></a> <script type="text/javascript"> (() => { const phone = '34630582217'; const text = '¡Hola! Me interesa este viaje:'; const url = window.location.href; const el = document.getElementById('whatsapp-button'); const processedMessage = encodeURI(text + ' ' + url); el.href = 'https://api.whatsapp.com/send?phone=' + phone + '&text=' + processedMessage; })() </script> <style> @media screen and (max-width: 1000px) { #whatsapp-button { bottom: 124px !important; } } </style>  

Pour réaliser cette action, il est important que vous disposiez d'un site web pour présenter vos voyages. Si vous ne l'avez pas encore, ne vous inquiétez pas : avec MOGU, vous pouvez composer vos voyages en ligne en un clic. De plus, la configuration de WhatsApp dans ce cas est automatique, vous n'aurez pas à ajouter le code à la main comme indiqué précédemment. Si vous souhaitez l'essayer ou que nous vous guidions dans l'utilisation de l'intégration de WhatsApp sur votre site, écrivez-nous à app@moguplatform.com ou commencez votre essai gratuit ici : https://app.moguplatform.com/register

Envie de voir MOGU en action ?

On vous montre comment ça marche, sans engagement

Demander info