El auge de la mensajería móvil hace cada día mas necesario integrarlos a nuestros sitios web, de tal forma que con un clic nuestros lectores puedan localizarnos en las principales plataformas de este tipo como Facebook Messenger y Whatsapp.
Por esta razon el día de hoy les comparto un codigo html para integrar Facebook Messenger y Whatsapp en sus sitios web y blogger.
El codigo es:
<div><span style="font-family:";">Envíanos un mensaje por:</span><
/div><a href=
"https://api.whatsapp.com/send?
"https://api.whatsapp.com/send?
phone=999999999"
style="font-family: Georgia, serif; font-size: 100%; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal;">Whatsapp</a>
style="font-family: Georgia, serif; font-size: 100%; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal;">Whatsapp</a>
<div style="font-family: Georgia, serif; font-size: 100%; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal;">
<a href=
<a href=
"https://m.me/usuariodefacebook"
style="font-size: 100%;">Facebook</a></div>
style="font-size: 100%;">Facebook</a></div>
En este código deberás reemplazar:
Envíanos un mensaje por:
Pon el mensaje que deseas que encabece esta sección.
999999999:
El número de teléfono con el código de país, sin símbolos que usaras para whatsapp
usuariodefacebook:
El usuario que has asignado a tu Facebook Messenger
El resto del codigo como la tipografia lo puedes cambiar.
Para integrarlo a tu web, debe estar colocado dentro del HEAD.
Para integrarlo a blogger tienes 2 opciones o colocas un WIDGET nuevo que sea de HTML, y pegas el codigo dentro, asegurandote que la plantilla en modo movil muestre esté WIDGET.
O creas una nueva entrada, y pegas el codigo en la versión HTML de redacción, colocando en tu entrada una fecha muy posterior, de tal forma que el sistema la reconozca como la primera entrada y la muestre siempre primero.
Ahora si estas trabajando en WordPress te recomiendo un PlugIng que te permite la misma función cuando la navegación la detecta en dispositivos móviles: WhatsHelp solo instálalo actívalo y sigue el paso a paso de configuración.
Ahora si estas trabajando en WordPress te recomiendo un PlugIng que te permite la misma función cuando la navegación la detecta en dispositivos móviles: WhatsHelp solo instálalo actívalo y sigue el paso a paso de configuración.
¡Nos vemos pronto!
Muchas gracias, queria saber como poder integrar el facebook messenger a mi sitio web para mejorar la atención al cliente...un saludo y excelente blog!
ResponderBorrarPaco muchísimas gracias por tu comentario, y por tomarte el tiempo de leer mi blog. :)
Borraral telefono le falta el +34 y despues del numero &text=el mensaje y las dos comillas quedaría a sin " +34999999&text=el mensaje"
ResponderBorrarEfectivamente para España es como lo indicas en Ecuador quedaría por ejemplo así +593999999999. Muchas gracias por tu aporte y visita. :)
BorrarHola si solo quiero poner el WhatsApp desde donde tengo que corta?
ResponderBorrarHola Tony
BorrarCorta esta parte Facebook
Espero te sirva.
Buenisimo! gracias
ResponderBorrarGenial que te haya servido. :)
BorrarSale el enlace pero no la imagen del logo de whatsapp. Como puedo hacer para que se vea y puedan dar clic en el logo para iniciar el chat?
ResponderBorrarHola Pamela tienes 2 opciones, o añades el icono o imagen y le pones el enlace o usar este código que te paso que es con iconos flotantes. https://www.seoysocialmedia.com/2019/05/como-colocar-los-iconos-flotantes-de.html
Borrarasi es
Borrarmuchas gracias, creo que quedó bien, me sobró un poco de html jeje www.sebastianruizdiazarte.blogspot.com
ResponderBorrar