Saltar al contenido
Menú
El blog de Loading
  • Inicio
  • WordPress
  • Prestashop
  • Correo
  • PHP
  • Dominios
El blog de Loading

Cómo integrar WhatsApp en WordPress

Publicada el 24 febrero 20221 junio 2022
  • Poner WhatsApp en WordPress con plugin
  • Poner WhatsApp en WordPress sin plugin

Teniendo en cuenta que WhatsApp se ha convertido en una de las aplicaciones de mensajería instantánea más populares, y que el soporte por medio de chat online es la opción cada vez mas elegida por los usuarios, por su inmediatez y comodidad. Entonces… ¿No crees que quizás podría ser un buen plan integrar Whatsapp en tu web para ofrecer soporte a tus clientes?

Si estás de acuerdo, quédate porque vamos a dedicar este post a explicarte cómo integrar Whatsapp en WordPress con y sin plugin.

Poner WhatsApp en WordPress con plugin

En este caso hemos elegido el plugin Join.chat por su popularidad y fácil configuración.

  • Instala el plugin Join.chat y actívalo.
  • En el menú de la izquierda del backoffice, ve a Ajustes > Join.chat > General
    Aquí debes indicar el número de teléfono de contacto de WhatsApp. También puedes personalizar el mensaje de inicio de la conversación para el usuario así como el icono donde este debe pulsar para iniciar el chat, y definir si solo quieres mostrar la opción de WhatsApp cuando el usuario se conecte desde un teléfono, entre otras cosas. Como ves, está todo en español y es muy intuitivo.
  • Si haces scroll, encontrarás más opciones para personalizar la ventana del chat.
  • Por último, en la pestaña Visibilidad, tienes la posibilidad de seleccionar las páginas de tu WordPress en las que deseas ocultar o mostrar el chat de WhatsApp.

Poner WhatsApp en WordPress sin plugin

Otra opción para integrar WhatsApp en tu web WordPress es mediante un simple enlace que vincularemos a un texto o imagen en el que el usuario deberá hacer clic para iniciar el chat.
La estructura del enlace debe ser la siguiente:

https://wa.me/<numero>/?text=<texto>
  • En <numero> escribe el número de teléfono de contacto incluyendo el prefijo del país y todo seguido, sin espacios, guiones ni cualquier otro símbolo.
    Por ejemplo: +34 601 234 567 debe ser escrito así: 34601234567
  • En <texto> puedes incluir un mensaje por defecto con el que se iniciará la conversación, por ejemplo: «Hola, me gustaría tener más información acerca de sus productos». Pero para el enlace deberás codificar el texto, no es posible escribirlo tal cual.
    Si lo copias y pegas en urlencoder.io te lo codifica automáticamente:
  • Una vez codificado el mensaje, el código quedaría tal que así:
https://wa.me/34601234567/?text=Hola%2C%20me%20gustar%C3%ADa%20tener%20m%C3%A1s%20informaci%C3%B3n%20acerca%20de%20sus%20productos

Ya tendríamos el enlace creado, ahora solo queda incrustarlo en WordPress.

  • Si simplemente quieres enlazarlo a un texto sería tal que así:

Y ahora vamos a ver cómo enlazarlo a una imagen con el icono de WhatsApp que colocaremos en el pie de todas las páginas de la web mediante un Widget:

  • Ve a Apariencia > Personalizar > Widgets y haz clic en el símbolo + para agregar un Widget, luego selecciona el Widget de Imagen.
  • Haciendo scroll, en la parte inferior izquierda aparecerán las opciones del Widget que acabas de añadir. Sube la imagen del icono o selecciónala de tu biblioteca, a la derecha puedes ver dónde irá situado el icono de WhatsApp en tu web.
  • Para insertar el link en la imagen solo tienes que pinchar en el símbolo de enlace y pegarlo ahí, no olvides darle a Publicar para guardar los cambios.
  • Y ya estaría, cuando hagan clic en el icono desde el móvil les llevará a iniciar la conversación desde la aplicación de WhatsApp, y si lo hacen desde un ordenador, este se abrirá desde el navegador web de la siguiente manera:

Ya hemos visto lo fácil que es integrar el chat de WhatsApp en tu web WordPress. Y por si te interesa, hace un tiempo también te enseñamos cómo añadir el chat de Facebook a WordPress 😉


Síguenos en:

  • Facebook
  • Instagram
  • Twitter

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Enlaces

  • Dominios
  • Dedicados
  • Hosting multidominio
  • VPS
  • Hosting

Llámanos

+34 966 343 060

  • Aviso Legal LSSI
  • Política de Privacidad
  • Política de Cookies

LOADING

Dominios
Hosting
Resellers
VPS
Dedicados

 

Síguenos en:

  • Facebook
  • Instagram
  • Twitter
©2023 El blog de Loading | Funciona con SuperbThemes y WordPress
Utilizamos cookies propias y de terceros para mejorar nuestros servicios. Si continúa navegando, consideramos que acepta su uso. Puede obtener más información, en nuestra Política de cookies. ConfigurarAceptar Cookies

Cookies

Esta página web usa cookies

Este sitio web utiliza cookies para mejorar su experiencia mientras navega por el sitio web. Fuera de estas cookies, las cookies que se clasifican como necesarias se almacenan en su navegador, ya que son esenciales para el funcionamiento de las funcionalidades básicas del sitio web. También utilizamos cookies de terceros que nos ayudan a analizar y comprender cómo utiliza este sitio web. Estas cookies se almacenarán en su navegador solo con su consentimiento. También tiene la opción de optar por no recibir estas cookies. Pero la exclusión voluntaria de algunas de estas cookies puede afectar su experiencia de navegación.
Necesarias
Siempre activado
Cookies necesarias para el funcionamiento del sitio web.
Analíticas
Relacionadas con Google Analytics que se usa para distinguir a los usuarios.
GUARDAR Y ACEPTAR