How to add WhatsApp icon to your travel agency's website

Today, every company that cares about dealing with its customers knows that WhatsApp has long since left the private sphere to become another way of serving customers, in most cases behaving as a post-sales communication channel, i.e. usually to provide customer support throughout the customer's life. However, few agencies use it at an earlier stage, that of the sale. Therefore, the aim of this article is to offer an alternative use of WhatsApp to help the travel agent to incorporate their WhatsApp in the commercial process. Specifically, we will do so by integrating the green application icon on your website.

A pesar de ser una funcionalidad sencilla, la mayoría de las plataformas web como Wix, SquareSpace o Wordpress no ofrecen ningún plugin para configurarlo de forma rápida y fácil o al menos, las agencias no lo conocen o piensan que es algo para lo que necesitarían contratar a un informático. La realidad es que es mucho más simple que eso. Tan solo tendrás que copiar el texto que te compartimos a continuación editar tu número de móvil y pegarlo en “header” de tu web. Esto añadirá automáticamente el icono de WhatsApp en la esquina inferior derecha de la página y así cada vez que alguien tenga alguna pregunta, podrá iniciar contigo una conversación por WhatsApp. Lo interesante de esto es que además podrás identificar desde qué viaje de tu web te están escribiendo.

Código del viaje para pegar en el header: (allá donde veas un número de móvil, tienes que sustituirlo por el tuyo):

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

Para llevar a cabo esta acción es importante que dispongas de web para presentar tus viajes. Si todavía no la tienes, no te preocupes, con MOGU puedes componer tus viajes online en un click. Además la configuración de Whatsapp en este caso es automática, no tendrás que añadir que el código a mano como indicábamos anteriormente. Si te interesa probarlo o que te guiemos en el uso de como implementar el WhatsApp en tu web, escríbenos a app@moguplatform.com o inicia tu prueba gratuita desde aquí: https://app.moguplatform.com/register