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

AndreayYap · 21 Sep 2014

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 · 21 Sep 2014

Tenes algún demo online para probar su funcionamiento?

Someone · 21 Sep 2014

AndreayYap dijo:
Yo lo hice así:

y con ésta imagen

Ver el archivo adjunto 35542

Un poco grande, ¿no?

- - - Actualizado - - -

rafadizeosp dijo:
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 · 21 Sep 2014

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

Walter Sullivan dijo:
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 · 21 Sep 2014

Sergio López dijo:
la forma de colocar este boton la estaba buscando desde hace tiempo, gracias por el tutorial.

De nada 😉

edsalag · 21 Sep 2014

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

Someone · 21 Sep 2014

esativo dijo:
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 · 21 Sep 2014

Walter Sullivan dijo:
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 · 21 Sep 2014

Alguien ya lo probo en blogger?

AndreayYap · 21 Sep 2014

MrGoogle dijo:
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 - - -

Walter Sullivan dijo:
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 - - -

MrGoogle dijo:
Alguien ya lo probo en blogger?

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

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

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

Alwazzz dijo:
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

Walter Sullivan dijo:
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:

rafadizeosp dijo:
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 · 21 Sep 2014

AndreayYap dijo:
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 · 21 Sep 2014

AndreayYap dijo:
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í:

DEMO: KIM KARDASHIAN FOTOS PROHIBIDAS

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

Zebranation · 21 Sep 2014

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

AndreayYap · 21 Sep 2014

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 · 21 Sep 2014

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

En inglés

En español

ronaldinho · 21 Sep 2014

Buen aporte Gracias

dandisama · 26 Sep 2014

kanikase dijo:
Muy bueno 😱 😛8: 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 · 26 Sep 2014

Gran aporte, gracias 😀

WETCER · 15 Nov 2014

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 · 19 Nov 2014

muy bueno (y):encouragement:

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

AndreayYap

rafadizeosp

Someone

Alwazzz

Someone

edsalag

Someone

edsalag

MrGoogle

AndreayYap

MrGoogle

Someone

Zebranation

AndreayYap

Someone

ronaldinho

dandisama

Leanmen

WETCER

RaulOrCase

Temas similares