Tutorial: Agrega un botón de WhatsApp a tu sitio web para aumentar su alcance móvil

[AndreayYap]

Yo lo hice así:

<center><script>document.write("<a class='ssba' data-action='share/whatsapp/share' href='whatsapp://send?text= Mira esto: "+document.URL+"'><img border='0' height='80' src='http://forobeta.com/attachments/tutoriales-de-blogger/35542d1411325454-boton-compartir-whatsapp-whatsapp-logo-color-symbo2l.png' width='290'/></a>")</script></center>

y con ésta imagen

​

 

[rafadizeosp]

Tenes algún demo online para probar su funcionamiento?

 

[Someone]

Yo lo hice así:

y con ésta imagen

Ver el archivo adjunto 35542​

Un poco grande, ¿no?

- - - Actualizado - - -

Tenes algún demo online para probar su funcionamiento?

Sí amigo, justo lo tengo en mi blog (el de la firma). Tengo que configurar la imagen pero funciona bien :encouragement:

 

[Alwazzz]

Eso se achica xD tmbpocco hace falta q sea asi el icono de compartir xD
Es cuestion de armar un boton onda como el de facebook o buscar uno que seguro hay. Y lo programas con el codigo q se posteo.
El tema seria si funciona xd

Un poco grande, ¿no?

- - - Actualizado - - -



Sí amigo, justo lo tengo en mi blog (el de la firma). Tengo que configurar la imagen pero funciona bien :encouragement:

 

[Someone]

la forma de colocar este boton la estaba buscando desde hace tiempo, gracias por el tutorial.

De nada 😉

 

[edsalag]

Alguien que pase la URL de su web donde esté funcionando el botón para ver como se ve 🙂

 

[Someone]

Alguien que pase la URL de su web donde esté funcionando el botón para ver como se ve 🙂

Amigo en la web de mi firma tengo el botón instalado. La foto está un poco pequeña pero funciona perfectamente :encouragement:

 

[edsalag]

Amigo en la web de mi firma tengo el botón instalado. La foto está un poco pequeña pero funciona perfectamente :encouragement:

Pues será que no está funcionando bien porque no veo el botón por ningún lado.
---
Edito: Ya lo vi, está super chiquito.

 

[MrGoogle]

Alguien ya lo probo en blogger?

 

[AndreayYap]

Alguien ya lo probo en blogger?

Justo lo tengo en Blogger, ya les hago un pequeño ejemplo (demo) pero tiene que entrar con un móvil para que prueben que sí funciona.

- - - Actualizado - - -

Un poco grande, ¿no?

- - - Actualizado - - -



Sí amigo, justo lo tengo en mi blog (el de la firma). Tengo que configurar la imagen pero funciona bien :encouragement:

Amigo, si logras ver bien el codigo:

<center><script>document.write("<a class='ssba' data-action='share/whatsapp/share' href='whatsapp://send?text= Mira esto: "+document.URL+"'><img border='0' height='80' src='http://forobeta.com/attachments/tutoriales-de-blogger/35542d1411325454-boton-compartir-whatsapp-whatsapp-logo-color-symbo2l.png' width='290'/></a>")</script></center>

Donde dice: height='80' Y width='290' ese es el tamaño en que se colocará... 🙂

- - - Actualizado - - -

Alguien ya lo probo en blogger?

Pues será que no está funcionando bien porque no veo el botón por ningún lado.
---
Edito: Ya lo vi, está super chiquito.

Amigo en la web de mi firma tengo el botón instalado. La foto está un poco pequeña pero funciona perfectamente :encouragement:

Alguien que pase la URL de su web donde esté funcionando el botón para ver como se ve 🙂

Eso se achica xD tmbpocco hace falta q sea asi el icono de compartir xD
Es cuestion de armar un boton onda como el de facebook o buscar uno que seguro hay. Y lo programas con el codigo q se posteo.
El tema seria si funciona xd

Un poco grande, ¿no?

- - - Actualizado - - -



Sí amigo, justo lo tengo en mi blog (el de la firma). Tengo que configurar la imagen pero funciona bien :encouragement:

Tenes algún demo online para probar su funcionamiento?

Aquí la pequeña demo, el tamaño de la imagen se puede personalizar (no editando imagen)

AQUI LA DEMO: DEMO SHARED What'sApp

Tiene obviamente que iniciar desde el móvil.

 

[MrGoogle]

Justo lo tengo en Blogger, ya les hago un pequeño ejemplo (demo) pero tiene que entrar con un móvil para que prueben que sí funciona.

- - - Actualizado - - -



Amigo, si logras ver bien el codigo:

<center><script>document.write("<a class='ssba' data-action='share/whatsapp/share' href='whatsapp://send?text= Mira esto: "+document.URL+"'><img border='0' height='80' src='http://forobeta.com/attachments/tutoriales-de-blogger/35542d1411325454-boton-compartir-whatsapp-whatsapp-logo-color-symbo2l.png' width='290'/></a>")</script></center>

Donde dice: height='80' Y width='290' ese es el tamaño en que se colocará... 🙂

- - - Actualizado - - -

Aquí la pequeña demo, el tamaño de la imagen se puede personalizar (no editando imagen)

AQUI LA DEMO: DEMO SHARED What'sApp

Tiene obviamente que iniciar desde el móvil.

A perfecto, gracias.

 

[Someone]

Justo lo tengo en Blogger, ya les hago un pequeño ejemplo (demo) pero tiene que entrar con un móvil para que prueben que sí funciona.

- - - Actualizado - - -



Amigo, si logras ver bien el codigo:

<center><script>document.write("<a class='ssba' data-action='share/whatsapp/share' href='whatsapp://send?text= Mira esto: "+document.URL+"'><img border='0' height='80' src='http://forobeta.com/attachments/tutoriales-de-blogger/35542d1411325454-boton-compartir-whatsapp-whatsapp-logo-color-symbo2l.png' width='290'/></a>")</script></center>

Donde dice: height='80' Y width='290' ese es el tamaño en que se colocará... 🙂

- - - Actualizado - - -
















Aquí la pequeña demo, el tamaño de la imagen se puede personalizar (no editando imagen)

AQUI LA DEMO: DEMO SHARED What'sApp

Tiene obviamente que iniciar desde el móvil.

Gracias por la demo :encouragement:

Para los que estén en la PC sólo deben agregar al final de la url esto:

?m=1​

Para que quede así:

DEMO: KIM KARDASHIAN FOTOS PROHIBIDAS​

De este modo accederán a la versión móvil.

 

[Zebranation]

Buen Dato lo intetare :witless::witless::witless::witless:😉

 

[AndreayYap]

Ahh! lo pegan después de:

<div class='post-header-line-1'/>

seguro les aparece varios, vayan probando cada uno, ( a mi me sirvio el tercero)

 

[Someone]

Encontré este botón, a lo mejor le sirve a alguien:

En inglés

​

En español

​

 

[ronaldinho]

Buen aporte Gracias

 

[dandisama]

Muy bueno 😱 😛8: pero tampoco me funciono :c lo tuve que hacer así:

<script>document.write("<a class='ssba' data-action='share/whatsapp/share' href='whatsapp://send?text="+document.URL+"'><img border='0' height='50' src='http://www.sandra-bg.com/images/whatsapp-logo-color-symbol.png' width='75'/></a>")</script>

genial, gracias por el aporte maestro. saludos.

 

[Leanmen]

Gran aporte, gracias 😀

 

[WETCER]

Magnífico aporte. Para entender las relaciones digiales en este momento es imprescindible tener en cuenta whatsapp, tengo la impresión de que se acabará usando más que el propio twiter para compartir entradas.

 

[RaulOrCase]

muy bueno (y):encouragement: