Tabla de contenidos:<\/p>
- \u00bfPor qu\u00e9 incluir un chat de WhatsApp en WordPress?<\/a><\/li>
- C\u00f3mo integrar WhatsApp en WordPress<\/a>
- Plugins para a\u00f1adir WhatsApp en WordPress<\/a>
- Opci\u00f3n 1: Joinchat<\/a>
- Ajustes generales del bot\u00f3n<\/a><\/li>
- Ajustes de ventana de chat<\/a><\/li>
- Ajustes avanzados<\/a><\/li><\/ul><\/li>
- Opci\u00f3n 2: Click to chat<\/a><\/li><\/ul><\/li>
- Integrar WhatsApp en WordPress mediante c\u00f3digo<\/a>
- 1\u00ba. Construye tu URL<\/a><\/li>
- 2\u00ba. Inserta la URL en WordPress<\/a><\/li><\/ul><\/li><\/ul><\/li>
- El bot\u00f3n de WhatsApp en WordPress y la privacidad online<\/a><\/li>
- Conclusi\u00f3n: C\u00f3mo a\u00f1adir WhatsApp en WordPress y mejorar la comunicaci\u00f3n con tus usuarios<\/a><\/li><\/ul><\/div>\n\n
\u00bfPor qu\u00e9 incluir un chat de WhatsApp en WordPress?<\/span><\/h2>\n
Hoy en d\u00eda integrar un sistema de chat en WordPress<\/a><\/strong> es casi imprescindible. Los usuarios buscan inmediatez en las respuestas y, sobre todo, comodidad. Y otra cosa no, pero WhatsApp en esto se lleva la medalla de oro. Todos nosotros tenemos la aplicaci\u00f3n instalada en tel\u00e9fono m\u00f3vil y \u00a1adem\u00e1s cada 2 minutos revisamos si tenemos mensajes nuevos!<\/p>\n
Eso de cubrir un formulario de contacto, enviar un email o llamar por tel\u00e9fono ya no es para todos. Si un cliente tiene una duda y no encuentra una manera r\u00e1pida y f\u00e1cil de encontrar respuesta, posiblemente abandone tu web y busque lo que quiere en la de la competencia.<\/p>\n
Aun as\u00ed, si prefieres ofrecer ambas opciones, puedes crear f\u00e1cilmente un formulario de contacto en WordPress<\/strong><\/a> con Contact Form 7.<\/p><\/blockquote>\n
Entonces, \u00bfpuede ser WhatsApp un buen m\u00e9todo de comunicaci\u00f3n con tus visitas? S\u00ed, claro que puede serlo. Muchos usuarios preferir\u00e1n esta opci\u00f3n a los m\u00e9todos de comunicaci\u00f3n m\u00e1s tradicionales.<\/p>\n
La cuesti\u00f3n es, \u00bfdispones del tiempo o los recursos necesarios para atender todas las peticiones? En ocasiones, puede que WhatsApp se quede corto, si no lo integras con un sistema de gesti\u00f3n de tickets. Todo depende del volumen de contactos que recibas o el tipo de soporte que vayas a dar por esta v\u00eda.<\/p>\n
Bueno, no me l\u00edo m\u00e1s y voy directa al grano. A continuaci\u00f3n te explico c\u00f3mo a\u00f1adir WhatsApp en WordPress<\/strong>. \u00a1Es mucho m\u00e1s f\u00e1cil de lo que parece!<\/p>\n
C\u00f3mo integrar WhatsApp en WordPress<\/span><\/h2>\n
Cuando hacemos cualquier cosa en WordPress, desde a\u00f1adir un formulario de contacto hasta poner la web en modo mantenimiento<\/a><\/strong>, casi siempre hay dos formas de hacer las cosas: de forma autom\u00e1tica utilizando un plugin, o manualmente. Y, si hablamos de a\u00f1adir WhatsApp en WordPress, las cosas no iban a ser diferentes.<\/p>\n
As\u00ed que, primero vamos a ver c\u00f3mo integrar en WhatsApp en WordPress utilizando plugins (yo voy a destacar dos) y luego te explicar\u00e9 c\u00f3mo hacerlo manualmente, sin necesidad de instalar m\u00e1s complementos en tu web.<\/p>\n
\u00a1Vamos a ello!
\n<\/a><\/p>\n
Plugins para a\u00f1adir WhatsApp en WordPress<\/span><\/h3>\n
Esta es la forma m\u00e1s r\u00e1pida y f\u00e1cil para integrar WhatsApp en WordPress, adem\u00e1s te permitir\u00e1 crear un sistema de chat online bastante completo.<\/p>\n
Yo voy a mostrarte c\u00f3mo hacerlo con los plugins Joinchat y Click to Chat, que son los dos plugins de WhatsApp para WordPress<\/strong> m\u00e1s utilizados. Eso s\u00ed, ten en cuenta que estos son solo dos ejemplos, pero en el repositorio de WordPress encontrar\u00e1s muchas m\u00e1s opciones. Tambi\u00e9n puedes echar un vistazo a los mejores plugins WordPress<\/strong><\/a>, un post en el que encontrar\u00e1s herramientas \u00fatiles para casi cualquier necesidad.<\/p>\n
Opci\u00f3n 1: Joinchat<\/span><\/h4>\n
![\"Plugin](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/04\/vvame-chat-whatsapp-wordpress.png\" "\\"\\"")
<\/p>\nJoinchat<\/strong><\/a> es uno de los plugins de WhatsApp para WordPress m\u00e1s utilizado. Est\u00e1 activo en m\u00e1s de 100.000 instalaciones y tiene muy buenas valoraciones en el repositorio oficial.<\/p>\n
Las principales caracter\u00edsticas de Joinchat<\/strong>\u00a0son:<\/p>\n
- \n
- Muy f\u00e1cil de instalar y configurar.<\/li>\n
- Elige d\u00f3nde y cu\u00e1ndo quieres que se muestre el bot\u00f3n de WhatsApp.<\/li>\n
- Utiliza diferentes n\u00fameros de m\u00f3vil, por ejemplo, uno para ventas y otro para administraci\u00f3n.<\/li>\n
- Crea tus propias llamadas a la acci\u00f3n para incitar al usuario a que contacte contigo.<\/li>\n
- Personaliza los mensajes de inicio de conversaci\u00f3n.<\/li>\n
- \u00a1Y s\u00ed, tambi\u00e9n es compatible con WooCommerce!<\/li>\n<\/ul>\n
Ajustes generales del bot\u00f3n<\/span><\/h5>\n
Una vez instalado y activado el plugin, lo primero que debes hacer es configurar la apariencia del bot\u00f3n del chat de WhatsApp. Para ello, ve a \u00abAjustes\u00bb – \u00abJoinchat\u00bb y, en la pesta\u00f1a General, establece los siguientes ajustes:<\/p>\n
- \n
- A\u00f1ade el n\u00famero de tel\u00e9fono desde el que vas a atender las consultas.<\/li>\n
- Mensaje predefinido para que tus visitas te env\u00eden. Si no quieres, no hace falta que cubras este campo.<\/li>\n
- \u00bfSolo para m\u00f3vil? El plugin te da la opci\u00f3n de que el bot\u00f3n de chat de WordPress tan solo se muestre en dispositivos m\u00f3viles. En caso contrario, se abrir\u00e1 WhatsApp Web en el navegador.<\/li>\n
- Elige la posici\u00f3n del bot\u00f3n en la web y, si quieres, un logo o imagen que se intercalar\u00e1 con el logo de WhatsApp. Tambi\u00e9n puedes a\u00f1adir un texto al lado del bot\u00f3n.<\/li>\n
- Tambi\u00e9n puedes elegir cu\u00e1ndo quieres que se muestre el bot\u00f3n en la pantalla del usuario. Si quieres que se muestre inmediatamente, selecciona el valor. En caso contrario, establece los segundos de retardo que quieras.<\/li>\n<\/ul>\n
![\"Ajustes](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/04\/ajustes-generales-boton-vvame-chat-whatsapp-wordpress.png\" "\\"\\"")
<\/p>\nAjustes de ventana de chat<\/span><\/h5>\n
\u00bfQuieres ser proactivo y ser t\u00fa el primero en contactar con tus clientes? Crea un mensaje autom\u00e1tico para que tus clientes sepan que est\u00e1s ah\u00ed para ayudarles:<\/p>\n
- \n
- Escribe un mensaje o llamada a la acci\u00f3n con el que atraer la atenci\u00f3n de tus visitas.<\/li>\n
- Establece tambi\u00e9n el texto del bot\u00f3n de inicio de WhatsApp en la ventana de chat.<\/li>\n
- \u00bfQuieres que la ventana de chat se muestre autom\u00e1ticamente o con retardo?<\/li>\n
- \u00bfC\u00f3mo quieres impactar al usuario? Puedes hacerlo con un peque\u00f1o aviso y que no sea muy intrusivo o que autom\u00e1ticamente se abra la conversaci\u00f3n de chat.<\/li>\n<\/ul>\n
![\"Ajustes](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/04\/ajustes-generales-ventana-vvame-chat-whatsapp-wordpress.png\" "\\"\\"")
<\/p>\nAjustes avanzados<\/span><\/h5>\n
\u00bfEn qu\u00e9 p\u00e1ginas quieres que est\u00e9 disponible el bot\u00f3n de chat? Por defecto estar\u00e1 visible en todas, pero puedes hacer que el chat no aparezca en determinadas p\u00e1ginas, por ejemplo, la del error 404<\/a><\/strong>, la p\u00e1gina de inicio o home, etc.<\/p>\n
![\"Ajustes](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/04\/ajustes-avanzados-vvame-chat-whatsapp-wordpress.png\" "\\"\\"")
<\/p>\nImportante:<\/strong> Si no quieres que se muestre siempre el mismo mensaje o quieres ocultarlo en una entrada determinada, no te preocupes. Vas a tener siempre la opci\u00f3n de personalizarlo u ocultarlo cada vez que publiques o edites una p\u00e1gina en WordPress.<\/p>\n
![\"Personalizaci\u00f3n](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/04\/personalizacion-entradas-vvame-chat-whatsapp-wordpress.png\" "\\"\\"")
<\/p>\nOpci\u00f3n 2: Click to chat<\/span><\/h4>\n
![\"Plugin](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/04\/plugin-click-to-chat-wordpress-whatsapp.png\" "\\"\\"")
<\/p>\nClick to chat<\/a><\/strong> es una alternativa muy buena al plugin que acabamos de ver. Te permite a\u00f1adir un chat de WhatsApp en WordPress de manera muy f\u00e1cil y r\u00e1pida. Te explico r\u00e1pidamente c\u00f3mo configurarlo.<\/p>\n
Una vez instalado y activado el plugin en tu web, se crear\u00e1 la secci\u00f3n \u00abClick to Chat\u00bb en el men\u00fa lateral de WordPress. Pulsa sobre ella y establece los siguientes ajustes:<\/p>\n
- \n
- A\u00f1ade el n\u00famero de tel\u00e9fono desde el que atender\u00e1s a tus visitas.<\/li>\n
- El mensaje que se mostrar\u00e1 autom\u00e1ticamente cuando un usuario haga clic en el bot\u00f3n de WhatsApp.<\/li>\n
- Configura una llamada a la acci\u00f3n<\/a><\/strong> o CTA que se mostrar\u00e1 junto al bot\u00f3n de WhatsApp.<\/li>\n
- Elige el estilo del bot\u00f3n tanto para la versi\u00f3n m\u00f3vil como de escritorio y el tama\u00f1o. Si no te convence ninguno de los que hay por defecto, en la pesta\u00f1a \u00abCustomize Styles\u00bb puedes crear uno personalizado.<\/li>\n<\/ul>\n
![\"Ajustes](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/04\/ajustes-click-to-chat-whatsapp-wordpress.png\" "\\"\\"")
<\/p>\nAdem\u00e1s, Click to Chat incluye integraci\u00f3n con Google Analytics y Meta Ads, lo que te permite medir las conversiones de tus chats de WhatsApp. Recuerda que, si quieres saber cu\u00e1ntas personas hacen clic en tu bot\u00f3n de WhatsApp, puedes instalar Google Analytics en WordPress<\/strong><\/a> y medirlo f\u00e1cilmente.<\/p>\n
Importante:<\/strong> Al igual que ocurre con el plugin Joinchat, en cada entrada o p\u00e1gina de WordPress podr\u00e1s establecer un CTA diferente.<\/p>\n
Integrar WhatsApp en WordPress mediante c\u00f3digo<\/span><\/h3>\n
Otra forma de poner el chat de WhatsApp en WordPress<\/strong> es de manera manual, sin utilizar plugins.<\/strong><\/p>\n
Para ello, WhatsApp ha desarrollado la funcionalidad \u00abClick to chat\u00bb, mediante la cual permite abrir un chat directamente con un n\u00famero aunque este no est\u00e9 en nuestra lista de contactos mediante una URL. Incluso es posible a\u00f1adir un mensaje predeterminado.<\/p>\n
Nota:<\/strong> Yo te recomiendo que optes por esta opci\u00f3n cuando quieres a\u00f1adir el icono de WhatsApp \u00fanicamente en una secci\u00f3n determinada de tu web, por ejemplo, en la p\u00e1gina de Contacto o en el footer. Si realmente quieres un elemento interactivo o que funcione como un verdadero sistema de chat online, lo ideal es que utilices uno de los plugins que acabamos de ver.<\/p>\n
1\u00ba. Construye tu URL<\/span><\/h4>\n
Lo primero que tienes que hacer es crear tu URL siguiendo este patr\u00f3n: https:\/\/wa.me\/<number>\/?text=<urlencodedtext><\/p>\n
Ahora sustituye los siguientes campos con tu informaci\u00f3n:<\/p>\n
- \n
- <number><\/strong>: el n\u00famero de tel\u00e9fono desde el que quieres atender las consultas, incluyendo el prefijo del pa\u00eds, sin ceros ni caracteres especiales. Por ejemplo, para un n\u00famero espa\u00f1ol pondr\u00edamos 34666778899, siendo 34 el prefijo de Espa\u00f1a.<\/li>\n
- <urlencodedtext><\/strong>: es la URL del mensaje que quieres que se env\u00ede por defecto. No es necesario establecerlo, pero para tus usuarios es mucho m\u00e1s c\u00f3modo. Por ejemplo: Hola, \u00bfpod\u00e9is ayudarme?<\/i><\/li>\n<\/ul>\n
\u00a1Ojo! Como el texto es parte de una URL, debe ir codificado<\/strong>. Si nunca lo has hecho, puedes utilizar una herramienta online como URLEncoder<\/a><\/strong>. Simplemente mete el texto a codificar y autom\u00e1ticamente te devuelve la cadena de texto a utilizar en la URL. Por ejemplo:<\/p>\n
![\"Ejemplo](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/04\/codificar-url.png\" "\\"\\"")
<\/p>\nPor tanto, ya tenemos la URL que necesitamos, te quedar\u00e1 algo como:<\/p>\n
- \n
- https:\/\/wa.me\/34666778899\/?text=Hola%2C%20%C2%BFpod%C3%A9is%20ayudarme%3F<\/li>\n<\/ul>\n
2\u00ba. Inserta la URL en WordPress<\/span><\/h4>\n
\u00a1Ya casi lo tienes! Ahora solo tienes que a\u00f1adir la URL en WordPress.<\/p>\n
Como te he comentado un poquito m\u00e1s arriba, esto nos permitir\u00e1 a\u00f1adir un enlace directamente a WhatsApp, pero no es un sistema de chat en s\u00ed. Lo ideal es a\u00f1adir este enlace en tu secci\u00f3n de contacto o, por ejemplo, en el footer de tu web mediante un widget.<\/p>\n
Una vez que el usuario haga clic sobre ese enlace (ya est\u00e9 en formato texto o imagen) ir\u00e1 directamente a WhatsApp. Si est\u00e1 accediendo desde un tel\u00e9fono m\u00f3vil se abrir\u00e1 autom\u00e1ticamente la aplicaci\u00f3n y, si accede desde ordenador, ir\u00e1 directamente al servicio de WhatsApp Web.
![\"Insertar](\"https:\/\/www.lucushost.com\/blog\/wp-content\/uploads\/2020\/04\/insertar-url-whatsapp-wordpress.png\" "\\"\\"")
<\/p>\n<\/p>\n
El bot\u00f3n de WhatsApp en WordPress y la privacidad online<\/span><\/h2>\n
Cuando decides poner WhatsApp en tu web, hay un tema que a veces pasamos por alto y que conviene tener muy en cuenta: la privacidad de los datos. En el momento en que alguien te escribe por WhatsApp desde tu sitio, est\u00e1 compartiendo su n\u00famero, su nombre y, a veces, algo m\u00e1s. Eso ya entra dentro del terreno del RGPD, as\u00ed que hay que hacerlo bien.<\/p>\n
Lo primero es avisar al usuario de que, al escribirte, est\u00e1s recogiendo sus datos para poder responderle. No hace falta un texto largo ni legalista, sino que basta con una frase clara. Por ejemplo, algo como \u201cAl contactar por WhatsApp aceptas nuestra pol\u00edtica de privacidad y el uso de tus datos para responderte\u201d. Y, por supuesto, esa frase deber\u00e1 enlazar a tu pol\u00edtica de privacidad, donde tendr\u00e1s que explicar bien qui\u00e9n eres, qu\u00e9 haces con esos datos y c\u00f3mo puede la persona pedir que los borres o los modifiques.<\/p>\n
Tambi\u00e9n es buena idea usar un n\u00famero profesional, no el personal de toda la vida. Con WhatsApp Business puedes hacerlo f\u00e1cilmente y adem\u00e1s te deja configurar respuestas autom\u00e1ticas o mostrar la informaci\u00f3n b\u00e1sica de tu negocio.<\/p>\n
Otro detalle importante es que WhatsApp pertenece a Meta y los datos pueden pasar por servidores que est\u00e9n fuera de Europa. No tienes que complicarte mucho con esto, pero s\u00ed conviene mencionarlo en tu pol\u00edtica de privacidad para ser transparente.<\/p>\n
Y, por \u00faltimo, intenta no pedir ni manejar informaci\u00f3n delicada a trav\u00e9s de este canal. WhatsApp est\u00e1 bien para resolver dudas r\u00e1pidas o atender consultas, pero no para tratar datos sensibles.<\/p>\n
Conclusi\u00f3n: C\u00f3mo a\u00f1adir WhatsApp en WordPress y mejorar la comunicaci\u00f3n con tus usuarios<\/span><\/h2>\n
Incluir WhatsApp en WordPress es una de las formas m\u00e1s eficaces de ofrecer atenci\u00f3n inmediata y mejorar la experiencia del usuario. Con solo un clic, tus visitas pueden contactar contigo desde su m\u00f3vil o escritorio, sin complicaciones.<\/p>\n
Tienes dos formas principales de integrar WhatsApp en WordPress:<\/p>\n
- \n
- Con plugins de WhatsApp para WordPress<\/strong>: Son la opci\u00f3n m\u00e1s completa si buscas un sistema de chat en tiempo real, personalizable y con buena usabilidad.<\/li>\n
- De forma manual<\/strong>: Perfecta si solo necesitas colocar un enlace directo en una secci\u00f3n concreta de tu web, como el footer o la p\u00e1gina de contacto, sin instalar m\u00e1s complementos.<\/li>\n<\/ul>\n
Ambas opciones son v\u00e1lidas. La clave est\u00e1 en elegir la que mejor se adapte al tipo de soporte que ofreces y al volumen de consultas que recibes.<\/p>\n
Y recuerda que para que cualquier plugin funcione bien (incluido el de WhatsApp) es importante contar con un alojamiento r\u00e1pido y estable. En nuestros planes de Hosting WordPress<\/strong><\/a> usamos LiteSpeed y discos NVMe, que hacen que tu web vaya como un tiro incluso con varios plugins activos.<\/p>\n
\ud83d\udc49 \u00bfListo para mejorar la comunicaci\u00f3n con tus usuarios? A\u00f1ade WhatsApp a tu WordPress y haz que contactar contigo sea tan f\u00e1cil como enviar un mensaje.<\/p>\n
- De forma manual<\/strong>: Perfecta si solo necesitas colocar un enlace directo en una secci\u00f3n concreta de tu web, como el footer o la p\u00e1gina de contacto, sin instalar m\u00e1s complementos.<\/li>\n<\/ul>\n
- Con plugins de WhatsApp para WordPress<\/strong>: Son la opci\u00f3n m\u00e1s completa si buscas un sistema de chat en tiempo real, personalizable y con buena usabilidad.<\/li>\n
- <urlencodedtext><\/strong>: es la URL del mensaje que quieres que se env\u00ede por defecto. No es necesario establecerlo, pero para tus usuarios es mucho m\u00e1s c\u00f3modo. Por ejemplo: Hola, \u00bfpod\u00e9is ayudarme?<\/i><\/li>\n<\/ul>\n
- Elige el estilo del bot\u00f3n tanto para la versi\u00f3n m\u00f3vil como de escritorio y el tama\u00f1o. Si no te convence ninguno de los que hay por defecto, en la pesta\u00f1a \u00abCustomize Styles\u00bb puedes crear uno personalizado.<\/li>\n<\/ul>\n
- 2\u00ba. Inserta la URL en WordPress<\/a><\/li><\/ul><\/li><\/ul><\/li>
- Ajustes de ventana de chat<\/a><\/li>
- Ajustes generales del bot\u00f3n<\/a><\/li>
- Opci\u00f3n 1: Joinchat<\/a>
- C\u00f3mo integrar WhatsApp en WordPress<\/a>