Tutorial: Botón para compartir en WhatsApp

AndreayYap

Mi
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
20 Ene 2013
Mensajes
3.404
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

whatsapp-logo-color-symbo2l.png
 

rafadizeosp

Mi
Verificación en dos pasos activada
Desde
19 Nov 2011
Mensajes
3.071
Tenes algún demo online para probar su funcionamiento?
 

Alwazzz

Gamma
Verificación en dos pasos desactivada
Desde
23 Jul 2013
Mensajes
246
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:
 

edsalag

Delta
Verificación en dos pasos desactivada
Desde
23 Mar 2014
Mensajes
722
Alguien que pase la URL de su web donde esté funcionando el botón para ver como se ve :)
 

Someone

Épsilon
Redactor
Verificación en dos pasos desactivada
Desde
28 Jun 2014
Mensajes
794
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

Delta
Verificación en dos pasos desactivada
Desde
23 Mar 2014
Mensajes
722
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.
 
Última edición:

MrGoogle

Alfa
Programador
Verificación en dos pasos desactivada
Desde
12 Mar 2012
Mensajes
25
Alguien ya lo probo en blogger?
 

AndreayYap

Mi
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
20 Ene 2013
Mensajes
3.404
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:

PHP:
<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

Alfa
Programador
Verificación en dos pasos desactivada
Desde
12 Mar 2012
Mensajes
25
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:

PHP:
<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

Épsilon
Redactor
Verificación en dos pasos desactivada
Desde
28 Jun 2014
Mensajes
794
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:

PHP:
<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í:


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

AndreayYap

Mi
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
20 Ene 2013
Mensajes
3.404
Ahh! lo pegan después de:
Insertar CODE, HTML o PHP:
<div class='post-header-line-1'/>
seguro les aparece varios, vayan probando cada uno, ( a mi me sirvio el tercero)
 

Someone

Épsilon
Redactor
Verificación en dos pasos desactivada
Desde
28 Jun 2014
Mensajes
794
Encontré este botón, a lo mejor le sirve a alguien:

En inglés

Captura%u00252Bde%u00252Bpantalla%u00252B%u0025283%u002529.png

En español

Captura%u00252Bde%u00252Bpantalla%u00252B%u0025283%u002529.png
 
Última edición:

dandisama

Beta
Verificación en dos pasos desactivada
Desde
17 Ago 2012
Mensajes
56
Muy bueno :eek: :p8: pero tampoco me funciono :c lo tuve que hacer así:

HTML:
<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

1
Dseda
Exchanger
Verificación en dos pasos activada
¡Excelente comerciante!
Desde
25 Sep 2014
Mensajes
1.200
Gran aporte, gracias :D
 

WETCER

Gamma
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
31 Oct 2014
Mensajes
158
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.
 

Arriba