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

AndreayYap

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

Someone

No recomendado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Desde
28 Jun 2014
Mensajes
1.062
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.

Alwazzz

Delta
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Desde
23 Jul 2013
Mensajes
621
Edad
35
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
Verificado por Whatsapp
Desde
23 Mar 2014
Mensajes
719
Alguien que pase la URL de su web donde esté funcionando el botón para ver como se ve :)
 

Someone

No recomendado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Desde
28 Jun 2014
Mensajes
1.062
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
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
Verificado por Whatsapp
Desde
23 Mar 2014
Mensajes
719
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:

AndreayYap

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

No recomendado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Desde
28 Jun 2014
Mensajes
1.062
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
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

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

No recomendado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
Desde
28 Jun 2014
Mensajes
1.062
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
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
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
17 Ago 2012
Mensajes
61
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.
 

WETCER

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

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba