{"id":695,"date":"2017-07-24T04:06:06","date_gmt":"2017-07-24T04:06:06","guid":{"rendered":"https:\/\/bloopdigital.com\/site\/?p=695"},"modified":"2022-10-11T11:34:55","modified_gmt":"2022-10-11T14:34:55","slug":"boton-de-whatsapp-la-nueva-herramienta-de-generacion-de-leads","status":"publish","type":"post","link":"https:\/\/bloop.agency\/blog\/boton-de-whatsapp-la-nueva-herramienta-de-generacion-de-leads\/","title":{"rendered":"Boton de WhatsApp: la nueva herramienta de generacion de Leads"},"content":{"rendered":"<p>Hoy queremos compartir una innovaci\u00f3n en la generaci\u00f3n de leads, sobre todo en dispositivos m\u00f3viles: <strong>La API de WhatsApp<\/strong>. <em>Y te vamos a contar c\u00f3mo lo implementamos con un cliente de la agencia.<\/em><\/p>\n<p>Todos conocemos la importancia de WhatsApp en nuestras vidas, la usamos para hablar con todo el mundo: amigos, pareja, familiares, incluso en el trabajo. \u00bfPor qu\u00e9 las empresas no iban a hacer lo mismo?<\/p>\n<p>Cuando un usuario llega a un sitio web, se le deben ofrecer todas las v\u00edas de contacto posible de la empresa, para que elija la que m\u00e1s c\u00f3modo se siente: email, tel\u00e9fono, chat y\/o WhatsApp. <strong>Esto aumenta la tasa de interacci\u00f3n de los usuarios.<\/strong><\/p>\n<h3><strong>Los beneficios de WhastApp para una empresa son varios:<\/strong><\/h3>\n<ul>\n<li>Para muchos es la forma m\u00e1s sencilla de comunicarse: <strong>implica poco esfuerzo y puedo mantener una conversaci\u00f3n de a ratos<\/strong> sin necesidad de responder inmediatamente.<\/li>\n<\/ul>\n<ul>\n<li>El usuario hoy en d\u00eda est\u00e1 mucho m\u00e1s alerta a este tipo de notificaciones, que a la de un email por ejemplo. <strong>\u00a1WhastApp no tiene SPAM como los emails!<\/strong> (todav\u00eda\u2026)<\/li>\n<\/ul>\n<ul>\n<li>En el caso que el prospecto avance, <strong>la empresa tiene la opci\u00f3n de llamar directamente al prospecto<\/strong>, porque al enviarnos un WhatsApp \u00a1Ya nos dio su tel\u00e9fono!<\/li>\n<\/ul>\n<h3><strong>Caso de estudio: TdeA<\/strong><\/h3>\n<p>Hace unas semanas empezamos a trabajar con <a href=\"https:\/\/www.tdeafutbol.com.ar\/mod\/soccer\/index.aspx\">TdeA, una empresa que organiza torneos de futbol<\/a> en Buenos Aires hace m\u00e1s de 15 a\u00f1os, y desarrollamos una campa\u00f1a de captaci\u00f3n de Leads a trav\u00e9s de Google AdWords y Facebook Ads. Ellos ya ten\u00edan la mayor\u00eda de la comunicaci\u00f3n con sus clientes a trav\u00e9s de WhatsApp, entonces no les cost\u00f3 amoldarla a su estrategia de ventas tambi\u00e9n (cosa que muchas empresas son reacias).<\/p>\n<p>Les desarrollamos entonces una <a href=\"https:\/\/www.torneosfutbol.com.ar\/\">P\u00e1gina de Aterrizaje<\/a> para la campa\u00f1a, que ten\u00eda la particularidad de ofrecer 3 v\u00edas de contacto: email, tel\u00e9fono y WhatsApp. Lo interesante, es que al hacer clic en el bot\u00f3n de WhatsApp, \u00a1te abre directamente una conversaci\u00f3n de WhatsApp con la empresa! De forma inmediata ya est\u00e1s interactuando con la empresa. A continuaci\u00f3n les mostramos c\u00f3mo se ve esto desde un celular:<\/p>\n<p>El usuario m\u00f3vil llega a la Landing Page.<\/p>\n<p>Al hacer clic en el Bot\u00f3n de WhatsApp, se muestra el n\u00famero.<\/p>\n<p>Al hacer clic nuevamente, se abre una\u00a0conversaci\u00f3n por WhatsApp con la empresa.<\/p>\n<p style=\"text-align: center;\"><strong>(Para ver su funcionamiento, ingres\u00e1 a la landing desde un celular:\u00a0<a href=\"https:\/\/www.torneosfutbol.com.ar\/\" target=\"_blank\" rel=\"noopener noreferrer\">www.torneosfutbol.com.ar<\/a>)<\/strong><\/p>\n<p>\u00bfY c\u00f3mo hacemos para poner un link en el tel\u00e9fono que abra la conversaci\u00f3n en WhatsApp? f\u00e1cil, usamos este modelo de link: https:\/\/api.whatsapp.com\/send?phone=+5491199999999&amp;text=TEXTO&#8217;<\/p>\n<p>Lo \u00fanico que deb\u00e9s hacer, es remplazar el tel\u00e9fono que parece por el n\u00famero que quieras, y el texto con que quer\u00e9s que se vea el bot\u00f3n \u00a0\ud83d\ude0d\ud83d\udc4d<\/p>\n<p><strong>&#8220;C\u00f3mo insertar el bot\u00f3n flotante de WhatsApp en tu sitio web&#8221;\u00a0<\/strong><\/p>\n<div>Y si quer\u00e9s tener el bot\u00f3n de WhastApp flotante en tu sitio web, hac\u00e9 lo siguiente:<\/div>\n<div><\/div>\n<div>1) Dentro del &lt;head&gt; antes de que cierre, pegamos el siguiente c\u00f3digo (Los colores se van a poder editar desde este estilo):<\/div>\n<div>\n<div>&lt;style&gt;<\/div>\n<div>\u00a0 \u00a0 .hidedesktop{<\/div>\n<div>display: none !Important;<\/div>\n<div>}<\/div>\n<div><\/div>\n<div><\/div>\n<div>.llamada{<\/div>\n<div>\u00a0 \u00a0 \u00a0 \u00a0display: inline-block !Important;<\/div>\n<div>\u00a0 \u00a0 padding: 20px !Important;<\/div>\n<div>\u00a0 \u00a0 padding-right: 20px !Important;<\/div>\n<div>\u00a0 \u00a0 right: 0;<\/div>\n<div>\u00a0 \u00a0 position: fixed !Important;<\/div>\n<div>\u00a0 \u00a0 bottom: 0 !Important;<\/div>\n<div>\u00a0 \u00a0 \/* width: 100%; *\/<\/div>\n<div>\u00a0 \u00a0 z-index: 999;<\/div>\n<div>\u00a0 \u00a0 \/* background: #2e2e2e; *\/<\/div>\n<div>}<\/div>\n<div><\/div>\n<div>.call-boton {<\/div>\n<div>font-family: &#8220;Helvetica Neue&#8221;, Helvetica, Arial, sans-serif;<\/div>\n<div>\u00a0 \u00a0 -webkit-border-radius: 10 !Important;<\/div>\n<div>\u00a0 \u00a0 -moz-border-radius: 10 !Important;<\/div>\n<div>\u00a0 \u00a0 border-radius: 60px !Important;<\/div>\n<div>\u00a0 \u00a0 width: 60px !Important;<\/div>\n<div>\u00a0 \u00a0 height: 60px !Important;<\/div>\n<div>\u00a0 \u00a0 color: #ffffff;<\/div>\n<div>\u00a0 \u00a0 margin: 0 auto;<\/div>\n<div>\u00a0 \u00a0 float: right;<\/div>\n<div>\u00a0 \u00a0 font-size: 30px !Important;<\/div>\n<div>\u00a0 \u00a0 margin-right: 20px !Important;<\/div>\n<div><\/div>\n<div>\u00a0 \u00a0 \/* border: solid #3e3e3e 4px; *\/<\/div>\n<div>\u00a0 \u00a0 text-decoration: none;<\/div>\n<div>\u00a0 \u00a0 text-align: center;<\/div>\n<div><\/div>\n<div>}<\/div>\n<div><\/div>\n<div>.boton-block{<\/div>\n<div>display: block;<\/div>\n<div>}<\/div>\n<div><\/div>\n<div><\/div>\n<div>.call-boton:hover {<\/div>\n<div>\u00a0 text-decoration: none;<\/div>\n<div>}<\/div>\n<div><\/div>\n<div>&lt;\/style&gt;<\/div>\n<\/div>\n<div><\/div>\n<p>2) Pegamos este div ni bien empieza el body.<\/p>\n<div>&lt;div class=&#8221;llamada&#8221;&gt;<\/div>\n<div>&lt;a class=&#8221;call-boton boton-block boton-lg&#8221; style=&#8221;float: right; &#8221; href=&#8221;<a href=\"https:\/\/api.whatsapp.com\/send?phone=54911111111111111&amp;text=texto\" target=\"_blank\" rel=\"noopener noreferrer\" data-saferedirecturl=\"https:\/\/www.google.com\/url?q=https:\/\/api.whatsapp.com\/send?phone%3D54911111111111111%26text%3Dtexto&amp;source=gmail&amp;ust=1539755792126000&amp;usg=AFQjCNHpBBn3-DAPmPXeqCx_jXs2DmNBLA\">https:\/\/api.<span class=\"il\">whatsapp<\/span>.com<wbr \/>\/send?phone=54911111111111111&amp;<wbr \/>text=texto<\/a>%20de%20prueba&#8221;\u00a0<wbr \/>target=&#8221;_blank&#8221; role=&#8221;button&#8221;&gt;<\/div>\n<div>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0&lt;img src=&#8221;<a href=\"http:\/\/c.fastcdn.co\/u\/0c2b9725\/34230526-0-wa.png\" target=\"_blank\" rel=\"noopener noreferrer\" data-saferedirecturl=\"https:\/\/www.google.com\/url?q=http:\/\/c.fastcdn.co\/u\/0c2b9725\/34230526-0-wa.png&amp;source=gmail&amp;ust=1539755792126000&amp;usg=AFQjCNFQbCJ5QolrTPIRMkdc2VMrTE3_DA\">http:\/\/c.fastcdn.co\/u\/0c2<wbr \/>b9725\/34230526-0-wa.png<\/a>&#8220;&gt;&lt;\/a&gt; id=&#8221;<span class=\"il\">whatsapp<\/span>&#8220;<\/div>\n<p><span class=\"im\">\u00a0 \u00a0 &lt;\/div&gt;<\/span><\/p>\n<p>Modificar los \u00a81\u00a8 por el n\u00famero de W<span class=\"il\">hatsApp<\/span>, y reemplezar el \u00a8texto de prueba\u00a8 que quer\u00e9s que aparezca en el mensaje por default.\u00a0Los espacios son estos \u00a8%20\u00a8. Y el id &#8220;<span class=\"il\">whatsapp<\/span>&#8221; es lo que te va a permitir identificarlo luego para medirlo como un evento desde Tag Manager o Google Analytics.<\/p>\n<p>[\/et_pb_toggle][et_pb_text background_layout=&#8221;light&#8221; text_orientation=&#8221;left&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; module_alignment=&#8221;left&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; background_size=&#8221;initial&#8221;]<\/p>\n<h3>M\u00e9tricas:<\/h3>\n<p>La realidad, es que <strong>los usuarios de dispositivos m\u00f3viles generan una tasa de conversi\u00f3n por WhatsApp que casi duplica el env\u00edo de emails por el formulario tradicional (9% WhatsApp contra 5% el formulario)<\/strong>, y la v\u00eda de contacto telef\u00f3nica en este caso queda totalmente relegada. Claro que dependiendo el rubro, y la forma en que se presenten, los n\u00fameros podr\u00edan variar.<\/p>\n<p>Te mostramos las m\u00e9tricas de los \u00faltimos d\u00edas de la campa\u00f1a:<\/p>\n<p>Como ver\u00e1s, no sucede lo mismo en los usuarios de computadoras, que la tasa de conversi\u00f3n es mucho m\u00e1s pareja: 15% y 12%. En este \u00faltimo caso los usuarios que prefieren llamar son m\u00e1s tambi\u00e9n: un 6%.<\/p>\n<p>Algo que estamos aprendiendo analizando estos primeros d\u00edas de campa\u00f1a, es que del casi 20% de tasa de conversi\u00f3n que tiene esta campa\u00f1a, los usuarios de computadoras (que son los menos) se convierten en Leads en un 32%. Mientras que los usuarios de dispositivos m\u00f3viles, que son la mayor\u00eda, tienen una tasa de conversi\u00f3n del 15%. Nuestro nuevo desaf\u00edo claramente es mejorar la experiencia en la p\u00e1gina de destino para dispositivos m\u00f3viles, para aumentar esta \u00faltima tasa de conversi\u00f3n. Les prometemos volver a actualizar este articulo con las optimizaciones que hagamos en el futuro sobre esta \u00e1rea.<\/p>\n<h3><strong>Como gestionar los leads desde WhastApp Web: el nuevo \u201ccallcenter\u201d<\/strong><\/h3>\n<p>WhastApp no solo es pr\u00e1ctico para el usuario, tambi\u00e9n lo es para la empresa: al conectar el WhatsApp con la aplicaci\u00f3n Web, le permite tener infinidad de conversaciones simultaneas con diferentes potenciales clientes, cosa que requerir\u00eda de un equipo y recursos mucho m\u00e1s grandes para que sea un servicio en vivo. Para conectarlo, solo tienes que escanear el c\u00f3digo de https:\/\/web.whatsapp.com\/ y sincronizar tu tel\u00e9fono.<\/p>\n<h3><strong>WhatsApp Business<\/strong><\/h3>\n<p>Por \u00faltimo, Facebook est\u00e1 trabajando en desarrollar el \u00a8WhatsApp Business\u00a8, que te permite tener un n\u00famero adicional para poder atender a tus clientes a trav\u00e9s de una cuenta de empresa. Por el momento solo est\u00e1 disponible para los celulares con Android. Algunos beneficios de usar WhatsApp Business son:<\/p>\n<p>Perfil de empresa: Con WhatsApp para Empresa pod\u00e9s personalizar tu perfil con la direcci\u00f3n de tu empresa, la descripci\u00f3n, el correo electr\u00f3nico y el sitio web.<\/p>\n<p>Respuestas R\u00e1pidas: Las respuestas r\u00e1pidas de WhatsApp para Empresas te permiten tener guardadas las respuestas m\u00e1s usadas para automatizar las interacciones con m\u00e1s usuarios.<\/p>\n<p>Respuestas autom\u00e1ticas: WhatsApp para empresa te permite configurar un mensaje para cuando no est\u00e9s en el chat, para que los usuarios sepan si ser\u00e1n atendidos o no. O tal vez pod\u00e9s crear un mensaje de bienvenida para que conozcan m\u00e1s informaci\u00f3n sobre tu empresa.<\/p>\n<p>Estad\u00edsticas de mensajes: WhatsApp para Empresas te brindar\u00e1 m\u00e9tricas importantes para medir la eficiencia de tu atenci\u00f3n, como:<\/p>\n<p>La cantidad de mensajes que se entregaron<br \/>\nLa cantidad de mensajes que se enviaron<br \/>\nLa cantidad de mensajes que se leyeron exitosamente.<\/p>\n<p>Podr\u00e1s encontrar m\u00e1s informaci\u00f3n de forma oficial en el sitio web de <a href=\"https:\/\/www.whatsapp.com\/business\" target=\"_blank\" rel=\"noopener noreferrer\">WhatsApp Business<\/a><\/p>\n<h4>Luciano Spinelli<\/h4>\n<p>Emprendedor.\u00a0Director en\u00a0<a href=\"https:\/\/bloopdigital.com\/site\">Bloop<\/a>\u00a0y en <a href=\"https:\/\/crossfitdevoto.com\/\">CrossFit Devoto<\/a>. Tambi\u00e9n ense\u00f1a\u00a0Google AdWords, Facebook Ads y Google Analytics\u00a0en cursos de posgrado en UCES, UB y Di Tella. Luciano ayuda a compa\u00f1\u00edas a desarrollar sus negocios online\u00a0a trav\u00e9s de acciones exclusivamente enfocadas en resultados.<\/p>\n<p>Aprend\u00e9 c\u00f3mo desarrollamos las \u00faltimas soluciones en\u00a0marketing online para nuestros clientes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hoy queremos compartir una innovaci\u00f3n en la generaci\u00f3n de leads, sobre todo en dispositivos m\u00f3viles: La API de WhatsApp. Y te vamos a contar c\u00f3mo lo implementamos con un cliente de la agencia. Todos conocemos la importancia de WhatsApp en nuestras vidas, la usamos para hablar con todo el mundo: amigos, pareja, familiares, incluso en [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":707,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[13,14,8,15,16,17],"class_list":["post-695","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-leads","tag-marketing-digital","tag-marketing-online","tag-prospectos","tag-ventas","tag-whatsapp"],"_links":{"self":[{"href":"https:\/\/bloop.agency\/blog\/wp-json\/wp\/v2\/posts\/695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bloop.agency\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bloop.agency\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bloop.agency\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/bloop.agency\/blog\/wp-json\/wp\/v2\/comments?post=695"}],"version-history":[{"count":1,"href":"https:\/\/bloop.agency\/blog\/wp-json\/wp\/v2\/posts\/695\/revisions"}],"predecessor-version":[{"id":4851,"href":"https:\/\/bloop.agency\/blog\/wp-json\/wp\/v2\/posts\/695\/revisions\/4851"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bloop.agency\/blog\/wp-json\/wp\/v2\/media\/707"}],"wp:attachment":[{"href":"https:\/\/bloop.agency\/blog\/wp-json\/wp\/v2\/media?parent=695"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bloop.agency\/blog\/wp-json\/wp\/v2\/categories?post=695"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bloop.agency\/blog\/wp-json\/wp\/v2\/tags?post=695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}