top of page
  • Foto del escritorMediatility

Agregar botones para compartir cualquier página en redes sociales (wix velo)

Actualizado: 8 feb 2022

Hola a todos los novatos de Wix Velo, el día de hoy les daremos un código "ready to go" para que en cualquier página de su sitio puedan colocar botones para compartir automáticamente dicha página en Whatsapp, Facebook y Twtitter, con el mensaje predeterminado que tu desees y lo más importante sin apps ni sitios web externos que den urls horribles no directos.

El código es muy sencillo, primero establece tus botones en cualquier página de tu sitio que quieras hacer compartible.


Incluso para hacer aún más sencilla de compartir en otros medios puedes agregar un botón para copiar el link directo sin necesidad de ir a la barra superior (esto hace que sea más sencillo copiar el link para los usuarios de smartphone) (código más abajo).


Con estos 4 botones mejorarás de gran manera la forma en que tus usuarios comparten tus páginas de manera rápida y eficiente.


Puedes probar el código en esta misma página en la pestaña lateral "comparte esta lectura"



import wixLocation from 'wix-location';

$w.onReady(function () {
   let url = wixLocation.url
   console.log(url)
   let compartirUrl = `https://api.whatsapp.com/send?      phone=&text=Hey,%20te%20comparto%20esta%20linkard,%20te%20puede%20interesar%20${url}`
   $w('#sharewhatsapp').link = compartirUrl
   let compartirFB = `http://www.facebook.com/sharer.php?u=${url}&quote=Hey,%20les%20comparto%20esta%20linkard,%20les%20puede%20interesar`
   $w('#sharefacebook').link = compartirFB
   let compartirTW = `http://twitter.com/share?url=${url}&text=Hey,%20les%20comparto%20esta%20linkard,%20les%20puede%20interesar`
   $w('#sharetwitter').link = compartirTW
});

Puedes cambiar los textos de los posts que compartes a tu gusto, para que digan lo que desees (código remarcado en amarillo, recuerda que "%20" representa un espacio vacío) o pueden no decir nada, y sólo mostrar la url "${url}"


Y listo, ponle tu toque personal en diseño, forma y texto, cualquier duda te invitamos a comentar este post para responder cualquiera de tus dudas

46 visualizaciones0 comentarios

Entradas Recientes

Ver todo

Comentarios


bottom of page