Agregar chat whatsapp en wordpress sin plugins

¿Por qué Chat Whatsapp sin plugins?

Porque nos permite agregar el chat en cualquier área de nuestra web

Porque además no agrega código innecesario y nos ayuda a mantener la página más liviana a la hora de medir la velocidad de carga

Porque realmente es sencillo hacerlo

De todas formas existen unos plugins muy buenos que tienen esta funcionalidad… los explicaremos en otro post.

Vamos a ponernos manos a la obra entonces, vamos a chat whatsapp en wordpress sin plugins:

Lo primero que tenemos que hacer es tener a la mano la imagen del logo de whatsapp porque esa imagen permite al usuario sin necesidad de muchas palabras identificar que puede con un clic comunicarse contigo.

También puedes hacerlo a través de un link de texto tipo “comunícate con nosotros vía whatsapp” a mi juicio la imagen llama más la atención. Es cuestión de gustos y colores.

Vamos a hacer uno con la imagen:

En el lugar donde quieres colocar tu contacto whatsapp haces clic en Añadir objeto:

Una vez allí subimos nuestro logo o imagen para el contacto whatsapp

Añadir

Nos va a salir los siguientes campos

En nuestro caso colocamos en título y texto alternativo Hablemos por whatsapp

Damos clic al botón Insertar en la página.

Seleccionamos nuestra imagen y damos clic en el ícono insertar enlace

Luego clic en opciones de enlace

Una vez allí marca la casilla que dice abrir en una nueva ventana (para que el usuario no se salga de tu página) sino que abra whatsapp sin salirse.

Y agrega en URL la siguiente dirección

https://wa.me/TUNUMERO/?text=ELTEXTOQUEVASACOLOCAR

Nota importante para Agregar chat whatsapp en wordpress sin plugins

La dirección URL que vas a colocar tendrás que editarla de la siguiente manera:

https://wa.me/TUNUMERO/?text=ELTEXTOQUEVASACOLOCAR

Tu número lo colocas sin símbolos y sin espacios

ejemplo +573162385848 debe colocarse 573162385848

El texto que vas a colocar tampoco puede llevar acentos o espacios ni caracteres especiales… para ello transformaremos nuestro texto a código URL

Si tu texto no lleva acentos o carácteres especiales (en ellos se usa la ñ) bastará sustituir los espacios por %20 así

Hablemos por whatsapp

Hablemos%20por%20Whatsapp

Si tu texto lleva acentos o caracteres especiales entonces ingresa a es.infobyip.com y codifica tu texto.

En mi caso: el enlace queda de ésta manera

https://wa.me/573162385848/?text=Hablemos%20por%20Whatsapp

Una maravilla! listo nuestro enlace whatsapp!