Cómo añadir el icono de WhatsApp a la web de tu agencia de viajes

Hoy en día toda empresa que cuide el trato con sus clientes sabe que WhatsApp hace mucho que abandonó la esfera privada para convertirse en una forma más de atender a los clientes.En la mayoría de los casos se comporta como un canal de comunicación post-venta, es decir, normalmente para ofrecer asistencia al cliente a lo largo de su cliente. Sin embargo, son pocas las agencias que lo usan en una fase anterior, la de la venta. Por eso, el objetivo de este artículo es ofrecer un uso alternativo de WhatsApp para ayudar al agente de viajes a incorporar su WhatsApp en el proceso comercial. Concretamente, lo haremos integrando el icono de la aplicación verde en tu página web.

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